Viewing file: returned.blade.php (18.4 KB) -rw-r--r-- Select action/file-type: (+) | (+) | (+) | Code (+) | Session (+) | (+) | SDB (+) | (+) | (+) | (+) | (+) | (+) |
@extends('layouts.master')
@section('title') Returned Order @endsection
@section('content')
@component('components.breadcrumb')
@slot('li_1') Order @endslot
@slot('title')Returned 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">Returned Orders 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('return')}}" 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 id">
<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">Pedning</option>
<option value="2">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="shop" id="idShop">
<option value="">Select Shop</option>
<option value="all" selected>All Shop</option>
@php
$shop_dt = (isset($shop)) ? $shop : "all";
@endphp
@if(isset($shops))
@foreach($shops as $shop)
<option value="{{$shop->id}}">{{ $shop->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>Order Id</th>
<th>Invoice No</th>
<th>Date</th>
<th>Receiver</th>
<th>Address</th>
<th>Shop</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);
$date= date('d M, Y H:i', strtotime($data->returnData->created_at));
@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->order_id }}
<!-- </button> -->
</a>
</td>
<td>#{{ $data->invoice_no }} </td>
<td>{{ $date }}</td>
<td>{{ $customer['receiver_name'] }}</td>
<td>{{ $customer['address'] }}</td>
<td>{{ $vendor['shop_name'] }}</td>
<td>{{ $vendor['address'] }}</td>
<td>
@if($data->returnData->status==1)
<li class="list-inline-item edit"
data-bs-toggle="tooltip" data-bs-trigger="hover"
data-bs-placement="top" title="Returned to vendor">
<button class="btn btn-sm btn-soft-success text-uppercase" onclick="returnVendor
({{$data}},'{{ $date }}' )">
Return
</button>
</li>
@else
<span class="badge badge-soft-success text-uppercase">Returned</span>
@endif
</td>
</tr>
@endforeach
@endif
</tbody>
</table>
</div>
</div>
<!-- Modal -->
<div class="modal fade modal-lg" 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">Item return to vendor</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"
aria-label="Close" id="close-modal"></button>
</div>
<div class="col-lg-12">
<div class="card-body p-4">
<div class="row g-3">
<div class="col-lg-3 col-6">
<p class="text-muted mb-2 text-uppercase fw-semibold">Order Id</p>
<h5 class="fs-14 mb-0"><span id="order_id"></span> </h5>
</div>
<div class="col-lg-3 col-6">
<p class="text-muted mb-2 text-uppercase fw-semibold">Invoice No</p>
<h5 class="fs-14 mb-0">#INV<span id="inv_no"></span></h5>
</div>
<div class="col-lg-3 col-6">
<p class="text-muted mb-2 text-uppercase fw-semibold">Date</p>
<h5 class="fs-14 mb-0"><span id="invoice-date"></span> <small class="text-muted" id="invoice-time"></small></h5>
</div>
<div class="col-lg-3 col-6">
<p class="text-muted mb-2 text-uppercase fw-semibold">Total Amount</p>
<h5 class="fs-14 mb-0">৳<span id="total-amount"> </span></h5>
</div>
</div>
<div class="row g-3 pt-3">
<div class="col-lg-3 col-6">
<p class="text-muted mb-2 text-uppercase fw-semibold">Received Amount</p>
<h5 class="fs-14 mb-0">৳<span id="received-amount"> </span></h5>
</div>
<div class="col-lg-3 col-6">
<p class="text-muted mb-2 text-uppercase fw-semibold">No of items Delivered</p>
<h5 class="fs-14 mb-0"><span id="no_of_delivered"></span></h5>
</div>
<div class="col-lg-3 col-6">
<p class="text-muted mb-2 text-uppercase fw-semibold">No of items returned</p>
<h5 class="fs-14 mb-0"><span id="no_of_returned"></span></h5>
</div>
</div>
<!--end row-->
</div>
<!--end card-body-->
</div>
<div class="col-lg-12">
<div class="card-body p-4 border-top border-top-dashed">
<div class="row g-3">
<div class="col-6">
<h6 class="text-muted text-uppercase fw-semibold mb-3">Customer Info</h6>
<p class="fw-medium mb-2" id="customer-name"></p>
<p class="text-muted mb-1" id="customer-address"></p>
<p class="text-muted mb-1"><span>Phone: </span><span id="customer-phone"></span></p>
<!-- <p class="text-muted mb-0"><span>Tax: </span><span id="billing-tax-no">12-3456789</span> </p> -->
</div>
<!--end col-->
<div class="col-6">
<h6 class="text-muted text-uppercase fw-semibold mb-3">Shop Info</h6>
<p class="fw-medium mb-2" id="shop-name"></p>
<p class="text-muted mb-1" id="shop-address"></p>
<p class="text-muted mb-1"><span>Phone: +</span><span id="shop-phone"></span></p>
</div>
<!--end col-->
</div>
<!--end row-->
</div>
<!--end card-body-->
</div>
<form class="row p-3 needs-validation" id="return_form" novalidate method="POST"
action="{{ route('return_item') }}">
@csrf
<input type="hidden" id="return_id" name="return_id" />
<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="button" class="btn btn-success"
id="add-btn" onClick="formSubmit()">Returned</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": "Order ID", "orderable": false},
{"name": "Invoice No", "orderable": false},
{"name": "Date", "orderable": "true"},
{"name": "Receiver", "orderable": false},
{"name": "Address", "orderable": false},
{"name": "Shop", "orderable": false},
{"name": "Address", "orderable": false},
{"name": "Status", "orderable": false},
],
order:[],
dom: 'Bfrtip',
buttons: [
'copy', 'csv', 'excel', 'pdf', 'print'
]
});
var shop = "<?php echo $shop_dt; ?>";
$('#idShop').val(shop);
$('#idShop').trigger('change.select2');
var status = "<?php echo $status_dt; ?>";
$('#idStatus').val(status);
$('#idStatus').trigger('change.select2');
});
let sale_data;
function returnVendor(data,date) {
var customer = JSON.parse(data.customer);
var vendor = JSON.parse(data.vendor);
console.log(data.received_amount);
sale_data=data.sale_data;
invoice_no=data.invoice_no;
$('#inv_no').text(data.invoice_no);
$("#order_id").text(sale_data.order_id);
$('#invoice-date').text(date.slice(0,-6));
$('#invoice-time').text(date.slice(-5));
$('#customer-name').text(customer.receiver_name);
$('#customer-address').text(customer.address);
$('#customer-phone').text(customer.receiver_phone);
$('#shop-name').text(vendor.shop_name);
$('#shop-address').text(vendor.address);
$('#shop-phone').text(vendor.phone);
$('#total-amount').text(sale_data.grand_total);
$('#received-amount').text(data.received_amount);
$('#no_of_delivered').text(data.no_of_items);
$('#no_of_returned').text(data.return_data.no_of_items);
$('#return_id').val(data.return_data.id);
$('#changeStatus_Modal').modal('toggle');
}
function formSubmit() {
Swal.fire({
title: `Are you sure? Order ${invoice_no} item has been returned to vendor`,
text: "You won't be able to revert this!",
icon: "info",
showCancelButton: true,
confirmButtonColor: "#3085d6",
cancelButtonColor: "#d33",
confirmButtonText: "Yes, Returned!"
}).then((result) => {
if (result.isConfirmed) {
$("#return_form").submit();
}
});
}
</script>
@endsection
|