@extends('backend.layout.masterlayout')
@section('content')
    @include('backend.partial.sidebar')
    @include('backend.partial.topbar')
    <script>
        function CheckNavType(val) {
            var image = document.getElementById('imagecont');
            var video = document.getElementById('videocont');
            if (val == '0') {
                image.style.display = 'block';
                video.style.display = 'none';
            } else {
                image.style.display = 'none';
                video.style.display = 'block';
            }
        }
    </script>
    <!--page-wrapper-->
    <div class="page-wrapper">
        <!--page-content-wrapper-->
        <div class="page-content-wrapper">
            <div class="page-content">
                <div class="user-profile-page">
                    <div class="card radius-15">
                        @if ($current_loggedin_user->role != 0)
                            @include('backend.menu-pages.permission-index')
                        @else
                        <div class="card-body">
                            <ul class="nav nav-pills">
                                <li class="nav-item">
                                    <a class="nav-link active" data-bs-toggle="tab" href="#allmenus">
                                        <span class="p-tab-name"><i class="bx bx-layer"></i>
                                            Menu & Pages</span>
                                        <i class="bx bx-layer font-24 d-sm-none"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-bs-toggle="tab" href="#serializemenus">
                                        <span class="p-tab-name"><i class="bx bx-layer"></i>
                                            Serialize Menu & Pages</span>
                                        <i class="bx bx-layer font-24 d-sm-none"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="createnewnavigation-tab" data-bs-toggle="tab" href="#createnew">
                                        <span class="p-tab-name"><i class="bx bx-layer-plus"></i>
                                            Create New</span>
                                        <i class="bx bxs-layer-plus font-24 d-sm-none"></i>
                                    </a>
                                </li>
                                @isset($primary_theme)
                                    <li class="nav-item">
                                        <a class="nav-link" id="themenavigationsetting-tab" data-bs-toggle="tab"
                                            href="#themenavigationsetting">
                                            <span class="p-tab-name"><i class="bx bx-cog"></i>
                                                Navigation Style Setting</span>
                                            <i class="bx bxs-cog font-24 d-sm-none"></i>
                                        </a>
                                    </li>
                                @endisset
                                <li class="nav-item">
                                    <a class="nav-link" id="footermenucategory-tab" data-bs-toggle="tab"
                                        href="#footermenucategory">
                                        <span class="p-tab-name"><i class="bx bx-layer"></i>
                                            Footer Menu Category</span>
                                        <i class="bx bxs-edit-alt font-24 d-sm-none"></i>
                                    </a>
                                </li>
                            </ul>
                            <div class="tab-content mt-3">
                                <div class="tab-pane fade show active" id="allmenus">
                                    <div class="card shadow-none border mb-0 radius-15">
                                        <div class="card-body">
                                            <div class="table-responsive">
                                                <table id="example2" class="table table-striped table-bordered"
                                                    style="width:100%">
                                                    <thead class="thead-primary">
                                                        <tr>
                                                            <th>#</th>
                                                            <th>Title</th>
                                                            <th>Parent</th>
                                                            <th>Visibility</th>
                                                            <th>Header</th>
                                                            <th>Footer</th>
                                                            <th class="text-center">Action</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @if (count($navigations) > 0)
                                                            @foreach ($navigations as $key => $navigation_rec)
                                                                @if ($navigation_rec->parent_id != 0)
                                                                    @php
                                                                        $get_parent = \App\Models\Navigation::find(
                                                                            $navigation_rec->parent_id,
                                                                        );
                                                                        $parent_name = $get_parent->name;
                                                                    @endphp
                                                                @else
                                                                    @php
                                                                        $parent_name = '-';
                                                                    @endphp
                                                                @endif
                                                                <tr>
                                                                    <td class="pl-3">{{ $key + 1 }}</td>
                                                                    <td>
                                                                        {{ $navigation_rec->name }}
                                                                    </td>
                                                                    <td>{{ $parent_name }}</td>
                                                                    <td>
                                                                        {{-- ========= DEFAULT =========== --}}
                                                                        @if ($navigation_rec->parent_id == 0)
                                                                            @if ($navigation_rec->menu_type == 0)
                                                                                <div class="form-check form-switch">
                                                                                    <input class="form-check-input"
                                                                                        type="checkbox"
                                                                                        onChange="update_default(this)"
                                                                                        value="{{ $navigation_rec->id }}"
                                                                                        > Default
                                                                                    Page
                                                                                </div>
                                                                            @endif
                                                                        @endif

                                                                        {{-- ========= HIGHLIGHT =========== --}}
                                                                        @if ($navigation_rec->parent_id == 0)
                                                                            <div class="form-check form-switch">
                                                                                <input class="form-check-input"
                                                                                    type="checkbox"
                                                                                    onChange="update_highlight(this)"
                                                                                    value="{{ $navigation_rec->id }}"
                                                                                    > Highlight
                                                                            </div>
                                                                        @endif

                                                                        {{-- ========= ENABLE / DISABLE =========== --}}
                                                                        <div class="form-check form-switch">
                                                                            <input class="form-check-input" type="checkbox"
                                                                                onChange="update_status(this)"
                                                                                value="{{ $navigation_rec->id }}"
                                                                                > Enable / Disable
                                                                        </div>
                                                                    </td>

                                                                    <td>
                                                                        <div class="form-check form-switch">
                                                                            <input class="form-check-input" type="checkbox"
                                                                                onChange="update_header_status(this)"
                                                                                value="{{ $navigation_rec->id }}"
                                                                                > Enable / Disable
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <div class="form-check form-switch">
                                                                            <input class="form-check-input" type="checkbox"
                                                                                onChange="update_footer_one_status(this)"
                                                                                value="{{ $navigation_rec->id }}"
                                                                                >
                                                                            {{ $basedata->foot_first_category }}
                                                                        </div>

                                                                        <div class="form-check form-switch">
                                                                            <input class="form-check-input" type="checkbox"
                                                                                onChange="update_footer_two_status(this)"
                                                                                value="{{ $navigation_rec->id }}"
                                                                                >
                                                                            {{ $basedata->foot_second_category }}
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-center">

                                                                        @if ($navigation_rec->menu_type == 0)
                                                                            <a href="{{ route('widget-config', $navigation_rec->id) }}"
                                                                                class="btn btn-outline-primary m-1 btn-sm"
                                                                                data-bs-toggle="tooltip"
                                                                                data-bs-placement="top" title=""
                                                                                data-bs-original-title="Design This Page"
                                                                                style="line-height: unset; padding: unset; border:none;"><i
                                                                                    class="bx bx-brush"></i></a>
                                                                        @endif
                                                                        <a href="{{ route('edit-menus-and-pages', $navigation_rec->id) }}"
                                                                            class="btn btn-outline-dark m-1 btn-sm"
                                                                            data-bs-toggle="tooltip" data-bs-placement="top"
                                                                            title=""
                                                                            data-bs-original-title="Edit"
                                                                            style="line-height: unset; padding: unset; border:none;"><i
                                                                                class="bx bx-edit-alt"></i></a>
                                                                        @if ($navigation_rec->navby != 1)
                                                                            <a href="{{ route('delete-menus-and-pages', $navigation_rec->id) }}"
                                                                                class="btn btn-outline-danger m-1 btn-sm"
                                                                                onclick="return confirm('Are you sure you want to delete?');"
                                                                                data-bs-toggle="tooltip"
                                                                                data-bs-placement="top" title=""
                                                                                data-bs-original-title="Delete This"
                                                                                style="line-height: unset; padding: unset; border:none;"><i
                                                                                    class="bx bx-trash"></i></a>
                                                                        @endif
                                                                    </td>
                                                                </tr>
                                                            @endforeach
                                                        @else
                                                            <tr>
                                                                <td colspan="7" class="text-center"><i
                                                                        class="bx bx-sad"
                                                                        style="font-size:5rem;color: #a2a3a5;"></i>
                                                                    <h3 style="color: #a2a3a5;">Nothing found</h3>
                                                                </td>
                                                            </tr>
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="serializemenus">
                                    <div class="card shadow-none border mb-0 radius-15">
                                        <div class="card-body">
                                            <div class="card-title">
                                                <h6 class="mb-0"><b><i class="bx bx-layer"></i>
                                                        Serialize Menu & Pages </b></h6>
                                            </div>
                                            <hr />
                                            <div class="table-responsive">
                                                <table id="table" class="table table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <th>#</th>
                                                            <th>Title</th>
                                                            <th>Sub Menus</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody id="tablecontents">
                                                        @if (count($getparent_navigations) > 0)
                                                            @foreach ($getparent_navigations as $key => $parent_navigation_rec)
                                                                @php
                                                                    $get_subnavigations = \App\Models\Navigation::where(
                                                                        'parent_id',
                                                                        $parent_navigation_rec->id,
                                                                    )
                                                                        ->where('status', 1)
                                                                        ->orderBy('order_level', 'asc')
                                                                        ->get();
                                                                @endphp
                                                                @if (
                                                                    $parent_navigation_rec->header == 1 or
                                                                        $parent_navigation_rec->foot_cat_one == 1 or
                                                                        $parent_navigation_rec->foot_cat_two == 1)
                                                                    <tr class="row1"
                                                                        data-id="{{ $parent_navigation_rec->id }}">
                                                                        <td class="pl-3" style="cursor: move;"><i
                                                                                class="fa fa-sort"></i></td>
                                                                        <td style="cursor: move;">
                                                                            {{ $parent_navigation_rec->name }}
                                                                            @if ($parent_navigation_rec->menu_type == 0)
                                                                                <span class="badge rounded-pill bg-primary"
                                                                                    data-bs-toggle="popover"
                                                                                    title="Page Link"
                                                                                    data-bs-content="{{ $baseurl }}/{{ $parent_navigation_rec->slug }}">Page
                                                                                    Link</span>
                                                                            @else
                                                                                <span class="badge rounded-pill bg-primary"
                                                                                    data-bs-toggle="popover"
                                                                                    title="Page Link"
                                                                                    data-bs-content="{{ $parent_navigation_rec->thirdpartylink }}">Page
                                                                                    Link</span>
                                                                            @endif
                                                                        </td>
                                                                        <td>
                                                                            @if (count($get_subnavigations) > 0)
                                                                                <table id="table"
                                                                                    class="table table-bordered">
                                                                                    <tbody id="tablecontents">
                                                                                        <thead>
                                                                                            <tr>
                                                                                                <th>#</th>
                                                                                                <th>Title</th>
                                                                                                <th>Super Sub Menus</th>
                                                                                            </tr>
                                                                                        </thead>
                                                                                        @foreach ($get_subnavigations as $subnav)
                                                                                            @php
                                                                                                $getsuper_subnavigations = \App\Models\Navigation::where(
                                                                                                    'parent_id',
                                                                                                    $subnav->id,
                                                                                                )
                                                                                                    ->where('status', 1)
                                                                                                    ->orderBy(
                                                                                                        'order_level',
                                                                                                        'asc',
                                                                                                    )
                                                                                                    ->get();
                                                                                            @endphp
                                                                                            @if (count($get_subnavigations) > 0)
                                                                                                <tr class="row1"
                                                                                                    data-id="{{ $subnav->id }}">
                                                                                                    <td class="pl-3"
                                                                                                        style="width:5%;">
                                                                                                        <i
                                                                                                            class="fa fa-sort"></i>
                                                                                                    </td>
                                                                                                    <td
                                                                                                        style="cursor: move;">
                                                                                                        {{ $subnav->name }}
                                                                                                        @if ($subnav->menu_type == 0)
                                                                                                            <span
                                                                                                                class="badge rounded-pill bg-primary"
                                                                                                                data-bs-toggle="popover"
                                                                                                                title="Page Link"
                                                                                                                data-bs-content="{{ $baseurl }}/{{ $subnav->slug }}">Page
                                                                                                                Link</span>
                                                                                                        @else
                                                                                                            <span
                                                                                                                class="badge rounded-pill bg-primary"
                                                                                                                data-bs-toggle="popover"
                                                                                                                title="Page Link"
                                                                                                                data-bs-content="{{ $subnav->thirdpartylink }}">Page
                                                                                                                Link</span>
                                                                                                        @endif
                                                                                                    </td>
                                                                                                    <td>
                                                                                                        @if (count($getsuper_subnavigations) > 0)
                                                                                                            <table
                                                                                                                id="table"
                                                                                                                class="table table-bordered">
                                                                                                                <tbody
                                                                                                                    id="tablecontents">
                                                                                                                    @foreach ($getsuper_subnavigations as $supersub_nav)
                                                                                                                        <tr class="row1"
                                                                                                                            data-id="{{ $supersub_nav->id }}">
                                                                                                                            <td class="pl-3"
                                                                                                                                style="width:5%;">
                                                                                                                                <i
                                                                                                                                    class="fa fa-sort"></i>
                                                                                                                            </td>
                                                                                                                            <td
                                                                                                                                style="cursor: move;">
                                                                                                                                {{ $supersub_nav->name }}
                                                                                                                                @if ($supersub_nav->menu_type == 0)
                                                                                                                                    <span
                                                                                                                                        class="badge rounded-pill bg-primary"
                                                                                                                                        data-bs-toggle="popover"
                                                                                                                                        title="Page Link"
                                                                                                                                        data-bs-content="{{ $baseurl }}/{{ $supersub_nav->slug }}">Page
                                                                                                                                        Link</span>
                                                                                                                                @else
                                                                                                                                    <span
                                                                                                                                        class="badge rounded-pill bg-primary"
                                                                                                                                        data-bs-toggle="popover"
                                                                                                                                        title="Page Link"
                                                                                                                                        data-bs-content="{{ $supersub_nav->thirdpartylink }}">Page
                                                                                                                                        Link</span>
                                                                                                                                @endif
                                                                                                                            </td>
                                                                                                                        </tr>
                                                                                                                    @endforeach
                                                                                                                </tbody>
                                                                                                            </table>
                                                                                                        @else
                                                                                                            <p
                                                                                                                class="text-secondary">
                                                                                                                Not
                                                                                                                Available
                                                                                                            </p>
                                                                                                        @endif
                                                                                                    </td>
                                                                                                </tr>
                                                                                            @endif
                                                                                        @endforeach
                                                                                    </tbody>
                                                                                </table>
                                                                            @else
                                                                                @if ($parent_navigation_rec->connected_module != null)
                                                                                    One To One Relation - <span
                                                                                        class="text-primary"><b>Dynamic
                                                                                            Via Module</b></span>
                                                                                @else
                                                                                    <p class="text-secondary">Not
                                                                                        Available</p>
                                                                                @endif
                                                                            @endif
                                                                        </td>
                                                                        </td>
                                                                    </tr>
                                                                @endif
                                                            @endforeach
                                                        @else
                                                            <tr>
                                                                <td colspan="3" class="text-center"><i
                                                                        class="bx bx-sad"
                                                                        style="font-size:5rem;color: #a2a3a5;"></i>
                                                                    <h3 style="color: #a2a3a5;">Nothing found</h3>
                                                                </td>
                                                            </tr>
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="createnew">
                                    <div class="card shadow-none border mb-0 radius-15">
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-md-2"></div>
                                                <div class="col-md-8">
                                                    <div class="card shadow-none border mb-0 radius-15">
                                                        <div class="card-body">
                                                            <div class="card-title">
                                                                <h6 class="mb-0"><b><i class="bx bx-layer-plus"></i>
                                                                        Create
                                                                        New
                                                                        Menu
                                                                        &
                                                                        Page</b></h6>
                                                            </div>
                                                            <hr />
                                                            <form class="row g-3"
                                                                action="{{ route('create-menus-and-pages') }}"
                                                                method="POST">
                                                                @csrf
                                                                <div class="col-md-4">
                                                                    <label for="inputFirstName"
                                                                        class="form-label">Title<span
                                                                            style="color: red;">*</span></label>
                                                                    <input type="text"
                                                                        class="form-control form-control-sm"
                                                                        id="inputFirstName" name="title" required />
                                                                </div>
                                                                <div class="col-md-4 select2-sm">
                                                                    <label class="form-label">Parent Menu or Page<span
                                                                            style="color: red;">*</span></label>
                                                                    <select class="single-select" name="parent_id"
                                                                        required>
                                                                        <option value="0">No Parent</option>

                                                                        @foreach ($get_navigations as $navigation)
                                                                            <option value="{{ $navigation->id }}">
                                                                                {{ $navigation->name }}
                                                                            </option>
                                                                            @php
                                                                                $nav_lvl1 = \App\Models\Navigation::where(
                                                                                    'parent_id',
                                                                                    $navigation->id,
                                                                                )
                                                                                    ->orderBy('name', 'asc')
                                                                                    ->get();
                                                                            @endphp
                                                                            @foreach ($nav_lvl1 as $navlvl1)
                                                                                <option value="{{ $navlvl1->id }}">
                                                                                    ----{{ $navlvl1->name }}
                                                                                </option>
                                                                                @php
                                                                                    $nav_lvl2 = \App\Models\Navigation::where(
                                                                                        'parent_id',
                                                                                        $navlvl1->id,
                                                                                    )
                                                                                        ->orderBy('name', 'asc')
                                                                                        ->get();
                                                                                @endphp
                                                                                @foreach ($nav_lvl2 as $navlvl2)
                                                                                    <option value="{{ $navlvl2->id }}">
                                                                                        --------{{ $navlvl2->name }}
                                                                                    </option>
                                                                                @endforeach
                                                                            @endforeach
                                                                        @endforeach

                                                                    </select>
                                                                </div>
                                                                <div class="col-md-4">
                                                                    <label for="inputFirstName"
                                                                        class="form-label">Type<span
                                                                            style="color: red;">*</span></label>
                                                                    <select class="form-select form-select-sm"
                                                                        name="menu_type" id="menu_type"
                                                                        onchange='CheckNavType(this.value);' required>
                                                                        <option value="">Select Type</option>
                                                                        <option value="0">Web Navigation</option>
                                                                        <option value="1">Third Party</option>
                                                                    </select>
                                                                </div>

                                                                <div class="row pt-2" id="videocont"
                                                                    style='display:none;'>
                                                                    <p class="mb-0 pt-3"><b> Connect With Third Party
                                                                            Link <span class="text-secondary">(Third
                                                                                party link always target on blank / new
                                                                                tab)</span></b></p>
                                                                    <div class="col-md-12 pt-3">
                                                                        <label for="inputFirstName"
                                                                            class="form-label">Third Pary Link</label>
                                                                        <input type="text"
                                                                            class="form-control form-control-sm"
                                                                            id="inputFirstName" name="thirdpartylink" />

                                                                    </div>
                                                                </div>

                                                                <div class="pt-2" id="imagecont" style='display:none;'>
                                                                    <div class="row">
                                                                        <p class="mb-0 pt-3"><b> Connect As Sub-Menus
                                                                                <span class="text-secondary">(Optional
                                                                                    -
                                                                                    one to one relation)</span></b></p>
                                                                        <div class="col-md-6 pt-3 select2-sm">
                                                                            <label for="inputFirstName"
                                                                                class="form-label">Module</label>
                                                                            <select class="single-select"
                                                                                name="connect_with" id="connect_with"
                                                                                onchange="CheckTable(this.value);">
                                                                                <option value="">Choose Table
                                                                                </option>
                                                                                @foreach ($all_tables as $key => $tables)
                                                                                    @foreach ($tables as $key => $val)
                                                                                        <option
                                                                                            value="{{ $val }}">
                                                                                            {{ $val }}
                                                                                        </option>
                                                                                    @endforeach
                                                                                @endforeach
                                                                            </select>
                                                                        </div>
                                                                        <div class="col-md-6 pt-3">
                                                                            <label class="form-label">Connected
                                                                                Value</label>
                                                                            <select class="form-select form-select-sm"
                                                                                name="connect_with_value"
                                                                                id="connect_with_value" readonly>
                                                                                <option value="id">id</option>
                                                                            </select>
                                                                        </div>
                                                                        <div class="col-md-6 pt-3 select2-sm">
                                                                            <label for="inputFirstName"
                                                                                class="form-label">Related Module Field
                                                                                To
                                                                                Display</label>
                                                                            <select class="single-select"
                                                                                name="field_to_display"
                                                                                id="field_to_display">
                                                                                <option value="">Choose Any One
                                                                                </option>
                                                                            </select>
                                                                        </div>
                                                                        <div class="col-md-6 pt-3 select2-sm">
                                                                            <label class="form-label">Display
                                                                                Navigation</label>
                                                                            <select class="single-select"
                                                                                name="module_ref_slug"
                                                                                id="module_ref_slug">
                                                                                <option value="">Choose Any One
                                                                                </option>
                                                                                @foreach ($get_navigations as $navset)
                                                                                    <option value="{{ $navset->slug }}">
                                                                                        {{ $navset->slug }}</option>
                                                                                @endforeach

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

                                                                <div class="col-md-12 pt-2">
                                                                    <button type="submit"
                                                                        class="btn btn-primary">Save</button>
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-2"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @isset($primary_theme)
                                    <div class="tab-pane fade" id="themenavigationsetting">
                                        <div class="card shadow-none border mb-0 radius-15">
                                            <div class="card-body" style="padding: 2rem 2rem;">
                                                <div class="row">
                                                    <div class="card-title pb-3">
                                                        <h6 class="mb-0"><b><i class="bx bx-navigation"></i>
                                                                {{ $primary_theme->title }} </b> Navigation Style Setting
                                                        </h6>
                                                    </div>
                                                    <div class="accordion" id="accordionExample">
                                                        <div class="accordion-item">
                                                            <h2 class="accordion-header" id="headingOne">
                                                                <button class="accordion-button collapsed" type="button"
                                                                    data-bs-toggle="collapse" data-bs-target="#collapseOne"
                                                                    aria-expanded="false" aria-controls="collapseOne"
                                                                    style="padding:.5rem 1.25rem;font-size:14px;">
                                                                    <i class="bx bx-layout"></i>&nbsp; Web Navigation Style
                                                                </button>
                                                            </h2>
                                                            <div id="collapseOne" class="accordion-collapse collapse"
                                                                aria-labelledby="headingOne"
                                                                data-bs-parent="#accordionExample">
                                                                <div class="accordion-body">
                                                                    <form class="row g-3 pt-3" method="POST"
                                                                        action="{{ route('navigation-styleset') }}"
                                                                        enctype="multipart/form-data">
                                                                        @csrf
                                                                        <input type="hidden"
                                                                            class="form-control form-control-sm"
                                                                            value="{{ $primary_theme->id }}" name="themeid"
                                                                            required />
                                                                        <input type="hidden"
                                                                            class="form-control form-control-sm"
                                                                            value="WebNavigation" name="navtype" required />
                                                                        <div class="col-md-4">
                                                                            <label for="inputLastEnterUsername"
                                                                                class="form-label"
                                                                                style="font-size:14px;">List Item
                                                                                Class <br /><code>
                                                                                    < li>
                                                                                        < / li>
                                                                                </code></label>
                                                                            <div class="input-group">
                                                                                <input type="text"
                                                                                    class="form-control form-control-sm"
                                                                                    value="{{ $primary_theme->liclass }}"
                                                                                    name="liclass" />
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-4">
                                                                            <label for="inputLastEnterUsername"
                                                                                class="form-label"
                                                                                style="font-size:14px;">List Item (Has
                                                                                Children) Class <br /><code>
                                                                                    < li>
                                                                                        < / li>
                                                                                </code></label>
                                                                            <div class="input-group">
                                                                                <input type="text"
                                                                                    class="form-control form-control-sm"
                                                                                    value="{{ $primary_theme->liclass_haschildren }}"
                                                                                    name="liclass_haschildren" />
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-4">
                                                                            <label for="inputLastEnterUsername"
                                                                                class="form-label" style="font-size:14px;">Sub
                                                                                List Item Class <br /><code>
                                                                                    < li>
                                                                                        < / li>
                                                                                </code></label>
                                                                            <div class="input-group">
                                                                                <input type="text"
                                                                                    class="form-control form-control-sm"
                                                                                    value="{{ $primary_theme->sub_liclass }}"
                                                                                    name="sub_liclass" />
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-4">
                                                                            <label for="inputLastEnterUsername"
                                                                                class="form-label" style="font-size:14px;">Sub
                                                                                List Item (Has Children) Class <br /><code>
                                                                                    < li>
                                                                                        < / li>
                                                                                </code></label>
                                                                            <div class="input-group">
                                                                                <input type="text"
                                                                                    class="form-control form-control-sm"
                                                                                    value="{{ $primary_theme->sub_liclass_haschildren }}"
                                                                                    name="sub_liclass_haschildren" />
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-4">
                                                                            <label for="inputLastEnterUsername"
                                                                                class="form-label"
                                                                                style="font-size:14px;">Hyper Link
                                                                                Class <br /><code>
                                                                                    < a href = ''>
                                                                                        < / a>
                                                                                </code></label>
                                                                            <div class="input-group">
                                                                                <input type="text"
                                                                                    class="form-control form-control-sm"
                                                                                    value="{{ $primary_theme->aclass }}"
                                                                                    name="aclass" />
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-4">
                                                                            <label for="inputLastEnterUsername"
                                                                                class="form-label"
                                                                                style="font-size:14px;">Hyper Link (Has
                                                                                Children) Class <br /><code>
                                                                                    < a href = ''>
                                                                                        < / a>
                                                                                </code></label>
                                                                            <div class="input-group">
                                                                                <input type="text"
                                                                                    class="form-control form-control-sm"
                                                                                    value="{{ $primary_theme->aclass_haschildren }}"
                                                                                    name="aclass_haschildren" />
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-4">
                                                                            <label for="inputLastEnterUsername"
                                                                                class="form-label" style="font-size:14px;">Sub
                                                                                Hyper Link Class <br /><code>
                                                                                    < a href = ''>
                                                                                        < / a>
                                                                                </code></label>
                                                                            <div class="input-group">
                                                                                <input type="text"
                                                                                    class="form-control form-control-sm"
                                                                                    value="{{ $primary_theme->sub_aclass }}"
                                                                                    name="sub_aclass" />
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-4">
                                                                            <label for="inputLastEnterUsername"
                                                                                class="form-label"
                                                                                style="font-size:14px;">Unorder List (Has
                                                                                Children) Class <br /><code>
                                                                                    < ul>
                                                                                        < / ul>
                                                                                </code></label>
                                                                            <div class="input-group">
                                                                                <input type="text"
                                                                                    class="form-control form-control-sm"
                                                                                    value="{{ $primary_theme->ulclass_haschildren }}"
                                                                                    name="ulclass_haschildren" />
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-4">
                                                                            <label for="inputLastEnterUsername"
                                                                                class="form-label" style="font-size:14px;">Sub
                                                                                Unorder List (Has Children) Class
                                                                                <br /><code>
                                                                                    < ul>
                                                                                        < / ul>
                                                                                </code></label>
                                                                            <div class="input-group">
                                                                                <input type="text"
                                                                                    class="form-control form-control-sm"
                                                                                    value="{{ $primary_theme->ulsecondclass_haschildren }}"
                                                                                    name="ulsecondclass_haschildren" />
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-2 text-right"
                                                                            style="margin-top:15px;">
                                                                            <div class="d-grid">
                                                                                <button type="submit"
                                                                                    class="btn btn-primary">Save</button>
                                                                            </div>
                                                                        </div>
                                                                    </form>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="accordion-item mt-3"
                                                            style="border-top: solid 1px #dfdfdf;">
                                                            <h2 class="accordion-header" id="headingOne">
                                                                <button class="accordion-button collapsed" type="button"
                                                                    data-bs-toggle="collapse" data-bs-target="#collapseTwo"
                                                                    aria-expanded="false" aria-controls="collapseTwo"
                                                                    style="padding:.5rem 1.25rem;font-size:14px;">
                                                                    <i class="bx bx-mobile"></i>&nbsp; Mobile Navigation
                                                                    Style
                                                                </button>
                                                            </h2>
                                                            <div id="collapseTwo" class="accordion-collapse collapse"
                                                                aria-labelledby="headingOne"
                                                                data-bs-parent="#accordionExample">
                                                                <div class="accordion-body">

                                                                    <form class="row g-3 pt-3" method="POST"
                                                                        action="{{ route('navigation-styleset') }}"
                                                                        enctype="multipart/form-data">
                                                                        @csrf
                                                                        <input type="hidden"
                                                                            class="form-control form-control-sm"
                                                                            value="{{ $primary_theme->id }}" name="themeid"
                                                                            required />
                                                                        <input type="hidden"
                                                                            class="form-control form-control-sm"
                                                                            value="MobNavigation" name="navtype" required />
                                                                        <div class="col-md-4">
                                                                            <label for="inputLastEnterUsername"
                                                                                class="form-label"
                                                                                style="font-size:14px;">List Item
                                                                                Class <br /><code>
                                                                                    < li>
                                                                                        < / li>
                                                                                </code></label>
                                                                            <div class="input-group">
                                                                                <input type="text"
                                                                                    class="form-control form-control-sm"
                                                                                    value="{{ $primary_theme->mob_liclass }}"
                                                                                    name="liclass" />
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-4">
                                                                            <label for="inputLastEnterUsername"
                                                                                class="form-label"
                                                                                style="font-size:14px;">List Item (Has
                                                                                Children) Class <br /><code>
                                                                                    < li>
                                                                                        < / li>
                                                                                </code></label>
                                                                            <div class="input-group">
                                                                                <input type="text"
                                                                                    class="form-control form-control-sm"
                                                                                    value="{{ $primary_theme->mob_liclass_haschildren }}"
                                                                                    name="liclass_haschildren" />
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-4">
                                                                            <label for="inputLastEnterUsername"
                                                                                class="form-label" style="font-size:14px;">Sub
                                                                                List Item Class <br /><code>
                                                                                    < li>
                                                                                        < / li>
                                                                                </code></label>
                                                                            <div class="input-group">
                                                                                <input type="text"
                                                                                    class="form-control form-control-sm"
                                                                                    value="{{ $primary_theme->mob_sub_liclass }}"
                                                                                    name="sub_liclass" />
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-4">
                                                                            <label for="inputLastEnterUsername"
                                                                                class="form-label" style="font-size:14px;">Sub
                                                                                List Item (Has Children) Class <br /><code>
                                                                                    < li>
                                                                                        < / li>
                                                                                </code></label>
                                                                            <div class="input-group">
                                                                                <input type="text"
                                                                                    class="form-control form-control-sm"
                                                                                    value="{{ $primary_theme->mob_sub_liclass_haschildren }}"
                                                                                    name="sub_liclass_haschildren" />
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-4">
                                                                            <label for="inputLastEnterUsername"
                                                                                class="form-label"
                                                                                style="font-size:14px;">Hyper Link
                                                                                Class <br /><code>
                                                                                    < a href = ''>
                                                                                        < / a>
                                                                                </code></label>
                                                                            <div class="input-group">
                                                                                <input type="text"
                                                                                    class="form-control form-control-sm"
                                                                                    value="{{ $primary_theme->mob_aclass }}"
                                                                                    name="aclass" />
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-4">
                                                                            <label for="inputLastEnterUsername"
                                                                                class="form-label"
                                                                                style="font-size:14px;">Hyper Link (Has
                                                                                Children) Class <br /><code>
                                                                                    < a href = ''>
                                                                                        < / a>
                                                                                </code></label>
                                                                            <div class="input-group">
                                                                                <input type="text"
                                                                                    class="form-control form-control-sm"
                                                                                    value="{{ $primary_theme->mob_aclass_haschildren }}"
                                                                                    name="aclass_haschildren" />
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-4">
                                                                            <label for="inputLastEnterUsername"
                                                                                class="form-label" style="font-size:14px;">Sub
                                                                                Hyper Link Class <br /><code>
                                                                                    < a href = ''>
                                                                                        < / a>
                                                                                </code></label>
                                                                            <div class="input-group">
                                                                                <input type="text"
                                                                                    class="form-control form-control-sm"
                                                                                    value="{{ $primary_theme->mob_sub_aclass }}"
                                                                                    name="sub_aclass" />
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-4">
                                                                            <label for="inputLastEnterUsername"
                                                                                class="form-label"
                                                                                style="font-size:14px;">Unorder List (Has
                                                                                Children) Class <br /><code>
                                                                                    < ul>
                                                                                        < / ul>
                                                                                </code></label>
                                                                            <div class="input-group">
                                                                                <input type="text"
                                                                                    class="form-control form-control-sm"
                                                                                    value="{{ $primary_theme->mob_ulclass_haschildren }}"
                                                                                    name="ulclass_haschildren" />
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-4">
                                                                            <label for="inputLastEnterUsername"
                                                                                class="form-label" style="font-size:14px;">Sub
                                                                                Unorder List (Has Children) Class
                                                                                <br /><code>
                                                                                    < ul>
                                                                                        < / ul>
                                                                                </code></label>
                                                                            <div class="input-group">
                                                                                <input type="text"
                                                                                    class="form-control form-control-sm"
                                                                                    value="{{ $primary_theme->mob_ulsecondclass_haschildren }}"
                                                                                    name="ulsecondclass_haschildren" />
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-md-2 text-right"
                                                                            style="margin-top:15px;">
                                                                            <div class="d-grid">
                                                                                <button type="submit"
                                                                                    class="btn btn-primary">Save</button>
                                                                            </div>
                                                                        </div>
                                                                    </form>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endisset
                                <div class="tab-pane fade" id="footermenucategory">
                                    <div class="card shadow-none border mb-0 radius-15">
                                        <div class="card-body">
                                            <div class="card-title">
                                                <h6 class="mb-0"><b><i class="bx bx-layer"></i> Footer Menu
                                                        Category</b>
                                                </h6>
                                            </div>
                                            <hr />
                                            <form class="row g-3" action="{{ route('update-foot-links-category') }}"
                                                method="POST">
                                                @csrf
                                                <input type="hidden" class="form-control form-control-sm"
                                                    id="inputFirstName" name="id" value="{{ $basedata->id }}"
                                                    required />
                                                <div class="col-md-4">
                                                    <label for="inputFirstName" class="form-label">First
                                                        Category<span style="color: red;">*</span></label>
                                                    <input type="text" class="form-control form-control-sm"
                                                        id="inputFirstName" name="foot_first_category"
                                                        value="{{ $basedata->foot_first_category }}" required />
                                                </div>
                                                <div class="col-md-4">
                                                    <label for="inputFirstName" class="form-label">Second
                                                        Category<span style="color: red;">*</span></label>
                                                    <input type="text" class="form-control form-control-sm"
                                                        id="inputFirstName" name="foot_second_category"
                                                        value="{{ $basedata->foot_second_category }}" required />
                                                </div>

                                                <div class="col-md-4" style="margin-top:43px;">
                                                    <button type="submit" class="btn btn-primary">Update</button>
                                                </div>
                                            </form>


                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        <!--end page-content-wrapper-->
    </div>
    <!--end page-wrapper-->
    <!--start overlay-->
    <div class="overlay toggle-btn-mobile"></div>
    <!--end overlay-->
    <!--Start Back To Top Button-->
    <a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a> @include('backend.partial.dashboard_footer')
@endsection
@section('script')
    <script>
        var base_url = window.location.origin;

        function CheckTable(value) {
            alert(value);
            $.post('{{ route('get-table-fields') }}', {
                _token: '{{ csrf_token() }}',
                table_name: value
            }, function(html) {
                $('#field_to_display').html(html);
            });
        }
    </script>
    <script>
        function update_highlight(elv1) {
            if (elv1.checked) {
                var status = 1;
            } else {
                var status = 0;
            }
            $.post('{{ route('set-menu-highlight') }}', {
                _token: '{{ csrf_token() }}',
                id: elv1.value,
                status: status
            }, function(data) {
                if (data == 1) {
                    update_success_noti();
                    setTimeout(function() {
                        window.location.reload();
                    }, 1000);
                } else {
                    if (data == 2) {
                        update_menu_highlight_error_noti();
                        setTimeout(function() {
                            window.location.reload();
                        }, 2000);
                    } else {
                        update_error_noti();
                    }
                }
            });
        }

        function update_default(elv1) {
            if (elv1.checked) {
                var status = 1;
            } else {
                var status = 0;
            }
            $.post('{{ route('set-menu-default') }}', {
                _token: '{{ csrf_token() }}',
                id: elv1.value,
                status: status
            }, function(data) {
                if (data == 1) {
                    update_success_noti();
                    setTimeout(function() {
                        window.location.reload();
                    }, 1000);
                } else {
                    if (data == 2) {
                        update_menudisable_noti();
                        setTimeout(function() {
                            window.location.reload();
                        }, 2000);
                    } else {
                        if (data == 3) {
                            update_primarynoteset_noti();
                            setTimeout(function() {
                                window.location.reload();
                            }, 2000);
                        } else {
                            if (data == 4) {
                                update_headermenunotset_noti();
                                setTimeout(function() {
                                    window.location.reload();
                                }, 4000);
                            } else {
                                update_error_noti();
                            }
                        }
                    }

                }
            });
        }

        function update_header_status(elv1) {
            if (elv1.checked) {
                var status = 1;
            } else {
                var status = 0;
            }
            $.post('{{ route('set-header') }}', {
                _token: '{{ csrf_token() }}',
                id: elv1.value,
                status: status
            }, function(data) {
                if (data == 1) {
                    update_success_noti();
                    // setTimeout(function() {
                    //     window.location.reload();
                    // }, 1000);
                } else {
                    update_error_noti();
                }
            });
        }

        function update_footer_one_status(elv1) {
            if (elv1.checked) {
                var status = 1;
            } else {
                var status = 0;
            }
            $.post('{{ route('set-foot-one') }}', {
                _token: '{{ csrf_token() }}',
                id: elv1.value,
                status: status
            }, function(data) {
                if (data == 1) {
                    update_success_noti();
                    // setTimeout(function() {
                    //     window.location.reload();
                    // }, 1000);
                } else {
                    update_error_noti();
                }
            });
        }

        function update_footer_two_status(elv1) {
            if (elv1.checked) {
                var status = 1;
            } else {
                var status = 0;
            }
            $.post('{{ route('set-foot-two') }}', {
                _token: '{{ csrf_token() }}',
                id: elv1.value,
                status: status
            }, function(data) {
                if (data == 1) {
                    update_success_noti();
                    // setTimeout(function() {
                    //     window.location.reload();
                    // }, 1000);
                } else {
                    update_error_noti();
                }
            });
        }

        function update_status(el) {
            if (el.checked) {
                var status = 1;
            } else {
                var status = 0;
            }
            $.post('{{ route('menus-and-page-status') }}', {
                _token: '{{ csrf_token() }}',
                id: el.value,
                status: status
            }, function(data) {
                if (data == 1) {
                    update_success_noti();
                } else {
                    if (data == 2) {
                        update_menu_error_noti();
                        setTimeout(function() {
                            window.location.reload();
                        }, 2000);
                    } else {
                        update_error_noti();
                    }
                }
            });
        }
        //======================

        $(function() {
            $('[data-bs-toggle="popover"]').popover();
            $('[data-bs-toggle="tooltip"]').tooltip();
        })

        //======================
    </script>

    <script type="text/javascript">
        $(function() {
            $("#tablecontents").sortable({
                items: "tr",
                cursor: 'move',
                opacity: 0.6,
                update: function() {
                    sendOrderToServer();
                }
            });

            function sendOrderToServer() {
                var order = [];
                $('tr.row1').each(function(index, element) {
                    order.push({
                        id: $(this).attr('data-id'),
                        position: index + 1
                    });
                });

                $.ajax({
                    type: "POST",
                    dataType: "json",
                    url: "{{ route('process-menus-and-pages-short') }}",
                    data: {
                        order: order,
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(response) {
                        if (response == 1) {
                            update_success_noti();
                        } else {
                            update_error_noti();
                        }
                    }
                });
            }
        });
    </script>
@endsection