@include('single_dashboard.layouts.head-single-dashboard')
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

{{-- <-- Delete Modal --> --}}
  <div class="modal fade bd-example-modal-lg" id="delete" tabindex="-1" role="dialog" aria-labelledby="CategoryTitle" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLongTitle">Product Name</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <div class="container">
            <div class="row">
              <div class="col-md-12">
                <div class="card1">
                 
                  <div class="photo">
                    <img src="/images/Chicken_Tikka_Skewers_03.jpeg" class="img-fluid">
                  </div>
                  <div class="description">
                    <h2>Product Name</h2>
                    <h4>Product Category</h4>
                    <h1>Pkr:2500</h1>
                    <p>Classic Peace Lily is a spathiphyllum floor plant arranged in a bamboo planter with a blue & red ribbom and butterfly pick.</p>
                   
                    <div>
                      <h6>Variants</h6>
                      <input type="radio" name="gender" id="male" value="male" checked>
                      <label for="male">large</label>
                      <input type="radio" name="gender" id="female" value="female">
                      <label for="female">medium</label>
                    </div>
                    <div>
                      <h6>Extras</h6>
                      <input type="radio" name="gender" id="male" value="male" checked>
                      <label for="male">Chese</label>
                      <input type="radio" name="gender" id="female" value="female">
                      <label for="female">Spicay</label>
                    </div>
                    {{-- <div>
                      <h6>Variants</h6>
                      <input type="radio" name="gender" id="male" value="male" checked>
                      <label for="male">Male</label>
                      <input type="radio" name="gender" id="female" value="female">
                      <label for="female">Female</label>
                    </div> --}}
                    <a href="{{ route('single_restaurant_shopping_cart') }}">Add to Cart</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
          
        </div>
      </div>
    </div>
  </div>
  <!-- End Delete Modal -->

{{-- <section class="single-restaurant-bg">
  <div class="container pt-10">
    <div class="row">
      <div class="col-md-5">
        <div class="single_restaurant-card">
          <div class="inner-img">
            <img src="/images/slack.png" alt="">
          </div>  
          <div class="inner-content">
            <h2>Restaurant Name </h2>
            <p>Minimum Order <span>Rs 1500</span></p>
          </div>  
        </div>
      </div>
    </div>
  </div>
</section> --}}

<section class="single-restaurant-bg">
  <div class="container">
    <div class="row">
      <div class="col-12 text-center">
          <div class="menu-head">
            <h1 class="display-1 tst-white-2 tst-text-shadow ">
              Discover Our menu
            </h1>
          </div>
          <div class="restaurant-menu-center">
            <div class="restaurant-menu-card">
              <div class="card-image">
                <img src="/images/the-rooftop-cavite.jpg" alt="">
              </div>
              <div class="profile-image">
                <img src="/images/slack.png" alt="">
              </div>
              <div class="wishlist text-right">
                <i class="uil uil-heart"></i>
              </div>
              <div class="card-content">
                <h3>Restaurant Name</h3>
                <p>Minimum Order</p>
              </div>
            </div>
          </div>
      </div>
    </div>
  </div>
  
  <div class="container menu-white-back">
    @foreach($singlerestaurantcategories as $singlerestaurantcategory)
    <div class="row">
      <div class="col-md-12">
        <div class="category-Tab">
          <div class="tst-suptitle tst-mb-15">
            Menu
          </div>
          <h3>{{ $singlerestaurantcategory->single_category_name }}</h3>
        </div>
      </div>
      <div class="row mt-4">
        @foreach($all_item_details as $all_item_detail)
        @if($all_item_detail->single_category_name == $singlerestaurantcategory->single_category_name)
          @if($all_item_detail->is_single_item_available == "1")
          <div class="col-md-6 mt-2 mb-3">
            <a  data-toggle="modal" data-target="#delete">
            <div class="tst-new-menu-card">
              <div class="row">
              
                <div class="col-md-5">
                    <div class="imgBox">
                      <img src="single_dashboard_assets/img/item_img/{{ $all_item_detail->single_item_img }}" alt="" class="img-fluid">
                    </div>
                </div>
                <div class="col-md-7">
                    <div class="tst-menu-item-descr">
                      <div class="tst-name-price">
                          <h5>{{ $all_item_detail->single_item_name }}</h5>
                          <div class="tst-price">
                            <span>Pkr</span> {{ $all_item_detail->single_item_price }}
                          </div>
                      </div>
                      <div class="tst-spacer-sm"></div>
                      <ul class="tst-menu-category">
                        <li>{{ $singlerestaurantcategory->single_category_name }}</li>
                      </ul>
                      <div class="tst-text">
                        <p>{{ $all_item_detail->single_item_description }}</p>
                      </div>
                    </div>
                </div>
              </div>
            </div>
            </a>
          </div>
          @endif
        @endif
        @endforeach
       

       

      </div>
    </div>
    @endforeach
  </div>
</section>







<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>