@php
    $appbuilder_array = explode(',', $current_user_role_info->appbuilder_permissions);
    //print_r($appbuilder_array);
    $index_val = $appbuilder_array[0];
@endphp
<div class="card-body">
    <ul class="nav nav-pills">
        @if (in_array('1-view', $appbuilder_array))
            <li class="nav-item">
                <a class="nav-link @if ($index_val == '1-view') active @endif" 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>
        @endif
        @if (in_array('1-serialize', $appbuilder_array))
            <li class="nav-item">
                <a class="nav-link @if ($index_val == '1-serialize') active @endif" 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>
        @endif
        @if (in_array('1-create', $appbuilder_array))
            <li class="nav-item">
                <a class="nav-link @if ($index_val == '1-create') active @endif" 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>
        @endif
        @if (in_array('1-navigationstyling', $appbuilder_array))
            @isset($primary_theme)
                <li class="nav-item">
                    <a class="nav-link @if ($index_val == '1-navigationstyling') active @endif" 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
        @endif
        @if (in_array('1-manage-footer-menu-category', $appbuilder_array))
            <li class="nav-item">
                <a class="nav-link @if ($index_val == '1-manage-footer-menu-category') active @endif" 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>
        @endif
    </ul>
    <div class="tab-content mt-3">
        @if (in_array('1-view', $appbuilder_array))
            <div class="tab-pane fade @if ($index_val == '1-view') show active @endif" id="allmenus">
                <div class="card shadow-none border mb-0 radius-15">
                    <div class="card-body">
                        <div class="table-responsive">
                            <table @if (in_array('1-export', $appbuilder_array)) id="example2" @else id="example" @endif
                                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 ($index_val == '1-design')
                                                        @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
                                                    @endif
                                                    @if ($index_val == '1-edit')
                                                        <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>
                                                    @endif
                                                    @if ($index_val == '1-delete')
                                                        @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
                                                    @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>
        @endif
        @if (in_array('1-serialize', $appbuilder_array))
            <div class="tab-pane fade @if ($index_val == '1-serialize') show active @endif" 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>
        @endif
        @if (in_array('1-create', $appbuilder_array))
            <div class="tab-pane fade @if ($index_val == '1-create') show active @endif" 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>
        @endif
        @if (in_array('1-navigationstyling', $appbuilder_array))
            @isset($primary_theme)
                <div class="tab-pane fade @if ($index_val == '1-navigationstyling') show active @endif"
                    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
        @endif
        @if (in_array('1-manage-footer-menu-category', $appbuilder_array))
            <div class="tab-pane fade @if ($index_val == '1-manage-footer-menu-category') show active @endif" 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>
        @endif
    </div>
</div>