@extends("admin.template.layout")

@section('header')
    <link rel="stylesheet" type="text/css" href="{{ asset('') }}admin_assets/plugins/table/datatable/datatables.css">
    <link rel="stylesheet" type="text/css"
        href="{{ asset('') }}admin_assets/plugins/table/datatable/custom_dt_customer.css">
@stop


@section('content')
    <div class="card mb-5">
        <div class="card-body">
            <div class="row">
           
                <form action="" method="get" class="col-sm-12 col-md-12">
                    <div id="column-filter_filter" class="dataTables_filter">
                        <div class="row">
                            <div class="col-lg-3">
                                <label class="w-100">From Date:
                                    <input type="date" name="from_date" class="form-control form-control-sm" id="min_date" placeholder="" aria-controls="column-filter" value="{{$from}}">
                                </label>
                            </div>
                            <div class="col-lg-3">
                                <label class="w-100">To Date:
                                    <input type="date" name="to_date" class="form-control form-control-sm" id="max_date" placeholder="" aria-controls="column-filter" value="{{$to}}">
                                </label>
                            </div>
                            <div class="col-md-6 ">
                                        <label for="container_in" class="form-label mb-0">Order Number</label>
                                        <input type="text" class="form-control" id="order_number" name="order_number" value="{{$_GET['order_number']??''}}"
                                               placeholder="Enter Order Number">
                                    </div>
        
                            <div class="col-lg-6">
                                <div class=" mt-3">
                                    <button type="submit" class="btn btn-primary">Submit</button>
                                    
                                    <a href="{{url('admin/report/commission')}}"  class="btn btn-primary">Clear</a>
                                    <input type="submit" name="excel" value="Export" class="btn btn-success" >
                                </div>
                            </div>
                            
                        </div>
                    {{-- <label>From Date:
                    <input type="date" name="from_date" class="form-control form-control-sm" placeholder="" aria-controls="column-filter" value="{{$from}}">
                </label>
                <label>To Date:
                    <input type="date" name="to_date" class="form-control form-control-sm" placeholder="" aria-controls="column-filter" value="{{$to}}">
                </label>
                <button type="submit" class="btn btn-primary">Submit</button>
                <input type="submit" name="excel" value="Export" class="btn btn-primary" >
                <a href="{{url('admin/report/commission')}}"  class="btn btn-primary">Clear</a> --}}
                </div>
                </form>
            </div>  

            
                    <div class="table-responsive">
                    <table class="table table-condensed table-striped display nowrap" id="commission_list">
                        <thead>
                            <tr>
                                <!-- <th>#</th>
                                <th>Order No</th>
                                <th>Vendor </th>
                                <th>Admin Share</th>
                                <th>Vendor Share</th>
                                <th>Total</th>
                                <th>Payment Mode</th> 
                                <th>Order Date</th> -->

                                <th>SL</th>
                                <th>Order No</th>
                                <th>Product Name</th>
                                <th>Vendor </th>
                                <!-- <th>Admin Share</th>
                                <th>Vendor Share</th> -->
                                <th>Subtotal</th>
                                <th>Discount</th>
                                <th>VAT</th>
                                <th>Total</th>
                                <th>Payment Mode</th> 
                                <th>Booking Date</th>


                            </tr>
                        </thead>
                         <tbody>
                        @if (!empty($list))
                       

                                                        @foreach ($list as $item)
                            @foreach ($item->order_product as $product)
                                                                <tr>
                                    <td>{{ $i }}</td>
                                    <td></td>
                                    <td>{{ $item->vendordata ? $item->vendordata->company_name : '' }}</td>
                                    <td>{{ $product->product_name }}</td>
                                    <!-- <td>{{ $product->admin_share ?? 0 }}</td>
                                    <td>{{ $product->vendor_share ?? 0 }}</td> -->

                                    <td>{{ $item->total }}</td>
                                    <td>{{ $item->discount }}</td>
                                    <td>{{ $item->vat }}</td>
                                    <td>{{ $item->grand_total }}</td>

                                    <td>{{payment_mode($item->payment_mode)}}</td>
                                    <td>{{ get_date_in_timezone($item->created_at, 'd-M-y h:i A') }}</td>
                                    
                                </tr>
                            @endforeach
                            @endforeach
                             @else
                             <tr><td colspan="11" align="center">
                        <br>
                        <div class="alert alert-warning">
                            <p>No Orders found</p>
                        </div>
                    </td>
                </tr>
                    @endif
                        </tbody>
                       
                    </table>
                </div>


                    <div class="col-sm-12 col-md-12 pull-right">
                        <div class="dataTables_paginate paging_simple_numbers" id="example2_paginate">
                            {!! $list->links('admin.template.pagination') !!}
                        </div>
                    </div>

                
            </div>
        </div>
    </div>
@stop

@section('script')
    <script src="{{asset('')}}admin-assets/plugins/table/datatable/datatables.js"></script>
<link rel="stylesheet" type="text/css" href="{{asset('')}}admin-assets/plugins/table/datatable/datatables.css">
<script> 
    document.getElementById("min_date").onchange = function () {
        $('#max_date').val(' ');
        var input = document.getElementById("max_date");
        input.setAttribute("min", this.value);
    }
$('#commission_list').DataTable({
      "paging": false,
      "searching": false,
      "ordering": true,
      "info": false,
      "autoWidth": true,
      "responsive": true,
    });
    </script>
@stop