Viewing file:  index.blade.php (15.22 KB) -rwxrwxrwx
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.master')
@section('title') Deliveries @endsection
@section('content')
@component('components.breadcrumb')
@slot('li_1') Order @endslot
@slot('title')Deliveries List @endslot
@endcomponent
<div class="row">
<div class="col-lg-12">
<div class="card">
@if ($errors->any())
<div class="alert alert-danger">
@foreach ($errors->all() as $error)
<span class="each-error">{{ $error }} </span><br/>
@endforeach
</div>
@endif
@if(session()->has('message'))
<div class="alert alert-success">
{{ session()->get('message') }}
</div>
@endif
<div class="card-header border-0">
<div class="d-flex align-items-center">
<h5 class="card-title mb-0 flex-grow-1">Order Deliveries List</h5>
<!-- <div class="flex-shrink-0">
<button type="button" class="btn btn-success add-btn" data-bs-toggle="modal"
id="create-btn" data-bs-target="#addModal"><i
class="ri-add-line align-bottom me-1"></i> Create New
</button>
</div> -->
</div>
</div>
<div class="card-body border border-dashed border-end-0 border-start-0">
<form action="{{ route('deliveries')}}" method="POST">
@csrf
<div class="row g-3">
<div class="col-xxl-2 col-sm-4">
<div class="search-box">
@php
$input_dt = (isset($search_input)) ? $search_input : "";
@endphp
<input type="text" id="search_input" name="search_input" value="{{$input_dt}}" class="form-control search"
placeholder="Search by order invoice no">
<i class="ri-search-line search-icon"></i>
</div>
</div>
<!--end col-->
<div class="col-xxl-2 col-sm-4">
<div>
@php
$dt=date('d M, Y', strtotime("-1 month")) ." to ".date('d M, Y', strtotime("+0 days"));
$date_dt = (isset($date_range)) ? $date_range :$dt;
@endphp
<input type="text" class="form-control" data-provider="flatpickr"
data-date-format="d M, Y" data-range-date="true"
id="demo-datepicker" data-deafult-date="{{ $date_dt }}" name="date_range" placeholder="Select date">
</div>
</div>
<!--end col-->
<div class="col-xxl-2 col-sm-4">
<div>
@php
$status_dt = (isset($status)) ? $status : "all";
@endphp
<select class="js-example-basic-single form-control"
name="status" id="idStatus">
<!-- 1 for received,2 for accepted,3 picked up,4 delivered,5 cancel and 6 return -->
<option value="" disabled>Select Status</option>
<option value="all" selected>All Status</option>
<option value="1">Request Received</option>
<option value="2">Picked Up</option>
<option value="3">Delivered</option>
<option value="4">Cancelled</option>
<option value="5">Returned</option>
</select>
</div>
</div>
<!--end col-->
<div class="col-xxl-2 col-sm-4" style="max-height:40px;">
<div>
<select class="js-example-basic-single form-control"
name="vendor" id="idVendor">
<option value="">Select Vendor</option>
<option value="all" selected>All Vendor</option>
@php
$vendor_dt = (isset($vendor)) ? $vendor : "all";
@endphp
@if(isset($vendors))
@foreach($vendors as $vendor)
<option value="{{$vendor->page_id}}">{{ $vendor->shop_name }}</option>
@endforeach
@endif
</select>
</div>
</div>
<!--end col-->
<div class="col-xxl-1 col-sm-4">
<div>
<button type="submit" class="btn btn-primary w-100"> <i
class="ri-equalizer-fill me-1 align-bottom"></i>
Filters
</button>
</div>
</div>
<!--end col-->
</div>
<!--end row-->
</form>
</div>
<div class="card-body pt-0">
<div class="">
<table id="partnerTable" class="table dt-responsive align-middle table-hover table-bordered" style="width:100%">
<thead>
<tr>
<th>Invoice No</th>
<th>Date</th>
<th>Customer</th>
<th>Address</th>
<th>Vendor</th>
<th>Address</th>
<th>Status</th>
</tr>
</thead>
<tbody>
@php
$i=1;
@endphp
@if(isset($deliveries))
@foreach($deliveries as $data)
@php
$customer= json_decode($data->customer,true);
$vendor= json_decode($data->vendor,true);
@endphp
<tr>
<td>
<a href="{{ route('order_details',['order_id'=>$data->sale_id]) }}" class="fw-medium link-primary">
<!-- <button class="btn btn-sm btn-soft-success text-uppercase"> -->
#{{ $data->invoice_no }}
<!-- </button> -->
</a>
</td>
<td>{{ date('d M, Y H:i', strtotime($data->created_at)) }}</td>
<td>{{ $customer['address'] }}</td>
<td>{{ $data->address }}</td>
<td>{{ $customer['address'] }} </td>
<td>{{ $customer['address'] }}</td>
<td>
@if($data->status==1)
<span class="badge badge-soft-secondary text-uppercase">Requested</span>
@elseif($data->status==2)
<a href="javascript:" data-bs-toggle="tooltip"
data-bs-trigger="hover" data-bs-placement="top"
title="Change Status" onclick="change_status({{$data}})">
<span class="badge badge-soft-info text-uppercase">Picked up</span>
</a>
@else
<span class="badge badge-soft-success text-uppercase">Delivered</span>
@endif
</td>
</tr>
@endforeach
@endif
</tbody>
</table>
</div>
</div>
<!-- Modal -->
<div class="modal fade modal-md" id="changeStatus_Modal" tabindex="-1"
aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header bg-light p-3">
<h5 class="modal-title" id="exampleModalLabel">Update Status</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"
aria-label="Close" id="close-modal"></button>
</div>
<div class="card px-3">
<div class="card-header pb-0">
<h4 class="card-title">Order Details</h4>
</div><!-- end card header -->
<div class="card-body px-5 pt-1">
<div class="row">
<div class="col">
<span>Invoice No</span>
</div>
<div class="col">
#<span id="inv_no"></span>
</div>
</div>
<div class="row">
<div class="col">
<span>Customer</span>
</div>
<div class="col">
<span id="customer"></span>
</div>
</div>
<div class="row">
<div class="col">
<span>Vendor</span>
</div>
<div class="col">
<span id="vendor"></span>
</div>
</div>
<div class="row">
<div class="col">
<span>Status</span>
</div>
<div class="col">
<span id="or_status"></span>
</div>
</div>
</div>
</div>
<form class="row p-3 needs-validation" novalidate method="POST"
action="{{ route('update_status') }}">
@csrf
<input type="hidden" id="sale_id" name="sale_id" />
<div class="col-md-12 mb-2">
<label for="status-field"
class="form-label">Status</label>
<select class="js-example-basic-single form-control" data-minimum-results-for-search="Infinity" data-trigger id="status-field" name="status" required>
<option selected value="2">Picked Up</option>
<option value="3">Delivered</option>
</select>
</div>
<div class="modal-footer">
<div class="hstack gap-2 justify-content-end">
<button type="button" class="btn btn-light"
data-bs-dismiss="modal">Close</button>
<button type="submit" class="btn btn-success"
id="add-btn">Submit</button>
<!-- <button type="button" class="btn btn-success"
id="edit-btn">Update</button> -->
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!--end col-->
</div>
<!--end row-->
@endsection
@section('script')
<script>
$(document).ready(function() {
new DataTable('#partnerTable', {
"columns": [
// {"name": "SL", "orderable": "true","width": "3%"},
{"name": "Invoice No", "orderable": true,"width": "12%"},
{"name": "Date", "orderable": "true", "width": "16%"},
{"name": "Customer", "orderable": false,"width": "12%"},
{"name": "Address", "orderable": false,"width": "20%"},
{"name": "Vendor", "orderable": false,"width": "12%"},
{"name": "Address", "orderable": false,"width": "20%"},
{"name": "Status", "orderable": false,"width": "7%"},
],
order: [[1, 'asc']],
dom: 'Bfrtip',
buttons: [
'copy', 'csv', 'excel', 'pdf', 'print'
]
});
var vendor = "<?php echo $vendor_dt; ?>";
$('#idVendor').val(vendor);
$('#idVendor').trigger('change.select2');
var status = "<?php echo $status_dt; ?>";
$('#idStatus').val(status);
$('#idStatus').trigger('change.select2');
});
function change_status(data) {
// var data=JSON.parse(params);
$('#inv_no').text(data.invoice_no);
$('#customer').text(data.customer.name);
$('#vendor').text(data.shop__data.shop_name);
$('#or_status').text("Picked Up");
$('#sale_id').val(data.sale_id);
$('#changeStatus_Modal').modal('toggle');
}
</script>
@endsection
|