

<?php $__env->startSection('content'); ?>
<div class="container-fluid">
                <div class="row ">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-header d-flex justify-content-between align-items-center">
                                <h5 class="card-title mb-0"> <i class="fa fa-list"></i> &nbsp; Menu MANAGEMENT </h5>
                            </div>
                            <div class="card-body table-responsive">
                                <div class="d-flex justify-content-between align-items-center mb-3">
                                    <div>
                                        <input type="text" class="form-control d-inline-block"
                                            placeholder="Filter by title..." style="width: 200px;">
                                        <button class="btn btn-primary ms-2">Filter</button>
                                        <button class="btn btn-outline-secondary ms-2">Reset</button>
                                    </div>
                                    <button class="btn btn-success"><a href="./add-page.html" class="text-white">Add
                                            New</a></button>
                                </div>
                                <div class="d-flex justify-content-end">
                                    <!-- Tabs for Menu Types -->
                                    <ul class="nav nav-tabs" id="menuTabs" role="tablist">
                                        <li class="nav-item" role="presentation">
                                            <button class="nav-link active" id="main-menu-tab" data-bs-toggle="tab"
                                                data-bs-target="#main-menu" type="button" role="tab"
                                                aria-controls="main-menu" aria-selected="true">Main Menu</button>
                                        </li>
                                        <li class="nav-item" role="presentation">
                                            <button class="nav-link" id="quick-menu-tab" data-bs-toggle="tab"
                                                data-bs-target="#quick-menu" type="button" role="tab"
                                                aria-controls="quick-menu" aria-selected="false">Quick Menu</button>
                                        </li>
                                    </ul>
                                </div>

                                <!-- Tab Content -->
                                <div class="tab-content mt-3" id="menuTabsContent">

                                    <!-- Main Menu Tab Pane -->
                                    <div class="tab-pane fade show active" id="main-menu" role="tabpanel"
                                        aria-labelledby="main-menu-tab">
                                        <table class="table table-bordered ">
                                            <thead class="table-light">
                                                <tr>
                                                    <th scope="col">TITLE</th>
                                                    <th scope="col">LINK</th>
                                                    <th scope="col">MENU TYPE</th>
                                                    <th scope="col" class="text-center">STATUS</th>
                                                    <th scope="col" class="text-center">ORDER</th>
                                                    <th scope="col" class="text-center">MANAGE</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>Home</td>
                                                    <td>home</td>
                                                    <td>Main Menu</td>
                                                    <td class="text-center"><span class="text-success">✔</span></td>
                                                    <td class="text-center">1</td>
                                                    <td class="text-center">
                                                        <button class="btn btn-sm btn-outline-primary"><i
                                                                class="fas fa-edit"></i></button>
                                                        <button class="btn btn-sm btn-outline-danger"><i
                                                                class="fas fa-trash"></i></button>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Services</td>
                                                    <td>services</td>
                                                    <td>Main Menu</td>
                                                    <td class="text-center"><span class="text-success">✔</span></td>
                                                    <td class="text-center">2</td>
                                                    <td class="text-center">
                                                        <button class="btn btn-sm btn-outline-primary"><i
                                                                class="fas fa-edit"></i></button>
                                                        <button class="btn btn-sm btn-outline-danger"><i
                                                                class="fas fa-trash"></i></button>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>

                                    <!-- Quick Menu Tab Pane -->
                                    <div class="tab-pane fade" id="quick-menu" role="tabpanel"
                                        aria-labelledby="quick-menu-tab">
                                        <table class="table table-bordered ">
                                            <thead class="table-light">
                                                <tr>
                                                    <th scope="col">TITLE</th>
                                                    <th scope="col">LINK</th>
                                                    <th scope="col">MENU TYPE</th>
                                                    <th scope="col" class="text-center">STATUS</th>
                                                    <th scope="col" class="text-center">ORDER</th>
                                                    <th scope="col" class="text-center">MANAGE</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>About Us</td>
                                                    <td>about-us</td>
                                                    <td>Quick Link</td>
                                                    <td class="text-center"><span class="text-success">✔</span></td>
                                                    <td class="text-center">1</td>
                                                    <td class="text-center">
                                                        <button class="btn btn-sm btn-outline-primary"><i
                                                                class="fas fa-edit"></i></button>
                                                        <button class="btn btn-sm btn-outline-danger"><i
                                                                class="fas fa-trash"></i></button>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Photo Gallery</td>
                                                    <td>gallery</td>
                                                    <td>Quick Link</td>
                                                    <td class="text-center"><span class="text-success">✔</span></td>
                                                    <td class="text-center">2</td>
                                                    <td class="text-center">
                                                        <button class="btn btn-sm btn-outline-primary"><i
                                                                class="fas fa-edit"></i></button>
                                                        <button class="btn btn-sm btn-outline-danger"><i
                                                                class="fas fa-trash"></i></button>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>

                                </div>
                            </div>
                            <div class="card-footer">
                                <div>
                                    <div>
                                        <label class="me-2">Per page:</label>
                                        <select class="form-select d-inline-block" style="width: auto;">
                                            <option>5</option>
                                            <option>10</option>
                                            <option>20</option>
                                            <option>50</option>
                                        </select>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('admin_html.layouts.main', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\techuno\testing-laravel\resources\views/admin_html/pages/othersPages/menu.blade.php ENDPATH**/ ?>