@extends('layout.admin')
@section('content')
<div class="dashboard-main-body">

  <div class="row gy-2">
    <div class="col-xxl-12">
      <div class="d-flex flex-wrap align-items-center justify-content-between gap-3">
        <a href="#">
          <h6 class="fw-semibold mb-0"><img src="assets/images/keyboard_arrow_right.svg"> Items Details</h6>
        </a>
        <div>
          <a href="edititems.php" class="btn btn-primary">Edit</a>
          <a href="javascript:void(0)" class="btn btn-danger">Delete</a>
        </div>
      </div>
    </div>
  </div>
  <div class="row gy-2 mt-1">
    <div class="col-md-12">
      <div class="product-box-details">
        <div class="product-img">
          <img src="assets/images/item-full.png" class="w-100">
          <img src="assets/images/dish.png" class="dish-img">
        </div>
        <div class="product-det">
          <div class="product-left">
            <span class="badge badge-primary">New</span>
            <h2>Buffalo Chicken Wrap</h2>
            <p><span>Big On Breakfast</span> <img src="assets/images/right-doublearrow.svg"> Buffalo Chicken Wrap</p>
          </div>
          <div class="product-right">
            <div class="product-img">
              <img src="assets/images/servicable.svg">
              <div class="form-switch switch-primary d-flex gap-3">
                <label class="form-check-label line-height-1 fw-semibold text-black" for="switch1"> Serviceable
                </label>
                <input class="form-check-input" type="checkbox" role="switch" id="switch1" checked>
              </div>
            </div>
            <div class="product-box-service">
              <div class="form-switch switch-primary d-flex gap-3">
                <label class="form-check-label line-height-1 fw-semibold text-black" for="switch2"> Dine in
                </label>
                <input class="form-check-input" type="checkbox" role="switch" id="switch2" checked>
              </div>
              <div class="form-switch switch-primary d-flex gap-3">
                <label class="form-check-label line-height-1 fw-semibold text-black" for="switch2"> Pick Up
                </label>
                <input class="form-check-input" type="checkbox" role="switch" id="switch2" checked>
              </div>
              <div class="form-switch switch-primary d-flex gap-3">
                <label class="form-check-label line-height-1 fw-semibold text-black" for="switch2"> Carhop
                </label>
                <input class="form-check-input" type="checkbox" role="switch" id="switch2" checked>
              </div>
              <div class="form-switch switch-primary d-flex gap-3">
                <label class="form-check-label line-height-1 fw-semibold text-black" for="switch2"> Delivery
                </label>
                <input class="form-check-input" type="checkbox" role="switch" id="switch2">
              </div>
            </div>
          </div>
        </div>

      </div>
      <div class="row mt-3">
        <div class="col-xxl-2 col-lg-3 col-md-6">
          <div class="other-pro-img">
            <a href="#"><img src="assets/images/close-circle.svg"></a>
            <img src="assets/images/chicken-img.png" class="w-100">
          </div>
        </div>
        <div class="col-xxl-2 col-lg-3 col-md-6">
          <div class="other-pro-img">
            <a href="#"><img src="assets/images/close-circle.svg"></a>
            <img src="assets/images/chicken-img.png" class="w-100">
          </div>
        </div>
        <div class="col-xxl-2 col-lg-3 col-md-6">
          <div class="other-pro-img">
            <a href="#"><img src="assets/images/close-circle.svg"></a>
            <img src="assets/images/chicken-img.png" class="w-100">
          </div>
        </div>

      </div>
      <div class="product-description">
        <h5>Description</h5>
        <p>Generously filled croissant with chicken salad, mayo and cheese, served with home fries, mixed salads, avocado and a fruit bowl.Generously filled croissant with chicken salad, mayo and cheese, served with home fries, mixed salads, avocado and a fruit bowl.Generously filled croissant with chicken salad, mayo and cheese, served with home fries, mixed salads, avocado and a fruit bowl.Generously filled croissant with chicken salad, mayo and cheese, served with home fries, mixed salads, avocado and a fruit bowl.</p>
        <h3>31 000 UGX</h3>
      </div>
      <div class="product-aa">
        <h4>Allergens</h4>
        <div class="allergiy-list">
          <label>Tomatoes <img src="assets/images/close-a.svg"></label>
          <label>Nuts and Raisins <img src="assets/images/close-a.svg"></label>
        </div>
      </div>
      <div class="product-time-desc">
        <div class="ptime">
          <label>Preparing Time</label>
          <h3>25 min</h3>
        </div>
        <div class="ptime">
          <label>Serve Start & End Time</label>
          <h3>8:00pm -10:00pm</h3>
        </div>
        <div class="ptime">
          <label>Country</label>
          <h3>Uganda</h3>
        </div>
        <div class="ptime">
          <label>Currency</label>
          <h3>UGX</h3>
        </div>
      </div>
      <div class="choice-list-d">
        <div>
          <a href="edititems.php" class="float-end"><img src="assets/images/edit.svg"></a>
          <h4>Choices</h4>
        </div>
        <div class="row">
          <div class="col-lg-3 col-md-6">
            <div class="choice-box">
              <h5>Choice of Eggs</h5>
              <div class="choice-list">
                <div class="c-box">
                  <div class="ch-img">
                    <img src="assets/images/ch1.png">
                  </div>
                  <div class="ch-details">
                    <h6>Fried Egg</h6>
                  </div>
                </div>
                <div class="c-box">
                  <div class="ch-img">
                    <img src="assets/images/ch2.png">
                  </div>
                  <div class="ch-details">
                    <h6>Sunny Side up</h6>
                  </div>
                </div>
                <div class="c-box">
                  <div class="ch-img">
                    <img src="assets/images/ch3.png">
                  </div>
                  <div class="ch-details">
                    <h6>Boiled Egg</h6>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <div class="choice-box">
              <h5>Choice of Hot Beverage</h5>
              <div class="choice-list">
                <div class="c-box">
                  <div class="ch-img">
                    <img src="assets/images/ch1.png">
                  </div>
                  <div class="ch-details">
                    <h6>Fried Egg</h6>
                  </div>
                </div>
                <div class="c-box">
                  <div class="ch-img">
                    <img src="assets/images/ch2.png">
                  </div>
                  <div class="ch-details">
                    <h6>Sunny Side up</h6>
                  </div>
                </div>
                <div class="c-box">
                  <div class="ch-img">
                    <img src="assets/images/ch3.png">
                  </div>
                  <div class="ch-details">
                    <h6>Boiled Egg</h6>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <div class="choice-box">
              <h5>Choice of Bread</h5>
              <div class="choice-list">
                <div class="c-box">
                  <div class="ch-img">
                    <img src="assets/images/ch1.png">
                  </div>
                  <div class="ch-details">
                    <h6>Fried Egg</h6>
                  </div>
                </div>
                <div class="c-box">
                  <div class="ch-img">
                    <img src="assets/images/ch2.png">
                  </div>
                  <div class="ch-details">
                    <h6>Sunny Side up</h6>
                  </div>
                </div>
                <div class="c-box">
                  <div class="ch-img">
                    <img src="assets/images/ch3.png">
                  </div>
                  <div class="ch-details">
                    <h6>Boiled Egg</h6>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="choice-list-d border-0">

        <div class="row">
          <div class="col-lg-6 col-md-6">
            <div>
              <a href="edititems.php" class="float-end"><img src="assets/images/edit.svg"></a>
              <h4>Accompaniment</h4>
            </div>
            <div class="choice-box">
              <h5>Choice of Eggs</h5>
              <div class="choice-list">
                <div class="c-box">
                  <div class="ch-img">
                    <img src="assets/images/ch1.png">
                  </div>
                  <div class="ch-details">
                    <h6>Home Fries
                      <span>mandatory accompaniment</span>
                    </h6>
                    <p>
                      <span>0 UGX</span>
                    </p>
                  </div>
                </div>
                <div class="c-box">
                  <div class="ch-img">
                    <img src="assets/images/ch2.png">
                  </div>
                  <div class="ch-details">
                    <h6>Replace Home Fries with Chips</h6>
                    <p>
                      <span>31000 UGX</span>
                    </p>
                  </div>
                </div>
                <div class="c-box">
                  <div class="ch-img">
                    <img src="assets/images/ch3.png">
                  </div>
                  <div class="ch-details">
                    <h6>Replace Home Fries with Plantain</h6>
                    <p>
                      <span>31000 UGX</span>
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="choice-list-d border-0">

        <div class="row">
          <div class="col-lg-6 col-md-6">
            <div>
              <a href="edititems.php" class="float-end"><img src="assets/images/edit.svg"></a>
              <h4>Add-Ons</h4>
            </div>
            <div class="choice-box">
              <h5>Choice of Eggs</h5>
              <div class="choice-list">
                <div class="c-box">
                  <div class="ch-img">
                    <img src="assets/images/ch1.png">
                  </div>
                  <div class="ch-details">
                    <h6>Home Fries

                    </h6>
                    <p>
                      <span>31000 UGX</span>
                    </p>
                  </div>
                </div>
                <div class="c-box">
                  <div class="ch-img">
                    <img src="assets/images/ch2.png">
                  </div>
                  <div class="ch-details">
                    <h6>Replace Home Fries with Chips</h6>
                    <p>
                      <span>31000 UGX</span>
                    </p>
                  </div>
                </div>
                <div class="c-box">
                  <div class="ch-img">
                    <img src="assets/images/ch3.png">
                  </div>
                  <div class="ch-details">
                    <h6>Replace Home Fries with Plantain</h6>
                    <p>
                      <span>31000 UGX</span>
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<footer class="d-footer">
  <div class="row align-items-center">
    <div class="col-12">
      <p class="mb-0 text-center">© 2024 CJ's. All Rights Reserved.</p>
    </div>

  </div>
</footer>
@endsection