@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-block-head">
                <div class="row g-4">
                    <div class="col-lg-6">
                        <div class="nk-block-head-content">
                            <h4 class="title nk-block-title">Tiffin Item Information</h4>
                            <div class="nk-block-des">
                                <p>You can view Tiffin Item.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group float-right">
                            <a href="http://69.46.0.230/tiffin/public/kitchen/tiffin"
                                class="btn btn-lg btn-primary">List Of Tiffin Meals</a>
                        </div>
                    </div>
                </div>

            </div>
            <div class="nk-block">
                <div class="invoice">
                    <div class="invoice-wrap">
                        <!--<div class="invoice-brand text-center">-->
                        <!--    <img src="./images/logo-dark.png" srcset="./images/logo-dark2x.png 2x" alt="">-->
                        <!--</div>-->

                        <div class="row g-3">
                            <div class="col-md-3">
                                <div class="invoice-desc w-100">
                                    <h4 class="">Tiffin Detail</h4>
                                    <ul class="list-plain">
                                        <!--<li class="invoice-id"><span>Kitchen Name</span>:<span>Lokesh Tiffin Service</span></li>-->
                                        <li class="invoice-id"><span>Tiffin
                                                Name</span>:<span>{{!empty($tiffin[0]->tiffin_name)?$tiffin[0]->tiffin_name:''}}</span></li>
                                        <li class="invoice-date"><span>Tiffin Date</span>:<span>{{!empty($tiffin[0]->created_at->format('Y-m-d'))? $tiffin[0]->created_at->format('d-M-Y') : ''}}</span></li>

                                        <!--<li class="invoice-date"><span>7 Day Time</span>:<span>₹700</span></li>-->
                                        <!--<li class="invoice-date"><span>15 Day Time</span>:<span>₹1500</span></li>-->
                                        <!--<li class="invoice-date"><span>15 Day Time</span>:<span>₹1500</span></li>-->
                                        <!--<li class="invoice-date"><span>15 Day Time</span>:<span>₹1500</span></li>-->
                                    </ul>
                                </div>
                                <div class="invoice-contact">
                                    <div class="invoice-contact-info">
                                        <div class="image-plain mt-3">
                                            <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><!-- .invoice-head -->
                            </div>
                            <div class="col-md-9">
                                <div class="card card-bordered card-preview">
                                    <div class="table-responsive">
                                        <table class="table">
                                            <thead class="thead-dark">
                                                <tr>
                                                    <th scope="col">#</th>
                                                    <th scope="col">Item Name</th>
                                                    <th scope="col">Item Quantity</th>
                                                    <th scope="col">Item Remark</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @if($tiffinitems)
                                                    @foreach($tiffinitems as $key=>$tiffinitem)
    
                                                    <tr>
                                                        <th scope="row">{{++$key}}</th>
                                                        <td>{{$tiffinitem->item_name}}</td>
                                                        <td>{{$tiffinitem->item_quantity}}</td>
                                                        <td>{{$tiffinitem->item_remark}}</td>
                                                    </tr>
                                                    @endforeach
                                                @endif
                                                
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="card card-bordered card-preview mt-3">
                                    <div class="table-responsive">
                                        <table class="table">
                                            <thead class="thead-dark">
                                                <tr>
                                                    <th scope="col">#</th>
                                                    <th scope="col">Tiffin Meal Plans</th>
                                                    <th scope="col">Tiffin Price</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($tiffinprices as $key=>$tiffinprice)

                                                <tr>
                                                    <th scope="row">{{++$key}}</th>
                                                    <td>{{$tiffinprice->item_day_time}}</td>
                                                    <td>₹{{$tiffinprice->item_price}}</td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>



                    </div><!-- .invoice-wrap -->
                </div><!-- .invoice -->
            </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_price[]" class="form-control item_price" placeholder="Enter 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