@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">
        <h6 class="fw-semibold mb-0">Menus</h6>
        <div class="menu-grp-btn">
          <div class="form-group">
            <select class="form-select">
              <option>Uganda</option>
              <option>Kenya</option>
            </select>
          </div>
          <a href="#" class="btn btn-primary"><img src="assets/images/export.svg"> Upload Bulk</a>
          <a href="additems.php" class="btn btn-primary"><img src="assets/images/add-square.svg">Add Items</a>
        </div>

      </div>
    </div>
    <div class="col-xxl-4">
      <div class="card card-custom h-100">
        <div class="card-body p-0">
          <div class="selling-food-title d-flex align-items-center">
            <img src="assets/images/live-order.svg" class="me-10">
            <h6 class="mb-0">Top Selling Food Items</h6>
          </div>
          <div class="selling-food-table">
            <table class="w-100">
              <thead>
                <tr>
                  <th>
                    <span>Food Items</span>
                  </th>
                  <th>0
                    <span>Orders</span>
                  </th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>
                    <div>
                      <select class="form-select">
                        <option>Choose Category</option>
                      </select>
                    </div>
                  </td>
                  <td>
                    <div>
                      <select class="form-select">
                        <option>Choose Category</option>
                      </select>
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    Jerk Chicken Pizza
                  </td>
                  <td>150</td>
                </tr>
                <tr>
                  <td>
                    Beef Steak
                  </td>
                  <td>150</td>
                </tr>
                <tr>
                  <td>
                    Cesar Salad
                  </td>
                  <td>150</td>
                </tr>
              </tbody>
            </table>
          </div>

        </div>
      </div>
    </div>
    <div class="col-xxl-4">
      <div class="card card-custom h-100">
        <div class="card-body p-0">
          <div class="selling-food-title d-flex align-items-center">
            <img src="assets/images/live-order.svg" class="me-10">
            <h6 class="mb-0">Top Selling Food Items</h6>
          </div>
          <div class="selling-food-table">
            <table class="w-100">
              <thead>
                <tr>
                  <th>
                    <span>Food Items</span>
                  </th>
                  <th>
                    <span>Orders</span>
                  </th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>
                    <div>
                      <select class="form-select">
                        <option>Choose Category</option>
                      </select>
                    </div>
                  </td>
                  <td>
                    <div>
                      <select class="form-select">
                        <option>Choose Category</option>
                      </select>
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    Jerk Chicken Pizza
                  </td>
                  <td>150</td>
                </tr>
                <tr>
                  <td>
                    Beef Steak
                  </td>
                  <td>150</td>
                </tr>
                <tr>
                  <td>
                    Cesar Salad
                  </td>
                  <td>150</td>
                </tr>
              </tbody>
            </table>
          </div>

        </div>
      </div>
    </div>
    <div class="col-xxl-4">
      <div class="card card-custom h-100">
        <div class="card-body p-0">
          <div class="selling-food-title d-flex align-items-center">
            <img src="assets/images/live-order.svg" class="me-10">
            <h6 class="mb-0">Top Selling Food Items</h6>
          </div>
          <div class="selling-food-table">
            <table class="w-100">
              <thead>
                <tr>
                  <th>
                    <span>Food Items</span>
                  </th>
                  <th>
                    <span>Orders</span>
                  </th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>
                    <div>
                      <select class="form-select">
                        <option>Choose Category</option>
                      </select>
                    </div>
                  </td>
                  <td>
                    <div>
                      <select class="form-select">
                        <option>Choose Category</option>
                      </select>
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    Jerk Chicken Pizza
                  </td>
                  <td>150</td>
                </tr>
                <tr>
                  <td>
                    Beef Steak
                  </td>
                  <td>150</td>
                </tr>
                <tr>
                  <td>
                    Cesar Salad
                  </td>
                  <td>150</td>
                </tr>
              </tbody>
            </table>
          </div>

        </div>
      </div>
    </div>
  </div>

  <div class="row gy-4 mt-1">
    <div class="col-md-12">
      <div class="table-filter-menu">
        <div class="form-group">
          <select class="form-select">
            <option>Big on Breakfast</option>
          </select>
        </div>
        <div class="filt-btn">
          <a class="active" href="#"><span>Breakfast</span> Combos</a>
          <a href="#"><span>Reanger</span> Omelettes</a>
          <a href="#"><span>Waffles &</span> Pancakes</a>
          <a href="#"><span>Amazing</span> Muffins</a>
          <a href="#"><span>Baked Fresh</span> Pastries</a>
          <a href="#"><span>Fruitful</span> Mornings</a>
          <a href="#">Extras</a>
        </div>
        <a href="#"><img src="assets/images/tab-icon.svg"></a>
      </div>
      <div class="card h-100 overflow-hidden">
        <div class="card-body p-0">
          <div class="table-responsive">
            <table class="filter-table table bordered-table mb-0">
              <thead>
                <tr>
                  <th scope="col">
                    <div class="form-check style-check d-flex align-items-center">
                      <input class="form-check-input" type="checkbox">
                      <label class="form-check-label">
                        Food Menu
                      </label>
                    </div>
                  </th>
                  <th scope="col">Descitpion</th>
                  <th scope="col">Preparation Time</th>
                  <th scope="col">Price</th>
                  <th scope="col">Food Tag</th>
                  <th scope="col">Action</th>
                  <th scope="col"><img src="assets/images/tab-icon.svg"></th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>
                    <div class="form-check style-check d-flex align-items-center">
                      <input class="form-check-input" type="checkbox">
                      <label class="form-check-label">
                        <div class="d-flex align-items-center gap-2">
                          <img src="assets/images/avatar.png">
                          <span>Buffalo Chicken Wrap</span>
                        </div>
                      </label>
                    </div>
                  </td>
                  <td>
                    <p class="description">Generously filled croissant with chicken salad, mayo and cheese,</p>
                  </td>
                  <td>25 Min</td>
                  <td>31 000 UGX</td>
                  <td>
                    <span class="filter-badge bg1">New</span>
                  </td>
                  <td>
                    <div class="action-btn-grp">
                      <div class="form-switch switch-primary d-flex align-items-center">
                        <input class="form-check-input" type="checkbox" role="switch" id="switch1" checked>
                        <label class="form-check-label line-height-1 fw-medium text-secondary-light" for="switch1"></label>
                      </div>
                      <a href="edititems.php"><img src="assets/images/edit.svg"></a>
                      <a href="#"><img src="assets/images/trash.svg"></a>
                    </div>
                  </td>
                  <td>
                    <a href="#"><img src="assets/images/tab-icon.svg"></a>
                  </td>
                </tr>
                <tr>
                  <td>
                    <div class="form-check style-check d-flex align-items-center">
                      <input class="form-check-input" type="checkbox">
                      <label class="form-check-label">
                        <div class="d-flex align-items-center gap-2">
                          <img src="assets/images/avatar.png">
                          <span>Buffalo Chicken Wrap</span>
                        </div>
                      </label>
                    </div>
                  </td>
                  <td>
                    <p class="description">Generously filled croissant with chicken salad, mayo and cheese,</p>
                  </td>
                  <td>25 Min</td>
                  <td>31 000 UGX</td>
                  <td>
                    <span class="filter-badge bg1">New</span>
                  </td>
                  <td>
                    <div class="action-btn-grp">
                      <div class="form-switch switch-primary d-flex align-items-center">
                        <input class="form-check-input" type="checkbox" role="switch" id="switch1" checked>
                        <label class="form-check-label line-height-1 fw-medium text-secondary-light" for="switch1"></label>
                      </div>
                      <a href="edititems.php"><img src="assets/images/edit.svg"></a>
                      <a href="#"><img src="assets/images/trash.svg"></a>
                    </div>
                  </td>
                  <td>
                    <a href="#"><img src="assets/images/tab-icon.svg"></a>
                  </td>
                </tr>
                <tr>
                  <td>
                    <div class="form-check style-check d-flex align-items-center">
                      <input class="form-check-input" type="checkbox">
                      <label class="form-check-label">
                        <div class="d-flex align-items-center gap-2">
                          <img src="assets/images/avatar.png">
                          <span>Buffalo Chicken Wrap</span>
                        </div>
                      </label>
                    </div>
                  </td>
                  <td>
                    <p class="description">Generously filled croissant with chicken salad, mayo and cheese,</p>
                  </td>
                  <td>25 Min</td>
                  <td>31 000 UGX</td>
                  <td>
                    <span class="filter-badge bg1">New</span>
                  </td>
                  <td>
                    <div class="action-btn-grp">
                      <div class="form-switch switch-primary d-flex align-items-center">
                        <input class="form-check-input" type="checkbox" role="switch" id="switch1" checked>
                        <label class="form-check-label line-height-1 fw-medium text-secondary-light" for="switch1"></label>
                      </div>
                      <a href="edititems.php"><img src="assets/images/edit.svg"></a>
                      <a href="#"><img src="assets/images/trash.svg"></a>
                    </div>
                  </td>
                  <td>
                    <a href="#"><img src="assets/images/tab-icon.svg"></a>
                  </td>
                </tr>
                <tr>
                  <td>
                    <div class="form-check style-check d-flex align-items-center">
                      <input class="form-check-input" type="checkbox">
                      <label class="form-check-label">
                        <div class="d-flex align-items-center gap-2">
                          <img src="assets/images/avatar.png">
                          <span>Buffalo Chicken Wrap</span>
                        </div>
                      </label>
                    </div>
                  </td>
                  <td>
                    <p class="description">Generously filled croissant with chicken salad, mayo and cheese,</p>
                  </td>
                  <td>25 Min</td>
                  <td>31 000 UGX</td>
                  <td>
                    <span class="filter-badge bg1">New</span>
                  </td>
                  <td>
                    <div class="action-btn-grp">
                      <div class="form-switch switch-primary d-flex align-items-center">
                        <input class="form-check-input" type="checkbox" role="switch" id="switch1" checked>
                        <label class="form-check-label line-height-1 fw-medium text-secondary-light" for="switch1"></label>
                      </div>
                      <a href="edititems.php"><img src="assets/images/edit.svg"></a>
                      <a href="#"><img src="assets/images/trash.svg"></a>
                    </div>
                  </td>
                  <td>
                    <a href="#"><img src="assets/images/tab-icon.svg"></a>
                  </td>
                </tr>
                <tr>
                  <td>
                    <div class="form-check style-check d-flex align-items-center">
                      <input class="form-check-input" type="checkbox">
                      <label class="form-check-label">
                        <div class="d-flex align-items-center gap-2">
                          <img src="assets/images/avatar.png">
                          <span>Buffalo Chicken Wrap</span>
                        </div>
                      </label>
                    </div>
                  </td>
                  <td>
                    <p class="description">Generously filled croissant with chicken salad, mayo and cheese,</p>
                  </td>
                  <td>25 Min</td>
                  <td>31 000 UGX</td>
                  <td>

                  </td>
                  <td>
                    <div class="action-btn-grp">
                      <div class="form-switch switch-primary d-flex align-items-center">
                        <input class="form-check-input" type="checkbox" role="switch" id="switch1" checked>
                        <label class="form-check-label line-height-1 fw-medium text-secondary-light" for="switch1"></label>
                      </div>
                      <a href="edititems.php"><img src="assets/images/edit.svg"></a>
                      <a href="#"><img src="assets/images/trash.svg"></a>
                    </div>
                  </td>
                  <td>
                    <a href="#"><img src="assets/images/tab-icon.svg"></a>
                  </td>
                </tr>
                <tr>
                  <td>
                    <div class="form-check style-check d-flex align-items-center">
                      <input class="form-check-input" type="checkbox">
                      <label class="form-check-label">
                        <div class="d-flex align-items-center gap-2">
                          <img src="assets/images/avatar.png">
                          <span>Buffalo Chicken Wrap</span>
                        </div>
                      </label>
                    </div>
                  </td>
                  <td>
                    <p class="description">Generously filled croissant with chicken salad, mayo and cheese,</p>
                  </td>
                  <td>25 Min</td>
                  <td>31 000 UGX</td>
                  <td>

                  </td>
                  <td>
                    <div class="action-btn-grp">
                      <div class="form-switch switch-primary d-flex align-items-center">
                        <input class="form-check-input" type="checkbox" role="switch" id="switch1" checked>
                        <label class="form-check-label line-height-1 fw-medium text-secondary-light" for="switch1"></label>
                      </div>
                      <a href="edititems.php"><img src="assets/images/edit.svg"></a>
                      <a href="#"><img src="assets/images/trash.svg"></a>
                    </div>
                  </td>
                  <td>
                    <a href="#"><img src="assets/images/tab-icon.svg"></a>
                  </td>
                </tr>
                <tr>
                  <td>
                    <div class="form-check style-check d-flex align-items-center">
                      <input class="form-check-input" type="checkbox">
                      <label class="form-check-label">
                        <div class="d-flex align-items-center gap-2">
                          <img src="assets/images/avatar.png">
                          <span>Buffalo Chicken Wrap</span>
                        </div>
                      </label>
                    </div>
                  </td>
                  <td>
                    <p class="description">Generously filled croissant with chicken salad, mayo and cheese,</p>
                  </td>
                  <td>25 Min</td>
                  <td>31 000 UGX</td>
                  <td>
                    <span class="filter-badge bg1">New</span>
                  </td>
                  <td>
                    <div class="action-btn-grp">
                      <div class="form-switch switch-primary d-flex align-items-center">
                        <input class="form-check-input" type="checkbox" role="switch" id="switch1" checked>
                        <label class="form-check-label line-height-1 fw-medium text-secondary-light" for="switch1"></label>
                      </div>
                      <a href="edititems.php"><img src="assets/images/edit.svg"></a>
                      <a href="#"><img src="assets/images/trash.svg"></a>
                    </div>
                  </td>
                  <td>
                    <a href="#"><img src="assets/images/tab-icon.svg"></a>
                  </td>
                </tr>
              </tbody>
            </table>
          </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