Viewing file:  customer_weight_detail.blade.php (4.69 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.admin')
@section('title')
Weight Details
@endsection
@section('extra-css')
<link rel="stylesheet" href="{{asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css')}}">
<style>
.w-100 {
width: 100%;
}
.single-step-row {
background: #ededed;
padding: 8px;
border-radius: 5px;
}
.customer-weight-img {
width: 100%;
height: 100%;
}
a.customer-weight-img-sec {
width: 60px;
height: 60px;
}
img.customer-weight-image {
width: 100%;
height: 100%;
}
</style>
@endsection
@section('content')
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h2 class="card-title">{{trans('Weight Details')}}</h2>
</div>
<div class="card-body">
<table id="weight-details"
class="contact-deals-table table table-striped table-bordered dt-responsive nowrap">
<thead>
<tr>
<th>@lang('Customer Name')</th>
<th>@lang('weight')</th>
<th>@lang('Image')</th>
<th>@lang('Created At')</th>
</tr>
</thead>
<tbody>
@if($customer_weight_details->isNotEmpty())
@foreach($customer_weight_details as $weight_detail)
<tr>
<td>{{$weight_detail->customer->full_name}}</td>
<td>{{$weight_detail->weight}}</td>
<td>
@if (isset($weight_detail->image) && $weight_detail->image)
@php
$customer_img = $weight_detail->image;
@endphp
<a href="#" class="customer-weight-img-sec customer-img-show"
data-img="{{asset('uploads/' .$customer_img)}}">
<img class="" src="{{asset('uploads/' .$customer_img)}}" alt="" height="40"
width="45">
</a>
@else
<img src="" alt="Image">
@endif
</td>
<td>{{$weight_detail->created_at}}</td>
</tr>
@endforeach
@endif
</tbody>
</table>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
<div class="modal fade" id="customerImageModal" tabindex="-1" role="dialog" aria-labelledby="contactModalTitle"
aria-hidden="true">
<div class="modal-dialog custom-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="contactModalTitle">@lang('Image')</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="customer-img-sec">
<img src="" class="customer-weight-image" alt="" id="">
</div>
</div>
</div>
</div>
</div>
@endsection
@section('extra-scripts')
<script src="{{asset('plugins/datatables/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js')}}"></script>
<script src="{{asset('plugins/datatables-responsive/js/dataTables.responsive.min.js')}}"></script>
<script src="{{asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js')}}"></script>
<script>
"use strict";
$('#weight-details').DataTable();
$(document).on('click', '.customer-img-show', function (e){
const image = $(this).attr('data-img');
$('.customer-weight-image').attr('src',image);
$('#customerImageModal').modal('show');
})
</script>
@endsection
|