@extends('layouts.main')

@section('content')
    <section class="users-list-wrapper">
            
<script type="text/javascript" src="https://unpkg.com/xlsx@0.15.1/dist/xlsx.full.min.js"></script>
       
        <div class="users-list-table">
            <div class="card">
                <div class="card-header">
                    <div class="card-text">
                      {{--  <div class="row">
                             <div class="col-6 col-sm-6 col-lg-6">
                            <label for="users-list-role">Role</label>
                            <fieldset class="form-group">
                                <select class="form-control" id="users-list-role" onchange="getRoleUsers(this.value, '{{env('APP_URL')}}')">
                                    <option value="" {{request()->id == null ? 'selected' : null}}>-- Select Role --</option>
                                    @foreach ($roles as $item)
                                    <option value="{{$item->id}}" {{request()->id == $item->id ? 'selected' : null}}>{{$item->name}}</option>
                                    @endforeach
                                </select>
                            </fieldset>
                        </div> 
                        </div> --}}
                        <form action="{{route('orderExport')}}" method="GET" enctype="multipart/form-data">
                        @method('GET')
                        @csrf
                          <div class="row">
                             <div class="col-4 col-sm-6 col-lg-4">
                            <label for="users-list-role">From Date</label>
                            <input type="date" class="form-control"  name="from_date" placeholder="Select Date"  data-validation-required-message="This From date field is required" required>
                        </div> 
                        <div class="col-4 col-sm-6 col-lg-4">
                            <label for="users-list-role">To Date</label>
                            <input type="date" class="form-control"  name="to_date" placeholder="Select Date"  data-validation-required-message="This End date field is required" required>
                        </div> 
                        <!--<div class="col-4 col-sm-6 col-lg-3">-->
                        <!--    <label for="users-list-role">Date Type</label>-->
                        <!--    <select class="form-control" name="date_type" id="dbhate_type" required>-->
                        <!--            <option value="0">-- Select Date Type --</option>-->
                        <!--            <option value="1">Last Login Date</option>-->
                        <!--            <option value="2">Registered Date</option>-->
                        <!--    </select>-->
                        <!--</div> -->
                        <div class="col-4 col-sm-6 col-lg-4">
                            <label for="users-list-role">Select Order By</label>
                            <select class="form-control" name="selectby" id="selectby">
                            <option value="created">Order Created At</option>
                            <option value="delivered">Order Delivered At</option>
                        </select>
                        </div>
                        <div class="col-4 col-sm-6 col-lg-4 my-2">
                            <label for="users-list-role">Order Status</label>
                            <select class="form-control" name="orderstatus" id="status">
                           <option value=3>Delivered</option>
                            <option value=0>Canceled</option>
                            <option value=1>Accepted And Assigned</option>
                            <option value=2>Out for delivery</option>
                            <option value=4>Yet to Pick</option>
                            <option value=5>Accepted</option>
                            <option value=6>Rejected by Vendor</option>
                            <option value=7>Not Assigned</option>
                            <option value=8>Order Created</option>
                            <option value=9>Order Confirmed</option>
                            <option value=10>Delivery Champ has accepted</option>
                            <option value=11>Food preparation in progress</option>
                            <option value=12>Food packing in progress</option>
                             <option value="all">All</option>
                        </select>
                        </div>
                        <div class="col-4 col-sm-6 col-lg-4 my-2">
                             <label for="users-list-role">Result By</label>
                             <select class="form-control" name="result" id="result">
                                 <option value="orders">Orders</option>
                                 <option value="products">Products</option>
                             </select>
                        </div>
                        <div class="d-flex justify-content-end w-100 my-3">
                        <div class="">
                            <button type="submit" class="btn btn-primary">Export To Excel</button>
                            <!--<button type="button" id="export_button" class="btn btn-outline-info btn-sm">View Export Data</button>-->
                           </div>
                           </div>
                        </form>
                        
                    @push('scripts')
                        <script>
                            function getRoleUsers(id, url) {
                                if (id) {
                                    window.location.href = url + 'users/roles/' + id;
                                } 
                            }
                            let status=$('#status');
                            let selectby=$('#selectby');
                            let result=$('#result');
                            result.change(function(){
                              if($(this).val()=="products"){
                                  selectby.val('delivered');
                                  status.val(3);
                                  selectby.attr("readonly", true);
                                  status.attr("readonly", true);
                              }
                              else{
                                     selectby.attr("readonly", false);
                                  status.attr("readonly", false);
                              }
                                
                            })
                        </script>
                    @endpush
                </div>
               <div>
                   <h3 id="heading" >{{isset($heading) ? $heading : ''}}</h3>
               </div>
                <!--<div class="card-content">-->
                <!--    <div class="card-body">-->
                        <!-- datatable start -->
                <!--        <div class="table-responsive">-->
                <!--            <table id="orders-list-datatable" class="table zero-configuration">-->
                <!--                <thead>-->
                <!--                    <tr>-->
                <!--                        <th>S.no</th>-->
                <!--                        <th>Date</th>-->
                <!--                        <th>Order</th>-->
                <!--                        <th>Shop Name</th>-->
                <!--                        <th>Delivery Boy Name</th>-->
                <!--                        <th>COD / Online</th>-->
                <!--                        <th>Subtotal</th>-->
                <!--                        <th>Delivery Charge</th>-->
                <!--                        <th>Payable total</th>-->
                <!--                    </tr>-->
                <!--                </thead>-->
                <!--                <tbody>-->
                <!--                    @if (isset($orders) && !empty($orders))-->
                <!--                        @foreach ($orders as $key => $item)-->
                <!--                            <tr>-->
                <!--                                <td>{{ $key + 1 }}</td>-->
                <!--                                <td>{{ $item->created_at }}</td>-->
                <!--                                <td>{{ $item->prefix . $item->id }}</td>-->
                <!--                                <td><a href="{{ route('shops.show', $item->shop->id) }}" class="mr-1">{{ $item->shop->name }}</a></td>-->
                <!--                                <td>{{ $item->deliveredBy->name ?? '' }}</td>-->
                <!--                                <td>{{ $item->type == 0 ? 'COD' : 'Online' }}</td>-->
                <!--                                <td>{{ str_replace(',', '', $item->cart->total_amount) - str_replace(',', '', $item->comission) }} ₹</td>-->
                <!--                                <td>{{ $item->cart->delivery_charge }} ₹</td>-->
                <!--                                <td>{{ $item->amount  }} ₹</td>-->
                <!--                            </tr>-->
                <!--                        @endforeach-->
                <!--                    @endif-->
                <!--                </tbody>-->
                <!--            </table>-->
                <!--         {{--   <div class="mx-auto" style="width: fit-content">{{ $users->links() }}</div>  --}}-->
                <!--        </div>-->
                <!--    </div>-->
                    <!-- datatable ends -->
                <!--</div>-->
            </div>
        </div>
        </div>
        

    </section>
@endsection