Server : ApacheSystem : Linux host44.registrar-servers.com 4.18.0-513.18.1.lve.2.el8.x86_64 #1 SMP Sat Mar 30 15:36:11 UTC 2024 x86_64 User : vapecompany ( 2719) PHP Version : 7.4.33 Disable Function : NONE Directory : /home/vapecompany/demo.vapecompany.com.bd/resources/views/backend/ctoreject/ |
Upload File : |
@extends('backend.layout.app')
@section('content')
<style type="text/css">
.dataTables_length{
margin-top: 10px;
}
</style>
<!-- ============================================================== -->
<!-- Page wrapper -->
<!-- ============================================================== -->
<div class="page-wrapper">
<!-- ============================================================== -->
<!-- Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<div class="page-breadcrumb">
<div class="row">
<div class="col-5 align-self-center">
<h4 class="page-title">Central To Customer List</h4>
<div class="d-flex align-items-center">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Central To Customer</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
<!-- ============================================================== -->
<!-- End Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Container fluid -->
<!-- ============================================================== -->
<div class="container-fluid">
<!-- ============================================================== -->
<!-- Start Page Content -->
<!-- ============================================================== -->
<div class="row">
<div class="col-12">
<!-- Column -->
<div class="card">
<div class="card-body">
<h4 class="card-title">Central To Customer List</h4>
<div >
<form id="dataexportsearch" class="row">
<div class="col-lg-3 mb-lg-0 mb-6">
<label> ID:</label>
<input name="id" type="text" class="form-control datatable-input" placeholder="Enter ID" data-col-index="0" />
</div>
<div class="col-lg-3 mb-lg-0 mb-6">
<label>Form Date:</label>
<input name="start_date" type="text" readonly="" id="datepicker-autoclose" class="form-control datatable-input" placeholder="Enter Date" data-col-index="1" />
</div>
<div class="col-lg-3 mb-lg-0 mb-6">
<label>To Date:</label>
<input name="end_date" type="text" readonly="" id="datepicker-autoclose1" class="form-control datatable-input" placeholder="Enter Date" data-col-index="2" />
</div>
<div class="col-lg-3 mb-lg-0 mb-6">
<label> Customer Type:</label>
<input name="customer_type" type="text" class="form-control datatable-input" placeholder="Enter Customer Type Name" data-col-index="3" />
</div>
<div class="col-lg-3 mb-lg-0 mb-6">
<label>Customer Name:</label>
<input name="customer_name" type="text" class="form-control datatable-input" placeholder="Enter Customer Name" data-col-index="4" />
</div>
<div class="col-lg-3 mb-lg-0 mb-6">
<label>Remarks:</label>
<input name="remarks" type="text" class="form-control datatable-input" placeholder="Enter Remarks" data-col-index="45" />
</div>
</form>
<!-- div class="col-lg-3 mb-lg-0 mb-6">
<label>Deliver Mode:</label>
<select class="form-control datatable-input" data-col-index="5">
<option value="">Select</option>
<option value="1">Courier Service</option>
<option value="2">Others</option>
</select>
</div> -->
</div>
<div class="row mt-8" style="margin-top: 15px;text-align: center;">
<div class="col-lg-12">
<button class="btn btn-primary btn-primary--icon" id="kt_search">
<span>
<i class="la la-search"></i>
<span>Search</span>
</span>
</button>
<button class="btn btn-secondary btn-secondary--icon" id="kt_reset">
<span>
<i class="la la-close"></i>
<span>Reset</span>
</span>
</button></div>
</div>
<div>
<div class="dt-buttons btn-group flex-wrap">
<button onclick="dataExports('excel')" class="btn btn-secondary buttons-excel buttons-html5" tabindex="0" aria-controls="dtables" type="button">
<span>Excel</span>
</button>
<button onclick="dataExports('pdf')" class="btn btn-secondary buttons-pdf buttons-html5" tabindex="0" aria-controls="dtables" type="button">
<span>PDF</span>
</button>
<button onclick="dataExports('print')" class="btn btn-secondary buttons-print" tabindex="0" aria-controls="dtables" type="button">
<span>Print</span>
</button>
</div>
</div>
<table id="dtables" class="table table-striped table-bordered dt-responsive nowrap" style="width:100%">
<thead>
<tr>
<th class="min-mobile">ID
</th>
<th class="min-mobile">Customer Return Code
</th>
<th class="not-mobile">Date</th>
<th class="not-mobile">Customer Type</th>
<th class="not-mobile">Customer Name</th>
<th class="not-mobile">Customer Address</th>
<th class="not-mobile">Region</th>
<th class="not-mobile">Division</th>
<th class="not-mobile">District</th>
<th class="not-mobile">Area</th>
<th class="not-mobile">Remarks</th>
<th class="not-mobile">Total Quantity</th>
<th class="not-mobile">Action</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- ============================================================== -->
<!-- End PAge Content -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Right sidebar -->
<!-- ============================================================== -->
<!-- .right-sidebar -->
<!-- ============================================================== -->
<!-- End Right sidebar -->
<!-- ============================================================== -->
</div>
<!-- ============================================================== -->
<!-- End Container fluid -->
@endsection
@section('script')
<script src="{{url('/public/js/bootstrap-datepicker.min.js')}}"></script>
<script src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.22/js/dataTables.bootstrap4.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.6/js/dataTables.responsive.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.6/js/responsive.bootstrap4.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.5/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.5/js/buttons.bootstrap4.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.4/js/buttons.print.min.js"></script>
<script src=" https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script src="{{url('public/backend/js/buttons.html5.js')}}"></script>
<!-- <script src="https://cdn.datatables.net/buttons/1.2.3/js/buttons.html5.js"></script> -->
<script type="text/javascript">
$(document).ready(function() {
var date = new Date();
var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());
$('#datepicker-autoclose').datepicker({
format: 'dd-mm-yyyy',
autoclose: true,
todayHighlight: true
});
$('#datepicker-autoclose1').datepicker({
format: 'dd-mm-yyyy',
autoclose: true,
todayHighlight: true
});
// $( '#datepicker-autoclose').datepicker( 'setDate', today );
// $( '#datepicker-autoclose1').datepicker( 'setDate', today );
var datas="";
$('#dtables tfoot th').each( function () {
var title = $(this).text();
$(this).html( '<input type="text" placeholder="Search '+title+'" />' );
} );
var ts= $('#dtables').DataTable({
"lengthMenu": [[10, 50, 100,250,500,1000,-1], [10, 50, 100,250,500,1000,'All']],
responsive: true,
orderCellsTop: true,
dom: 'lrtip',
scrollX: true,
initComplete: function () {
// Apply the search
var ethis=this;
$('#kt_search').on('click',function(){
event.preventDefault();
$( '.datatable-input').each(function(){
// if(this.value != ""){
var t=$(this).data("col-index");
var that = ethis.api().columns(t);
if ( that.search() !== this.value ) {
that
.search( this.value );
}
//}
});
ethis.api().table().draw();
});
$('#kt_reset').on('click',function(){
event.preventDefault();
$( '.datatable-input').each(function(){
$(this).val('');
var t=$(this).data("col-index");
var that = ethis.api().columns(t);
if ( that.search() !== this.value ) {
that
.search( "");
}
});
ethis.api().table().draw();
});
},
processing: true,
serverSide: true,
ajax: {
"url": "{{route('return_reject_list')}}",
"type": "POST",
complete: function (data) {
// console.log(data);
},
error: function (data) {
//console.log(data);
},
},
"pageLength": 10,
columns: [
{ data: 'rejected_return_id' },
{ data: 'creturn_code' },
{ data: 'rejected_return_date' },
{ data: 'customer_type_name' },
{ data: 'customer_address' },
{ data: 'region' },
{ data: 'division' },
{ data: 'district' },
{ data: 'area' },
{ data: 'customer_name' },
{ data: 'remarks' },
{ data: 'total_quantity' },
{ data: 'Action' },
]
});
function getBase64FromImageUrl(url) {
var img = new Image();
img.crossOrigin = "anonymous";
img.src = "{{$companyInfo ? $companyInfo->company_logo ? url('public/images/company/'.$companyInfo->company_logo): url('/public/images/text_logo.png') : url('/public/images/text_logo.png')}}";
img.onload = function () {
var canvas = document.createElement("canvas");
canvas.width =this.width;
canvas.height =this.height;
var ctx = canvas.getContext("2d");
ctx.drawImage(this, 0, 0);
//console.log(this.src);
var dataURL = canvas.toDataURL("image/png");
var res= dataURL.replace(/^data:image\/(png|jpg);base64,/, "data:image/jpeg;base64,/");
//console.log(dataURL);
datas=dataURL;
//resultTable();
return res;
};
}
getBase64FromImageUrl('');
});
function dataExports(type){
var data = $('#dataexportsearch').serialize();
window.location="{{url('exports/customer_return')}}?"+data+"&action_type="+type;
// $.ajax({
// type : 'POST',
// url : "{{url('exports/customer_return')}}",
// data:data,
// dataType: 'json',
// success : function (data)
// {
// //var d=JSON.parse(data);
// console.log(data);
// },
// error : function (data)
// {
// //console.log(data);
// }
// });
}
</script>
@endsection