@extends("admin.layout.app")
@section("title","Admin 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 Kitchen Owner</h4>
                                                        <div class="nk-block-des">
                                                            <p>Here, You can manage kitchen owner</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group float-right">
                                                        <a href="{{route('admin.addkitchenowner')}}" class="btn btn-lg btn-primary">Add New Kitchen Owner</a>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                            
                                        </div>
                                        <div class="card card-preview">
                                            <div class="card-inner">
                                                <div class="table-responsive">
                                                <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">Date</span></th>
                                                            <th class="nk-tb-col"><span class="sub-text">Name</span></th>
                                                            <th class="nk-tb-col"><span class="sub-text">UPI Id</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">Location</span></th>-->
                                                            <!--<th class="nk-tb-col tb-col-lg"><span class="sub-text">DOB</span></th>-->
                                                            <th class="nk-tb-col"><span class="sub-text">Tiffins</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">
                                                                <span class="tb-amount">{{$key+1}}</span>
                                                            </td>
                                                            
                                                            <td class="nk-tb-col">
                                                                <span class="tb-amount">{{$user->created_at->format('Y-m-d');}}</span>
                                                            </td>
                                                            
                                                            <td class="nk-tb-col">
                                                                <span class="tb-amount">{{$user->name}}</span>
                                                            </td>
                                                            
                                                            <td class="nk-tb-col">
                                                                <span class="tb-amount">{{$user->user_upi}}</span>
                                                            </td>
                                                            
                                                            <td class="nk-tb-col">
                                                                <span class="tb-amount">{{$user->email}}</span>
                                                            </td>
                                                            
                                                            <td class="nk-tb-col">
                                                                <span class="tb-amount">{{$user->user_phone}}</span>
                                                            </td>
                                                           
                                                           <!--<td class="nk-tb-col">-->
                                                           <!--     <span class="tb-amount">{{$user->userInfo?->user_location}}</span>-->
                                                           <!-- </td>-->
                                                           
                                                            <!--<td class="nk-tb-col">-->
                                                            <!--    <span class="tb-amount">{{$user->userInfo?->user_dob}}</span>-->
                                                            <!--</td>-->
                                                            
                                                            <td class="nk-tb-col">
                                                                <span class="tb-amount openModalButton" data-toggle="modal" id="" data-user-id="{{ $user->id }}">{{$tiffins[$key]->count()}}</span>
                                                            </td>
                                                            <td class="nk-tb-col">
                                                                <span class="tb-amount">{{$orders[$key]->count()}}</span>
                                                            </td>
                                                            
                                                            <!--<td class="nk-tb-col">-->
                                                            <!--    <span class="tb-status {{!empty($user->status =='Active')? 'text-success': 'text-danger'}}">{{$user->status}}</span>-->
                                                            <!--</td>-->
                                                            
                                                            <td class="nk-tb-col tb-col-mb">
                                                                <form action="{{route('admin.updateKitchenStatus',$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="#" 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.editkitchenowner',$user)}}"><em class="icon ni ni-edit"></em><span>Edit</span></a></li>
                                                                                    <li><a href="{{route('admin.showkitchenowner',$user)}}"><em class="icon ni ni-eye"></em><span>View</span></a></li>
                                                                                    <li>
                                                                                    <form action="{{route('admin.destroykitchenowner',$user)}}" 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><!-- .nk-tb-item  -->
                                                        
                                                        @endforeach
                                                        
                                                        
                                                    </tbody>
                                                </table>
                                                <div class="modal fade" id="tiffinmodal">
                                                    <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>
                                                                        <th scope="col">Orders</th>
                                                                        <th scope="col">Action</th>
                                                                      </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                        @foreach($tiffins as $key=>$tiffin)
                                                                        @foreach($tiffin as $pointtiffin)
                                                                        <tr>
                                                                            <th scope="row">{{++$key}}</th>
                                                                            <td>{{$pointtiffin->tiffin_name}}</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>
                                                                        @endforeach
                                                                        @endforeach
                                                                    </tbody>
                                                                  </table>
                                                                   
                                                            </div>
                                                        </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
  <script>
    $(document).ready(function () {
        $(".openModalButton").click(function () {
            var userId = $(this).data("user-id");
            var getTiffinsRoute = "{{ route('admin.gettiffin', '') }}/" + userId;
             alert(getTiffinsRoute);
            $.ajax({
                type: "GET",
                url: getTiffinsRoute,
                success: function (data) {
                    $("#tiffinModal").modal("show");
                },
            });
        });
    });
</script>


    @endpush