@extends("admin.layout.app")
@section("title","Kitchen 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 Customers</h4>
                                                        <div class="nk-block-des">
                                                            <p>Here, You can manage Customers</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group float-right">
                                                        <a href="{{route('admin.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">Join Date</span></th>
                                                            <th class="nk-tb-col"><span class="sub-text">Name</span></th>
                                                            <th class="nk-tb-col"><span class="sub-text">Email</span></th>
                                                            <th class="nk-tb-col"><span class="sub-text">Phone</span></th>
                                                            <th class="nk-tb-col"><span class="sub-text">DOB</span></th>
                                                            <th class="nk-tb-col"><span class="sub-text">Orders</span></th>
                                                            <th class="nk-tb-col"><span class="sub-text">Status</span></th>
                                                            <th class="nk-tb-col nk-tb-col-tools text-right">Action</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach($users as $key=>$user)
                                                        <tr class="nk-tb-item">
                                                            
                                                            <td class="nk-tb-col tb-col-mb">
                                                                <span class="tb-amount">{{$key+1}}</span>
                                                            </td>
                                                            
                                                            <td class="nk-tb-col tb-col-mb">
                                                                <span class="tb-amount">{{$user->created_at->format('Y-m-d');}}</span>
                                                            </td>
                                                            
                                                            <td class="nk-tb-col tb-col-mb">
                                                                <span class="tb-amount">{{$user->name}}</span>
                                                            </td>
                                                            <td class="nk-tb-col tb-col-mb">
                                                                <span class="tb-amount">{{$user->email}}</span>
                                                            </td>
                                                            
                                                            <td class="nk-tb-col tb-col-mb">
                                                                <span class="tb-amount">{{$user->user_phone}}</span>
                                                            </td>
                                                            
                                                            <td class="nk-tb-col tb-col-mb">
                                                                <span class="tb-amount">{{$user->userInfo?->user_dob}}</span>
                                                            </td>
                                                            
                                                            <td class="nk-tb-col tb-col-mb">
                                                                <!--<a href="{{route('admin.getData',$user->id)}}" class="tb-amount" data-toggle="modal" data-get="{{$user->id}}"  data-target="#modalForm">{{!empty($orders[$key])? $orders[$key]:'0'}}</a>-->
                                                                <a href="javascript:void(0)" id="show-user" data-url="" >0</a>
                                                            </td>
                                                            
                                                            <td class="nk-tb-col tb-col-mb">
                                                                <form action="{{route('admin.updateUserStatus',$user->id)}}" method="POST">
                                                                    @csrf
                                                                    <button type="submit" onclick="return confirm('Are you sure you want to change status?')" class="btn btn-dim btn-outline-{{!empty($user->status == 'Active')? 'success': 'danger'}} btn-sm"><span>{{$user->status}}</span></button>
                                                                </form>
                                                            </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="{{route('admin.editUser',$user->id)}}"><em class="icon ni ni-edit"></em><span>Edit</span></a></li>
                                                                                    <li><a href="{{route('admin.showUser',$user->id)}}"><em class="icon ni ni-eye"></em><span>View</span></a></li>
                                                                                    <li>
                                                                                    <form action="{{route('admin.destroyUser',$user->id)}}" 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="modalForm">
                                                    <div class="modal-dialog" role="document">
                                                        <div class="modal-content">
                                                            <div class="modal-header">
                                                                <h5 class="modal-title">Order History</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">Kitchen Name</th>
                                                                        <th scope="col">Orders</th>
                                                                        <th scope="col">Action</th>
                                                                      </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                      <tr>
                                                                        <th scope="row">1</th>
                                                                        <td>Lokesh Tiffin Secvice</td>
                                                                        <td>20</td>
                                                                        <td><a href="javascript:void(0)"><em class="icon ni ni-eye btn btn-dim btn-outline-success btn-sm" ></em></a></td>
                                                                      </tr>
                                                                      
                                                                      <tr>
                                                                        <th scope="row">2</th>
                                                                        <td>Lokesh kitchen</td>
                                                                        <td>10</td>
                                                                        <td><a href="javascript:void(0)"><em class="icon ni ni-eye btn btn-dim btn-outline-success btn-sm" ></em></a></td>
                                                                      </tr>
                                                                      
                                                                      <tr>
                                                                        <th scope="row">3</th>
                                                                        <td>Lokesh kitchen</td>
                                                                        <td>10</td>
                                                                        <td><a href="javascript:void(0)"><em class="icon ni ni-eye btn btn-dim btn-outline-success btn-sm" ></em></a></td>
                                                                      </tr>
                                                                    </tbody>
                                                                  </table>
                                                                   
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div><!-- .card-preview -->
                                    </div> <!-- nk-block -->
                                </div><!-- .components-preview -->
                            </div>
                        </div>
                    </div>
                </div>
@endsection
@push("script")
<script type="text/javascript">
      
    $(document).ready(function () {
       /* When click show user */
        $('body').on('click', '#show-user', function () {
          var userURL = $(this).data('url');
          $.get(userURL, function (data) {
              $('#modalForm').modal('show');
              $('#user-id').text(data.id);
              $('#user-name').text(data.name);
              $('#user-email').text(data.email);
          })
       });
       
    });
  
</script>
@if(Session::has('msg'))
  <script>
    toastr.options = {
    "closeButton": true,
    "progressBar": true,
    "positionClass": "toast-bottom-center"
  }
    toastr.success("{{ Session::get('msg') }}");
  </script>
  @endif
  
  
@endpush