@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">Add New Tiffin Meals</h4>
                                                        <div class="nk-block-des">
                                                            <p>You can add new Tiffin Meals using this form.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group float-right">
                                                        <a href="{{route('kitchen.tiffin')}}" class="btn btn-lg btn-primary">List Of Tiffin Meals</a>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                        </div>
                                        
                                        <div class="card card-bordered">
                                            <div class="card-inner">
                                                
                                                
                                                <form action="{{ route('kitchen.updateTiffin',$tiffin[0]->id) }}" method="POST" id="insert_form" enctype="multipart/form-data">
                                                    @csrf
                                                <div class="card-head">
                                                    <h5 class="card-title">Tiffin Information</h5>
                                                </div>
                                                <div class="row g-4">
                                                <div class="col-md-6 col-lg-4 col-xl-4">
                                                    <div class="form-group">
                                                        <label class="form-label" for="name">Tiffin Name</label>
                                                        <div class="form-control-wrap">
                                                            <input type="text" class="form-control " name="tiffin_name" id="tiffin_name" value="{{$tiffin[0]->tiffin_name}}" placeholder="Enter Tiffin Name">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6 col-lg-4 col-xl-4">
                                                    <div class="form-group">
                                                        <label class="form-label" for="customFileLabel">Tiffin Image</label>
                                                        <div class="form-control-wrap">
                                                            <div class="custom-file">
                                                                <input type="file" class="custom-file-input " name="tiffin_image" id="tiffin_image">
                                                                <label class="custom-file-label" for="tiffin_image">Choose file</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6 col-lg-4 col-xl-4">
                                                    <div class="form-group">
                                                        <img class="rounded object-fit-contain" src="{{!empty($tiffin[0]->tiffin_image) ? asset('backend/Tiffin/'.$tiffin[0]->tiffin_image):''}}" width="150" height="150" alt="">
                                                    </div>
                                                </div>
                                                
                                                
                                                
                                                </div>
                                                
                                                <div class="card-head mt-4">
                                                    <h5 class="card-title">Items Information</h5>
                                                </div>
                                                <div class="table-repsonsive">
                                                 <span id="error"></span>
                                                 <table class="table table-bordered" id="item_table">
                                                  <tr>
                                                   <th valign="middle">Select Item Name</th>
                                                   <th valign="middle">Enter Quantity</th>
                                                   <th valign="middle">Enter Remark</th>
                                                   <th width="80"><button type="button" name="add" class="btn btn-success btn-sm add"><em class="icon ni ni-plus"></em></button></th>
                                                  </tr>
                                                  @foreach($tiffinitems as $tiffinitem)
                                                  <tr>
                                                    <td><select class="form-select item_name" data-search="on" name="item_name[]"> <option value="Tawa Roti" {{!empty($tiffinitem->item_name == "Tawa Roti")?'selected':''}}>Tawa Roti</option> <option value="Tawa Roti Butter" {{!empty($tiffinitem->item_name == "Tawa Roti Butter")?'selected':''}}>Tawa Roti Butter</option><option value="Tawa Paratha" {{!empty($tiffinitem->item_name == "Tawa Paratha")?'selected':''}}>Tawa Paratha</option> <option value="Aalu Paratha" {{!empty($tiffinitem->item_name == "Aalu Paratha")?'selected':''}}>Aalu Paratha</option><option value="Matar Paratha" {{!empty($tiffinitem->item_name == "Matar Paratha")?'selected':''}}>Matar Paratha</option><option value="Gobhi Paratha" {{!empty($tiffinitem->item_name == "Gobhi Paratha")?'selected':''}}>Gobhi Paratha</option><option value="Onian Paratha" {{!empty($tiffinitem->item_name == "Onian Paratha")?'selected':''}}>Onian Paratha</option><option value="Paneer Paratha" {{!empty($tiffinitem->item_name == "Paneer Paratha")?'selected':''}}>Paneer Paratha</option><option value="Daal Tadka" {{!empty($tiffinitem->item_name == "Daal Tadka")?'selected':''}}>Daal Tadka</option> <option value="Daal Fry" {{!empty($tiffinitem->item_name == "Daal Fry")?'selected':''}}>Daal Fry</option><option value="Daal Makhni" {{!empty($tiffinitem->item_name == "Daal Makhni")?'selected':''}}>Daal Makhni</option><option value="Raita" {{!empty($tiffinitem->item_name == "Raita")?'selected':''}}>Raita</option> <option value="Green Veg Mix" {{!empty($tiffinitem->item_name == "Green Veg Mix")?'selected':''}}>Green Veg Mix</option> <option value="Green Veg (Seasonal)" {{!empty($tiffinitem->item_name == "Green Veg (Seasonal)")?'selected':''}}>Green Veg (Seasonal)</option> <option value="Salad" {{!empty($tiffinitem->item_name == "Salad")?'selected':''}}>Salad</option> <option value="Chicken" {{!empty($tiffinitem->item_name == "Chicken")?'selected':''}}>Chicken</option> <option value="Matar Paneer" {{!empty($tiffinitem->item_name == "Matar Paneer")?'selected':''}}>Matar Paneer</option> <option value="Palak Paneer" {{!empty($tiffinitem->item_name == "Palak Paneer")?'selected':''}}>Palak Paneer</option> <option value="Matar Aloo" {{!empty($tiffinitem->item_name == "Matar Aloo")?'selected':''}}>Matar Aloo</option> <option value="White Channa" {{!empty($tiffinitem->item_name == "White Channa")?'selected':''}}>White Channa</option> <option value="Kaala Channa" {{!empty($tiffinitem->item_name == "Kaala Channa")?'selected':''}}>Kaala Channa</option></select></td>
                                                    <td><input type="text" name="item_quantity[]" class="form-control item_quantity" value="{{$tiffinitem->item_quantity}}" placeholder="Enter Quantity"/></td>
                                                    <!--<td><input type="text" name="item_remark[]" class="form-control item_remark" /></td>-->
                                                    <td><textarea class="form-control form-control-sm item_remark" name="item_remark[]" id="item_remark" placeholder="Enter Remark" style="height: 47px; min-height: 3px;">{{$tiffinitem->item_remark}}</textarea></td>
                                                    
                                                    <td><button type="button" name="remove" class="btn btn-danger btn-sm remove"><em class="icon ni ni-trash"></em></button></td>
                                                  </tr>
                                                  @endforeach
                                                  
                                                 </table>
                                                 
                                                </div>
                                                
                                                <div class="card-head">
                                                    <h5 class="card-title mt-5">Price Information</h5>
                                                </div>
                                                <div class="table-repsonsive">
                                                 <span id="error"></span>
                                                 <table class="table table-bordered" id="price_table" style="width: 59%;">
                                                  <tr>
                                                   <th valign="middle">Tiffin Meal Plans</th>
                                                   <th valign="middle">Tiffin Price</th>
                                                   <th width="80"><button type="button" name="add_price" class="btn btn-success btn-sm add_price"><em class="icon ni ni-plus"></em></button></th>
                                                  </tr>
                                                  
                                                  @foreach($tiffinprices as $tiffinprice)
                                                  <tr>
                                                    <td><input type="number" name="item_day_time[]" class="form-control item_day_time" value="{{$tiffinprice->item_day_time}}" placeholder="Enter Day Time"/></td>
                                                    <td><input type="number" name="item_regular_price[]" class="form-control item_regular_price" value="{{$tiffinprice->item_price}}"/></td>
                                                    <td><button type="button" name="remove_price" class="btn btn-danger btn-sm remove_price"><em class="icon ni ni-trash"></em></button></td>
                                                  </tr>
                                                  @endforeach
                                                 </table>
                                                 
                                                 <!--<div class="col-lg-6 mt-3">-->
                                                    <div class="form-group mt-3">
                                                        <button type="submit" name="submit" class="btn btn-lg btn-info">Save Information</button>
                                                    <!--</div>-->
                                                </div>
                                                </div>
                                               </form>
                                            </div>
                                        </div>
                                    </div><!-- .nk-block -->
                                </div><!-- .components-preview -->
                            </div>
                        </div>
                    </div>
                </div>  
@endsection
@push("script")
@if(Session::has('msg'))
        @switch(Session::get('status'))
        
        @case('success')
        <script>
            toastr.options = {
            "closeButton": true,
            "progressBar": true,
            "positionClass": "toast-top-center"
            }
            toastr.success("{{ Session::get('msg') }}");
        </script>
        @break

        @case('error')
        <script>
            toastr.options = {
            "closeButton": true,
            "progressBar": true,
            "positionClass": "toast-top-center"
            }
            toastr.error("{{ Session::get('msg') }}");
        </script>
        @break

        @endswitch
@endif

<script>
$(document).ready(function() {
    $(document).on('click', '.add', function(){
        var html = '';
        html += '<tr>';
        html += '<td><select class="form-select item_name" data-search="on" name="item_name[]"> <option value="Tawa Roti">Tawa Roti</option> <option value="Tawa Roti Butter">Tawa Roti Butter</option><option value="Tawa Paratha">Tawa Paratha</option> <option value="Aalu Paratha">Aalu Paratha</option><option value="Matar Paratha">Matar Paratha</option><option value="Gobhi Paratha">Gobhi Paratha</option><option value="Onian Paratha">Onian Paratha</option><option value="Paneer Paratha">Paneer Paratha</option><option value="Daal Tadka">Daal Tadka</option> <option value="Daal Fry">Daal Fry</option><option value="Daal Makhni">Daal Makhni</option><option value="Raita">Raita</option> <option value="Green Veg Mix">Green Veg Mix</option> <option value="Green Veg (Seasonal)">Green Veg (Seasonal)</option> <option value="Salad">Salad</option> <option value="Chicken">Chicken</option> <option value="Matar Paneer">Matar Paneer</option> <option value="Palak Paneer">Palak Paneer</option> <option value="Matar Aloo">Matar Aloo</option> <option value="White Channa">White Channa</option> <option value="Kaala Channa">Kaala Channa</option></select></td>';
        html += '<td><input type="text" name="item_quantity[]" class="form-control item_quantity" placeholder="Enter Quantity"/></td>';
        html += '<td><textarea class="form-control form-control-sm item_remark" name="item_remark[]" placeholder="Enter Remark" style="height: 47px; min-height: 47px;">{{old('user_address')}}</textarea></td>';
        html += '<td><button type="button" name="remove" class="btn btn-danger btn-sm remove"><em class="icon ni ni-trash"></em></button></td></tr>';
        $('#item_table').append(html);

        // Initialize Select2 on the newly added select element
        $('.form-select').select2();
    });

    $(document).on('click', '.remove', function(){
        $(this).closest('tr').remove();
    });
    
    $(document).on('click', '.add_price', function(){
        var html = '';
        html += '<tr>';
        html += '<td><input type="number" name="item_day_time[]" class="form-control item_day_time" placeholder="Enter Day Time"/></td>';
        html += '<td><input type="number" name="item_regular_price[]" class="form-control item_regular_price" placeholder="Regular Price"/></td>';
        html += '<td><button type="button" name="remove" class="btn btn-danger btn-sm remove"><em class="icon ni ni-trash"></em></button></td></tr>';
        $('#price_table').append(html);

        // Initialize Select2 on the newly added select element
        $('.form-select').select2();
    });

    $(document).on('click', '.remove_price', function(){
        $(this).closest('tr').remove();
    });
    
    
    
    // $('#insert_form').on('submit', function(event){
    //   event.preventDefault();
      
    //   var error = '';
    //   $('.item_name').each(function(){
    //   var count = 1;
    //   if($(this).val() == '')
    //   {
    //     error += "<p>Enter Item Name at "+count+" Row</p>";
    //     return false;
    //   }
    //   count = count + 1;
    //   });
      
    //   $('.item_quantity').each(function(){
    //   var count = 1;
    //   if($(this).val() == '')
    //   {
    //     error += "<p>Enter Item Quantity at "+count+" Row</p>";
    //     return false;
    //   }
    //   count = count + 1;
    //   });
      
    //   $('.item_remark').each(function(){
    //   var count = 1;
    //   if($(this).val() == '')
    //   {
    //     error += "<p>Select Unit at "+count+" Row</p>";
    //     return false;
    //   }
    //   count = count + 1;
    //   });
    //   var form_data = $(this).serialize();
    //   if(error == '')
    //   {
    //   $.ajax({
    //     url:"{{ route('kitchen.storeTiffin') }}",
    //     method:"POST",
    //     data:form_data,
    //     success:function(data)
    //     {
    //         console.log(data);
    //      if(data == 'ok')
    //      {
    //       $('#item_table').find("tr:gt(0)").remove();
    //       $('#error').html('<div class="alert alert-success">Item Details Saved</div>');
    //      }
    //     }
    //   });
    //   }
    //   else
    //   {
    //   $('#error').html('<div class="alert alert-danger">'+error+'</div>');
    //   }
    // });
});
        
</script>

@endpush