@extends("user.layout.app")
@section("title","User Dashboard")
@section("content")
<div class="nk-content ">
                    <div class="container-fluid">
                        <div class="nk-content-inner">
                            <div class="nk-content-body">
                                <div class="components-preview mx-auto">
                                    
                                    
                                    
                                    <div class="nk-block nk-block-lg">
                                        <div class="nk-block-head">
                                            
                                            <div class="row g-4">
                                                <div class="col-lg-6">
                                                    <div class="nk-block-head-content">
                                                        <h4 class="title nk-block-title">List Of All Orders</h4>
                                                        <div class="nk-block-des">
                                                            <p>Here, You can manage orders</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group float-right">
                                                        <a href="{{ route('user.dashboard') }}" class="btn btn-lg btn-primary">Back TO Dashboard</a>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                            
                                        </div>
                                        <div class="card card-preview">
                                            <div class="card-inner">
                                                <table class="datatable-init nowrap nk-tb-list nk-tb-ulist" data-auto-responsive="false">
                                                    <thead>
                                                        <tr class="nk-tb-item nk-tb-head">
                                                            <th class="nk-tb-col"><span class="sub-text">Id</span></th>
                                                            <th class="nk-tb-col"><span class="sub-text">Order Id</span></th>
                                                            <th class="nk-tb-col"><span class="sub-text">Date</span></th>
                                                            <!--<th class="nk-tb-col"><span class="sub-text">User Name</span></th>-->
                                                            <th class="nk-tb-col"><span class="sub-text">Contact No.</span></th>
                                                            <th class="nk-tb-col"><span class="sub-text">Location</span></th>
                                                            <th class="nk-tb-col"><span class="sub-text">Order Status</span></th>
                                                            <th class="nk-tb-col"><span class="sub-text">Payment Status</span></th>
                                                            <th class="nk-tb-col nk-tb-col-tools text-right">Action</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach($allOrders as $key=>$allOrder)
                                                        <tr class="nk-tb-item">
                                                            
                                                            
                                                            
                                                            <td class="nk-tb-col tb-col-mb">
                                                                <span class="tb-amount">{{++$key}}</span>
                                                            </td>
                                                            
                                                            <td class="nk-tb-col tb-col-mb">
                                                                <span class="tb-amount">kh132g</span>
                                                            </td>
                                                            
                                                            <td class="nk-tb-col tb-col-mb">
                                                                <span class="tb-amount">{{!empty($allOrder->created_at->format('Y-m-d'))? $allOrder->created_at->format('Y-m-d') : ''}}</span>
                                                            </td>
                                                            
                                                            <!--<td class="nk-tb-col tb-col-mb">-->
                                                            <!--    <span class="tb-amount">{{!empty($user_record[$key]?->userInfo?->username)? $user_record[$key]?->userInfo?->username:''}}</span>-->
                                                            <!--</td>-->
                                                            
                                                            <td class="nk-tb-col tb-col-mb">
                                                                <span class="tb-amount">{{!empty($allOrder?->order_phone)? $allOrder?->order_phone : ''}}</span>
                                                            </td>
                                                            
                                                            <td class="nk-tb-col tb-col-mb">
                                                                <span class="tb-amount openModalButton" data-toggle="modal" data-target="#ordermodal">{{!empty($allOrder->order_location)? substr($allOrder->order_location,0,20):''}}...</span>
                                                            </td>
                                                            
                                                            <td class="nk-tb-col tb-col-mb">
                                                                <span class="tb-amount">
                                                                    <button type="button" class="btn btn-dim btn-outline-{{!empty($allOrder->order_status == 'Success')? 'success': 'warning'}} btn-sm"><span>{{!empty($allOrder->order_status)? $allOrder->order_status : ''}}</span></button>
                                                                </span>
                                                            </td>
                                                            
                                                            <td class="nk-tb-col tb-col-mb">
                                                                <span class="tb-amount">
                                                                    <button type="button" class="btn btn-dim btn-outline-{{!empty($allOrder->payment_status == 'Paid')? 'success': 'danger'}} btn-sm"><span>{{!empty($allOrder->payment_status)? $allOrder->payment_status : ''}}</span></button>
                                                                </span>
                                                            </td>
                                                            
                                                            <td class="nk-tb-col nk-tb-col-tools">
                                                                <ul class="nk-tb-actions gx-1">
                                                                    
                                                                    <li>
                                                                        <div class="drodown">
                                                                            <a href="javascript:void(0);" class="dropdown-toggle btn btn-icon btn-trigger" data-toggle="dropdown"><em class="icon ni ni-more-h"></em></a>
                                                                            <div class="dropdown-menu dropdown-menu-right">
                                                                                <ul class="link-list-opt no-bdr">
                                                                                    <!--<li><a href="javascript:void(0)"><em class="icon ni ni-edit"></em><span>Edit</span></a></li>-->
                                                                                    <li><a href="{{route('user.OrderDetail',$allOrder->id)}}"><em class="icon ni ni-eye"></em><span>View</span></a></li>
                                                                                    <!--<li>-->
                                                                                    <!--<form action="javascript:void(0)" method="POST">-->
                                                                                    <!--    @csrf-->
                                                                                    <!--    @method('DELETE')-->
                                                                                    <!--    <button type="submit" onclick="return confirm('Are you sure you want to delete?')"><em class="icon ni ni-trash"></em><span>Delete</span></button>-->
                                                                                    <!--</form>-->
                                                                                    <!--</li>-->
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </li>
                                                                </ul>
                                                            </td>
                                                        </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                                <div class="modal fade" id="ordermodalz">
                                                    <div class="modal-dialog" role="document">
                                                        <div class="modal-content">
                                                            <div class="modal-header">
                                                                <h5 class="modal-title">Total Tiffin</h5>
                                                                <a href="#" class="close" data-dismiss="modal" aria-label="Close">
                                                                    <em class="icon ni ni-cross"></em>
                                                                </a>
                                                            </div>
                                                            <div class="modal-body">
                                                                 <table class="table">
                                                                    <thead class="thead-dark">
                                                                      <tr>
                                                                        <th scope="col">#</th>
                                                                        <th scope="col">Tiffin Name</th>
                                                                      </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                        @foreach($allOrders as $key=>$allOrder)
                                                                        <tr>
                                                                            <th scope="row">{{++$key}}</th>
                                                                            <td>{{!empty($allOrder->order_location)? $allOrder->order_location:''}}</td>
                                                                        </tr>
                                                                        @endforeach
                                                                    </tbody>
                                                                  </table>
                                                                   
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div><!-- .card-preview -->
                                    </div> <!-- nk-block -->
                                </div><!-- .components-preview -->
                            </div>
                        </div>
                    </div>
                </div>
@endsection
@push("script")
@if(Session::has('msg'))
  <script>
    toastr.options = {
    "closeButton": true,
    "progressBar": true,
    "positionClass": "toast-bottom-center"
  }
    toastr.success("{{ Session::get('msg') }}");
  </script>
  @endif
    @endpush