@extends("Kitchen-Owner.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 Tiffin Meals</h4>
                                                        <div class="nk-block-des">
                                                            <p>Here, You can manage Tiffin Meals</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group float-right">
                                                        <a href="{{route('kitchen.addTiffin')}}" class="btn btn-lg btn-primary">Add New Tiffin Meals</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">Tiffin Name</span></th>
                                                            <th class="nk-tb-col"><span class="sub-text">Date</span></th>
                                                            <th class="nk-tb-col"><span class="sub-text">Status</span></th>
                                                            <th class="nk-tb-col"><span class="sub-text">View</span></th>
                                                            <th class="nk-tb-col nk-tb-col-tools text-right">Action</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach($tiffins as $key=>$tiffin)
                                                        
                                                        <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">{{$tiffin->tiffin_name}}</span>
                                                            </td>
                                                            <td class="nk-tb-col tb-col-mb">
                                                                <span class="tb-amount">{{!empty($tiffin->created_at->format('Y-m-d'))? $tiffin->created_at->format('Y-m-d') : ''}}</span>
                                                            </td>
                                                            
                                                            <td class="nk-tb-col tb-col-mb">
                                                                <form action="{{route('kitchen.updateTiffinStatus',$tiffin->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($tiffin->status == 'Active')? 'success': 'danger'}} btn-sm"><span>{{$tiffin->status}}</span></button>
                                                                </form>
                                                            </td>
                                                            
                                                            <td class="nk-tb-col tb-col-mb">
                                                                    <a href="{{route('kitchen.viewTiffin',$tiffin->id)}}" class="btn btn-dim btn-outline-info btn-sm"><em class="icon ni ni-eye"></em><span>View</span></a>
                                                            </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('kitchen.editTiffin',$tiffin->id)}}"><em class="icon ni ni-edit"></em><span>Edit</span></a></li>
                                                                                    <li><a href="{{route('kitchen.viewTiffin',$tiffin->id)}}"><em class="icon ni ni-eye"></em><span>View</span></a></li>
                                                                                    <li>
                                                                                    <form action="{{route('kitchen.deleteTiffin',$tiffin->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>
                                        </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