@extends('layouts.master')
@section('content')

{{-- Revert Modal --}}
<div class="modal fade" id="dispatchRevertModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content top-borderRed">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Delete <span></span></h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="col-md-12">
                    <p>Are you sure you want to delete?</p>
                </div>
            </div>
            <div class="modal-footer border-0">
                <a type="button" class="btn btn-primary confirm_revert_dispatch">Yes</a>
                <button type="button" class="btn btn-cancel" data-dismiss="modal"
                    aria-label="Close">No</button>
            </div>
        </div>
    </div>
    <button hidden data-toggle="modal" data-target="#deleteModal" id="hidden_btn_to_open_modal"></button>
</div>


<div class="modal fade" id="billsModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content top-borderBlue">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Select paper size for print<span></span></h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <style>
                    .print-icon-div{text-align: center; padding: 15px;}
                    .print-icon-div a{display: inline-block; border: solid 1px #e9ecef; padding: 15px; width: 100%; text-align: center; text-decoration: none; color: #282828; font-size: 13px;}
                    .print-icon-div a:HOVER{border: solid 1px #0038ba; color: #0038ba; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);}
                    .print-icon{filter: grayscale(1); width: 45px; opacity: 0.7; display: block; margin: auto; margin-top: 10px; margin-bottom: 15px;}
                    .print-icon-div a:HOVER .print-icon{filter:none; opacity: 1;}
                    </style>
                                  <div class="row print-icon-div">

                                            <div class="col-6">
                                                <a id='a4Bills'><img class="print-icon" src="/images/a4.svg" alt=""> <strong>A4 Portrait Paper</strong></a>
                                            </div>

                                            <div class="col-6">
                                                <a id='a5Bills'><img class="print-icon" src="/images/a5.svg" alt=""> <strong>A5 Landscape Paper</strong></a>
                                            </div>

                                            </div>
                              </div>
            </div>
        </div>
    </div>
    <button hidden data-toggle="modal" data-target="#deleteModal" id="hidden_btn_to_open_modal"></button>
</div>


<div class="row mt-2 mb-3">
    <div class="col-lg-6 col-md-6 col-sm-6">
        <h2 class="_head01">Orders <span>Management</span></h2>
    </div>

    <div class="col-lg-6 col-md-6 col-sm-6">
        <ol class="breadcrumb">
            <li><a href="#"><span>Orders</span></a></li>
            <li><span>List</span></li>
        </ol>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="body">
                <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
                    <table class="table table-hover dt-responsive nowrap" id="example" style="width:100%">
                        <thead>
                            <tr>
                                <th>Date</th>
                                <th>Sales Man</th>
                                <th>Order Bookers</th>
                                <th>Orders</th>
                                <th>Amount</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($orders as $data)
                            <tr>
                                <td>{{$data->date}}</td>
                                <td>{{$data->sales_man}}</td>
                                <td>{{$data->emp_names}}</td>
                                <td>{{$data->total_orders}}</td>
                                <td>{{number_format($data->order_total)}}</td>
                                <td>
                                    <a href="/pdfBookingSheet?emp={{$data->sales_man_id}}&date={{$data->date}}" rel="noopener noreferrer" target="_blank" class="btn btn-default view_load_sheet">BS</a>
                                    {{-- <a href="/fpdf/delivery_challanDistributor.php?emp={{$data->sales_man_id}}&date={{$data->date}}" rel="noopener noreferrer" target="_blank" class="btn btn-default view_delivery_challan">LS</a> --}}
                                    {{-- <a href="/pdfDistributor?emp={{$data->sales_man_id}}&date={{$data->date}}&dist_id={{$distributor_id}}" rel="noopener noreferrer" target="_blank" class="btn btn-default">Bills</a> --}}
                                    <button class="btn btn-default bill_print" id="{{$data->sales_man_id}}" date="{{$data->date}}" dist_id="{{$distributor_id}}" data-toggle="modal" data-target="#billsModal">Bills</button>
                                    <a href="/DistributorAdmin/dispatchOrderDetail/{{$data->sales_man_id}}/{{$data->date}}" class="btn btn-default btn-line">Dispatch</a>
                                    <button class="btn btn-default red-bg revert_dispatch" id="{{$data->sales_man_id}}" date="{{$data->date}}" data-toggle="modal" data-target="#dispatchRevertModal">Revert</button>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="col-12 text-center">

                </div>
            </div>
        </div>
    </div>
</div>
@endsection