@extends('admin.layout.master')
@section('title','ORDER')
@section('content')
<style> 
    .table th,
    .table td {
        padding: 0rem;
        padding-left: 0.35rem;
        /* padding-right: 0.35rem;
        padding-top: 0.35rem;
        padding-bottom: 0.35rem; */
    }
    .table th {
        background: #ab3535;
        padding: 5px !important;
        color: white !important;
    }
    .custom-td {
        white-space:pre-wrap;
        word-wrap:break-word;
    }
</style>  
    <div class="card sina-card">
        <div class="card-header card-header-s d-flex flex-wrap align-items-center">
            <h4 class="col-6 pl-0">Order List</h4>
            <div  class="col-6 d-flex justify-content-end">
                <a href="{{ route('restaurant.order.new') }}" target="_blank" class="btn-sina-title-add d-flex align-items-center" type="button" name="button">
                    <div class="col pl-0 pr-2">
                        <i class="fas fa-plus-circle"></i>
                    </div>
                    <div class="">  Add New </div>
                </a>
            </div>
        </div>  
        @include("restaurant.shared.VatSettings")
        <div class="card-body">
            <form action="{{ route('restaurant.order.filter') }}" method="GET">
                <div class="row">
                    <div class="col-md-3">
                        <label>Invoice </label>
                        <input type="number" id="invoice_no" value="{{ request()->invoice_no }}" class="form-control input-sm" name="invoice_no" />
                    </div>
                    <div class="col-md-3">
                        <label>Customer</label>
                        <select class="form-control party_live" id="customer_id" value="{{ request('customer_id') }}" name="customer_id" style="width: 100%">
                            <option value="">Choose One</option> 
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label>Waiter</label>
                        <select class="form-control select_2" id="waiter_id" value="{{ request('waiter_id') }}" name="waiter_id">
                            <option value="">Choose One</option>
                            @foreach (\App\Models\Restaurant\ResWaiter::cursor() as $waiter)
                                <option value="{{ $waiter->id }}" @if (request()->waiter_id==$waiter->id) selected @endif>{{ $waiter->name }}</option>
                            @endforeach
                        </select>
                    </div>

                    {{-- <div class="col-md-3">
                        <label>Table</label>
                        <select class="form-control select_2" multiple="multiple" id="table_id" name="table_id[]">
                            <option value="">Choose One</option> 
                            @foreach (\App\Models\Restaurant\ResMultidataSetting::where('type', 3)->cursor() as $table)
                                <option value="{{ $table->id }}">{{ $table->name }}</option>
                            @endforeach
                        </select>
                    </div> --}}

                    <div class="col-md-3">
                        <label>From Date</label>
                        <input type="date" id="from_date" value="{{ request()->from_date }}" class="form-control input-sm" name="from_date" />
                    </div>
                    <div class="col-md-3">
                        <label>To Date</label>
                        <input type="date" id="to_date" value="{{ request()->to_date }}" class="form-control input-sm" name="to_date" />
                    </div>
                    <div class="col-md-3">
                        <label>Status</label>
                        <select class="form-control input-sm select_2" id="status" name="status">
                            <option value="">Choose One</option>
                            <option @if (request()->status==1) selected @endif value="1">Active</option>
                            <option @if (request()->status==2) selected @endif value="2">Inactive</option>
                        </select>
                    </div>  
                    <div class="col-md-2"><br>
                        <button type="submit" id="OrderListFilter" class="btn btn-danger btn-sm">Search</button>
                    </div> 
                </div>
            </form>    
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table id="example" class="table table-striped table-bordered" style="width:100%">
                    <thead>
                        <tr>
                            <th class="text-center">Sl</th>
                            <th class="text-center">Order No</th>
                            <th class="text-center">Customer</th>
                            <th class="text-center">Waiter</th>
                            <th class="text-center">Table</th>
                            <th class="text-center">Order State</th>
                            <th class="text-center">Order Date</th>
                            <th class="text-center">Status</th>
                            <th class="text-center">Amount</th>
                            <th class="text-center">
                                <input type="checkbox" class="chq-input-all" />
                                <button onclick="handleMergeBillFromList()" class="btn btn-sm btn-danger">Merge Bill</button>
                            </th>
                        </tr>
                    </thead>
                    <tbody id="dataList">
                        <h4 id="FromTo" class="mb-3 text-center" style="color: red"></h4>
                        @php($i = 1)
                            @foreach ($result as $item)
                                <tr>
                                    <td>{{ $i++ }}</td>
                                    <td>{{ $item->order_no }}</td>
                                    <td>{{ $item->customer? $item->customer->name_eng:'Not Found' }}</td>
                                    <td>{{ $item->waiter ? $item->waiter->name:'Not Found' }}</td>
                                    <td>{{  app('App\Http\Controllers\Restaurant\Order\OrderController')->getTables($item->table_ids) }}</td>
                                    <td class="text-center">
                                        <button onclick="orderStatusModal({{ $item->id }}, {{ $item->kitchen_status }})" class="btn btn-sm
                                            @if($item->kitchen_status == 1) btn-light  @endif
                                            @if($item->kitchen_status == 2) btn-primary  @endif
                                            @if($item->kitchen_status == 3) btn-info  @endif
                                            @if($item->kitchen_status == 4) btn-warning  @endif
                                            @if($item->kitchen_status == 5) btn-success  @endif
                                            @if($item->kitchen_status == 6) btn-danger  @endif
                                        ">
                                            {{ $statusList[$item->kitchen_status-1]->name }}
                                        </button>
                                    </td>
                                    <td>{{ date('d-M-Y h:i A', strtotime($item->created_at)) }}</td>
                                    <td>
                                        @if ($item->status == 1)
                                            <p style="color:green">Active</p>
                                        @endif
                                    </td>
                                    <td class="text-right">{{ $item->orderDetails->sum('price') * $item->orderDetails->sum('qty') }}</td>
                                    <td>
                                        @if($item->bill_id == 0)
                                            <a href="{{url('restaurant/order/new/'.$item->id)}}" class="btn btn-primary btn-sm">Edit</a>
                                            <a href="{{url('restaurant/order/delete/'.$item->id)}}" onclick="return confirm('Are you sure ?')" class="btn btn-danger btn-sm">Delete</a>
                                            <input
                                                data-order='null'
                                                data-oid=""
                                                value=""
                                                type="checkbox" class="chq-input" />
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody> 
                    </table> 
                </div>
            </div>
        </div>
        @include("restaurant.modal.ModalBill")



               <!-- ORDER STATUS MODAL -->
    <div class="modal fade" id="statusModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Order State</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="form-group">
                        <input type="hidden" name="rowId" id="rowId" />
                    </div>
                    <div class="form-group">
                        <label for="exampleInputPassword1">Status</label>
                        <select class="form-control" name="status_list" id="status_list" required>
                            @if ($statusList)
                                @foreach ($statusList as $item)
                                    <option value="{{ $item->id }}">{{ $item->name }}</option>
                                @endforeach
                            @else
                                <option value="">Select Status</option>    
                            @endif
                        </select>
                    </div>
                </div>
                <div class="modal-footer">
                    <button id="setStatusBtn" type="button" class="btn btn-primary">Save</button>
                </div>
            </div>
        </div>
    </div>

@endsection


@section('script')
    <script>
        $(document).ready(function() {
            select2('select_2');
            partySearch('party_live', 2);
        });

            // CHANGE ORDER STATE
        function orderStatusModal(id, status) {
            $('#rowId').val(id);
            $('#status_list').val(status);
            $('#statusModal').modal('show');
            console.log(status);
        }
            
        $('#setStatusBtn').click(function() {
            const status = $('#status_list').val();
            const rowId = $('#rowId').val();
            console.log(rowId, status);

            $.ajax({
                url: "{{ route('restaurant.order.order-state') }}",
                type:"POST",
                data:{
                    "id" : rowId,
                    "status" : status,
                    "_token": "{{ csrf_token() }}"
                },
                success:function(response){
                    setTimeout(() => {
                        location.reload();
                    }, 0);
                    Swal.fire({
                        position: 'bottom-end',
                        icon: 'success',
                        title: 'Order State Changed Successfully',
                        showConfirmButton: false,
                        timer: 1000
                    })
                },
                error: function(error) {
                    Swal.fire({
                        position: 'bottom-end',
                        icon: 'error',
                        title: 'Server Error',
                        showConfirmButton: false,
                        timer: 1300
                    })
                },
            });
        })

        function handleMergeBillFromList() {
            var list=[];var items=[];

            $(".chq-input").each(function () {
                if($(this).is(":checked")){
                    var conv_json=[];
                    var info=$(this).attr("data-order");
                    var oid=$(this).attr("data-oid");
                    var id=$(this).val();
                    conv_json.push(info);
                    list.push(id);
                    var obj={
                        id:id,
                        text:oid,
                        info:JSON.parse(conv_json),
                    }
                    items.push(obj);
                }
            });
            btnHandleModal();
            setBillFromOrders(items,list);
        }

    </script> 
    <script type="text/javascript" src="{{ asset('inventory/blade_js/common.js') }}"></script>
    <script src="{{ asset('/') }}restaurant/custom/js/cart.js"></script>
    <script src="{{ asset('/') }}restaurant/custom/js/order.js"></script>
    <script src="{{ asset('/') }}restaurant/custom/js/bill.js"></script>
@endsection