@extends('layouts.backend.app')

@section('title')
    {{$title}}
@stop

@push('css')

@endpush

@section('content')
<div class="bg-title">
    <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-4"> 
            <h4 class="box-title">{{$order_status}} Orders</h4>
        </div>
        <div class="col-lg-8 col-sm-8 col-md-8 text-right">
            <form action="{{ route('admin.quick_order_search') }}" method="get">
                <input type="date" name="from" id="" value="{{$from}}">
                To
                <input type="date" name="to" id="" value="{{$to}}">

                
                <select name="order_status" id="order_status" >
                    <option value="">Select One</option>
                    <option 
                @if ($order_status=='Pending') selected @endif
                    value="Pending">Pending</option>
                    <option 
                @if ($order_status=='Confirmed') selected @endif
                    value="Confirmed">Confirmed</option>
                    <option 
                @if ($order_status=='Processing') selected @endif
                    value="Processing">Processing</option>
                    <option 
                @if ($order_status=='Delivered') selected @endif
                    value="Delivered">Delivered</option>
                    <option 
                @if ($order_status=='Successed') selected @endif
                    value="Successed">Successed</option>
                    <option 
                @if ($order_status=='Canceled') selected @endif
                    value="Canceled">Canceled</option>
                </select>

                <input name="search" type="text" id="search" placeholder="Order code / Phone / Name / A.P.M / A.P.M A/C" title="Order code / Phone / Name" value="{{$search}}">
                
                <button type="submit"><i class="fa fa-search"></i></button>
            </form>
        </div>
    </div>
    <!-- /.col-lg-12 -->
</div>

<div class="mb-4">
    <div class="white-box">
        <div class="table-responsive">
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th width="4%">
                        <input type="checkbox" id="master"> ALL
                    </th>
                    <th class="text-center" width="8%">Date</th>
                    <th class="text-center" width="7%">Order ID</th>
                    <th class="text-center" width="12%">Customer</th>
                    <th class="text-center" width="23%">Product</th>
                    <th class="text-center" width="6%">Shipping</th>
                    <th class="text-center" width="6%">Total</th>
                    <th class="text-center" width="6%">Advance</th>
                    <th class="text-center" width="12%">Payment</th>
                    <th class="text-center" width="5%">P.Status</th>
                    <th class="text-center" width="5%">O.Status</th>
                    <th class="text-center" width="5%">Action</th>
                </tr>
                </thead>
                <tbody>
                    @php
                        $sl = ($orders->currentPage()-1) * $orders->perPage();
                        $sl++;
                    @endphp
                    
                    @foreach($orders as $key=>$order)
                        <tr id="tr_{{$order->id}}">
                            <td><input type="checkbox" class="sub_chk" data-id="{{$order->id}}"> {{$sl++}}</td>
                                        
                            <td>{{ $order->created_at->format('d-m-Y h:i A') }}</td>

                            <td>{{ $order->order_code }}</td>
                            <td>
                                {{ $order->name }} <br>
                                {{ $order->phone }} <br>
                                AD: {{ $order->address }}
                            </td>
                            <td>
                               <table>
                                   <tbody>
                                       <tr>                                
                                         <td>
                                               <strong style="font-size: 12px;">{{ $order->Product->title }}</strong><br />
                                               <small>ID # {{$order->Product->product_code}}</small>

                                              @if ($order->colour_id)
                                                  <br>
                                                  <small>Colour: {{$order->Colour->name}}</small>
                                              @endif

                                              @if ($order->size_id)
                                                  <br>
                                                  <small>Size: {{$order->Size->name}}</small>
                                              @endif
                                         </td>
                                         
                                          <td style="font-size: 12px;">
                                             <strong>{{ number_format($order->quantity) }} x {{ number_format($order->price) }}</strong><sup>৳</sup>
                                             <div class="w-100 my-1" style="border-bottom: 1px solid black;"></div>
                                             <strong>{{ number_format($order->price * $order->quantity)}}</strong><sup>৳</sup>
                                          </td>
                                       </tr>
                                   </tbody>
                               </table> 
                            </td>

                            <td><strong>{{ number_format($order->shipping_charge) }}<sup>৳</sup></strong></td>
                            <td><strong>{{ number_format($order->total) }}<sup>৳</sup></strong></td>
                            <td><strong>{{ number_format($order->advance) }}<sup>৳</sup></strong></td>
                            <td>
                                A.M: {{ $order->advance_method }}<br>
                                A/C: {{ $order->ac_no }} <br>
                                Ttx: {{ $order->adv_trans_id }}<br>
                                @if ($order->paymentID)
                                    <small>P.ID: {{ $order->paymentID }}</small>
                                @endif
                            </td>
                            <td class="text-center">
                                {{ $order->payment_method }} <br>
                                {{ $order->status }}
                            </td>
                            <td class="text-center">
    <form id="status_form_{{$order->id}}" action="{{ route('admin.quick_order_status_change') }}" method="POST" >
        @csrf
            <input type="hidden" name="order_id" 
            value="{{$order->id}}">
            <select name="order_status" id="order_status" onchange="this.form.submit()" >
                <option 
            @if ($order->order_status=='Pending') selected @endif
                value="Pending">Pending</option>
                <option 
            @if ($order->order_status=='Confirmed') selected @endif
                value="Confirmed">Confirmed</option>
                <option 
            @if ($order->order_status=='Processing') selected @endif
                value="Processing">Processing</option>
                <option 
            @if ($order->order_status=='Delivered') selected @endif
                value="Delivered">Delivered</option>
                <option 
            @if ($order->order_status=='Successed') selected @endif
                value="Successed">Successed</option>
                <option 
            @if ($order->order_status=='Canceled') selected @endif
                value="Canceled">Canceled</option>
            </select>
    </form>
                            </td>
                            <td class="text-center">
                                <a href="{{ route('admin.quick_order_view',$order->id) }}" class="cencel_btn btn btn-info btn-xs" >Details </a>

                                <a onclick="return confirm('Are you sure to delete this?')" href="{{ route('admin.quick_order_delete',$order->id) }}" class="btn btn-danger btn-xs" >Delete </a>

                            </td>

                            
                        </tr>
                    @endforeach
                </tbody>
                <tfoot>
                    <tr>
                        <td>
                            <form id="quick_delete" action="{{ route('admin.quick_delete') }}"  method="POST">
                                @csrf
                                <input type="hidden" id="delete_id"  name="order_id">
                                <a href="javascript:void()" onclick="quick_delete()" class="btn btn-danger btn-xs"> Delete </a>
                            </form>
                        </td>
                        <td colspan="5" class="text-right">P.Total =</td>
                        <td>{{ number_format($orders->sum('total')) }} <sup>৳</sup></td>
                        <td>{{ number_format($orders->sum('advance')) }} <sup>৳</sup></td>
                    </tr>

                    <tr>
                        <td colspan="6" class="text-right">G.Total =</td>
                        <td>{{ number_format($g_total) }} <sup>৳</sup></td>
                        <td>{{ number_format($g_advance) }} <sup>৳</sup></td>
                    </tr>
                </tfoot>
            </table>
            {{$orders->onEachSide(2)->links()}}
        </div>
    </div>
</div>

    
@endsection

@push('js')
<script>
    function quick_delete() {

        var allVals = [];  
        $(".sub_chk:checked").each(function() {  
            allVals.push($(this).attr('data-id'));
        });  


        if(allVals.length <=0)  
        {  
            alert("Please select row.");  
        }  else {  

            var join_selected_values = allVals.join(",");
            $('#delete_id').val(join_selected_values);

            var check = confirm("Are you sure you want to delete this row?");  
            if(check == true){  

                $('#quick_delete').submit();                
            }
        }
    }

    $("#master").on("click", function (e) {
        if ($(this).is(":checked", true)) {
            $(".sub_chk").prop("checked", true);
        } else {
            $(".sub_chk").prop("checked", false);
        }
    });

</script>
@endpush