@php
    $appbuilder_array = explode(',', $current_user_role_info->appbuilder_permissions);
    if (in_array('4-view', $appbuilder_array)) {
        $index_val = '4-view';
    } else {
        if (in_array('4-serialize', $appbuilder_array)) {
            $index_val = '4-serialize';
        } else {
            if (in_array('4-create', $appbuilder_array)) {
                $index_val = '4-create';
            } else {
                $index_val = '4-module-category-manager';
            }
        }
    }
@endphp
<div class="card-body">
    <ul class="nav nav-pills">
        @if (in_array('4-view', $appbuilder_array))
            <li class="nav-item">
                <a class="nav-link @if ($index_val == '4-view') active @endif" id="configure-tab" data-bs-toggle="tab"
                    href="#configure">
                    <span class="p-tab-name"><i class="bx bx-layer"></i>
                        Module Configuration</span>
                    <i class="bx bxs-layer font-24 d-sm-none"></i>
                </a>
            </li>
        @endif
        @if (in_array('4-serialize', $appbuilder_array))
            <li class="nav-item">
                <a class="nav-link @if ($index_val == '4-serialize') active @endif" id="serialize-tab"
                    data-bs-toggle="tab" href="#serialize">
                    <span class="p-tab-name"><i class="bx bx-shape-polygon"></i>
                        Serialize Module</span>
                    <i class="bx bx-shape-polygon font-24 d-sm-none"></i>
                </a>
            </li>
        @endif
        @if (in_array('4-create', $appbuilder_array))
            <li class="nav-item">
                <a class="nav-link @if ($index_val == '4-create') active @endif" id="createnew-tab"
                    data-bs-toggle="tab" href="#createnew">
                    <span class="p-tab-name"><i class="bx bx-layer-plus"></i>
                        Create New Module</span>
                    <i class="bx bxs-layer-plus font-24 d-sm-none"></i>
                </a>
            </li>
        @endif
        @if (in_array('4-module-category-manager', $appbuilder_array))
            <li class="nav-item">
                <a class="nav-link @if ($index_val == '4-module-category-manager') active @endif" id="modulecategory-tab"
                    data-bs-toggle="tab" href="#modulecategory">
                    <span class="p-tab-name"><i class="bx bx-list-ul"></i>
                        Module Categories</span>
                    <i class="bx bx-list-ul font-24 d-sm-none"></i>
                </a>
            </li>
        @endif
    </ul>
    <div class="tab-content mt-3">
        @if (in_array('4-view', $appbuilder_array))
            <div class="tab-pane fade @if ($index_val == '4-view') show active @endif" id="configure">
                <div class="card shadow-none border mb-0 radius-15">
                    <div class="card-body">
                        <div class="row">
                            @if (count($coremodules) > 0)
                                <div class="col-md-6">
                                    <div class="card-title pt-2">
                                        <h6 class="mb-0"><b><i class="bx bx-layer"></i> Active Modules
                                            </b></h6>
                                    </div>
                                    <hr />
                                    @foreach ($coremodules as $key => $coremodule)
                                        @if ($coremodule->status != 2)
                                            @if ($coremodule->status == 1)
                                                <div class="card" style="box-shadow:0 0.1rem 0.7rem #00ff1463;">
                                                    <div class="card-body">
                                                        <h6 class="card-title"
                                                            style="text-transform:capitalize;font-weight:600;margin-bottom:0px;">
                                                            <i class="bx bx-check-circle text-success"></i>
                                                            {{ $coremodule->module_title }}
                                                            <a href="javascript:void(0);"
                                                                class="btn btn-secondary m-1 btn-sm"
                                                                data-bs-toggle="popover" data-bs-placement="top"
                                                                title="About"
                                                                data-bs-content="{{ $coremodule->about }}"
                                                                style="line-height: unset; padding: unset;"><i
                                                                    class="bx bx-info-circle"
                                                                    style="font-size:.9rem;"></i></a>
                                                            @if ($coremodule->predef != 1)
                                                                @if (in_array('4-delete', $appbuilder_array))
                                                                    <a href="{{ route('delete-module', $coremodule->id) }}"
                                                                        data-bs-toggle="tooltip" data-bs-placement="top"
                                                                        data-bs-original-title="Delete This"
                                                                        class="btn btn-outline-danger btn-sm m-1"
                                                                        style="line-height: unset; padding: unset;border:none"
                                                                        onclick="return confirm('Are you sure you want to delete?');"><i
                                                                            class="bx bx-trash"></i></a>
                                                                @endif
                                                            @endif
                                                            @if (in_array('4-active_deactive_manager', $appbuilder_array))
                                                                <div class="form-check form-switch"
                                                                    style="float: right;">
                                                                    <input class="form-check-input" type="checkbox"
                                                                        onclick="return confirm('Are you sure you want to active this module?');"
                                                                        onChange="update_status(this)"
                                                                        value="{{ $coremodule->id }}"
                                                                        data-bs-toggle="tooltip" data-bs-placement="top"
                                                                        title="De-Activate Now" >
                                                                </div>
                                                            @endif
                                                            </h5>
                                                            {{-- <hr />
                                                    <p>{{ $coremodule->about }}</p> --}}
                                                    </div>
                                                </div>
                                            @endif
                                        @endif
                                    @endforeach
                                </div>
                                <div class="col-md-6">
                                    <div class="card-title pt-2">
                                        <h6 class="mb-0"><b><i class="bx bx-layer"></i> Non Active
                                                Modules
                                            </b></h6>
                                    </div>
                                    <hr />
                                    @foreach ($coremodules as $key => $coremodule)
                                        @if ($coremodule->status != 2)
                                            @if ($coremodule->status != 1)
                                                <div class="card" style="box-shadow:0 0.1rem 0.7rem #ff00004f;">
                                                    <div class="card-body">
                                                        <h6 class="card-title"
                                                            style="text-transform:capitalize;font-weight:600;margin-bottom:0px;">
                                                            <i class="bx bx-x-circle text-danger"></i>
                                                            {{ $coremodule->module_title }}
                                                            <a href="javascript:void(0);"
                                                                class="btn btn-secondary m-1 btn-sm"
                                                                data-bs-toggle="popover" data-bs-placement="top"
                                                                title="About"
                                                                data-bs-content="{{ $coremodule->about }}"
                                                                style="line-height: unset; padding: unset;"><i
                                                                    class="bx bx-info-circle"
                                                                    style="font-size:.9rem;"></i></a>
                                                            @if ($coremodule->predef != 1)
                                                                @if (in_array('4-delete', $appbuilder_array))
                                                                    <a href="{{ route('delete-module', $coremodule->id) }}"
                                                                        data-bs-toggle="tooltip" data-bs-placement="top"
                                                                        data-bs-original-title="Delete This"
                                                                        class="btn btn-outline-danger btn-sm m-1"
                                                                        style="line-height: unset; padding: unset;border:none"
                                                                        onclick="return confirm('Are you sure you want to delete?');"><i
                                                                            class="bx bx-trash"></i></a>
                                                                @endif
                                                            @endif
                                                            @if (in_array('4-active_deactive_manager', $appbuilder_array))
                                                                <div class="form-check form-switch"
                                                                    style="float: right;">
                                                                    <input class="form-check-input" type="checkbox"
                                                                        onclick="return confirm('Are you sure you want to disable this module?');"
                                                                        onChange="update_status(this)"
                                                                        value="{{ $coremodule->id }}"
                                                                        data-bs-toggle="tooltip"
                                                                        data-bs-placement="top" title="Activate Now"
                                                                        >
                                                                </div>
                                                            @endif
                                                            </h5>
                                                            {{-- <hr />
                                                        <p>{{ $coremodule->about }}</p> --}}
                                                    </div>
                                                </div>
                                            @endif
                                        @endif
                                    @endforeach
                                </div>
                            @else
                                <i class="bx bx-sad" style="font-size:5rem;color: #a2a3a5;"></i>
                                <h3 style="color: #a2a3a5;">You haven't any module yet</h3>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        @endif
        @if (in_array('4-serialize', $appbuilder_array))
            <div class="tab-pane fade @if ($index_val == '4-serialize') show active @endif" id="serialize">
                <div class="card shadow-none border mb-0 radius-15">
                    <div class="card-body">
                        @if (count($coremodules) > 0)
                            <table id="table" class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th width="30px">#</th>
                                        <th>Module Title</th>
                                        <th>Serialize Sub-Module</th>
                                    </tr>
                                </thead>
                                <tbody id="tablecontents">
                                    @foreach ($coremodules as $module)
                                        @if ($module->parent_id == 0)
                                            @php
                                                $checkmodule_category = \App\Models\CoreModule::where(
                                                    'parent_id',
                                                    $module->id,
                                                )
                                                    ->where('status', 1)
                                                    ->count();
                                            @endphp
                                            @if ($checkmodule_category > 0)
                                                <tr class="row1" data-id="{{ $module->id }}">
                                                    <td class="pl-3"><i class="fa fa-sort"></i></td>
                                                    <td style="cursor: move;">
                                                        {{ $module->module_title }}</td>
                                                    <td style="cursor: move;">
                                                        @if ($module->status != 2)
                                                            -
                                                        @else
                                                            @php
                                                                $get_submodule = \App\Models\CoreModule::where(
                                                                    'parent_id',
                                                                    $module->id,
                                                                )
                                                                    ->orderBy('serial', 'asc')
                                                                    ->where('status', 1)
                                                                    ->get();
                                                            @endphp
                                                            @if (count($get_submodule) > 0)
                                                                <table id="table" class="table table-bordered">
                                                                    <tbody id="tablecontents">
                                                                        @foreach ($get_submodule as $sub_module)
                                                                            <tr class="row1"
                                                                                data-id="{{ $sub_module->id }}">
                                                                                <td class="pl-3" style="width:5%;">
                                                                                    <i class="fa fa-sort"></i>
                                                                                </td>
                                                                                <td style="cursor: move;">
                                                                                    {{ $sub_module->module_title }}
                                                                                </td>
                                                                            </tr>
                                                                        @endforeach
                                                                    </tbody>
                                                                </table>
                                                            @endif
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endif
                                        @endif
                                    @endforeach
                                </tbody>
                                </tbody>
                            </table>
                        @else
                            <div class="text-center">
                                <i class="bx bx-sad" style="font-size:5rem;color: #a2a3a5;"></i>
                                <h3 style="color: #a2a3a5;">You haven't any module yet</h3>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        @endif
        @if (in_array('4-create', $appbuilder_array))
            <div class="tab-pane fade @if ($index_val == '4-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-12">
                                <form class="row g-3" method="POST" action="{{ route('create-module') }}"
                                    enctype="multipart/form-data">
                                    @csrf
                                    <div class="col-md-4">
                                        <label for="inputLastEnterUsername" class="form-label">Module
                                            Title<span class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <input type="text" class="form-control form-control-sm"
                                                placeholder="Module Title"
                                                onkeydown="return /[0-9a-zA-Z ]/i.test(event.key)" name="title"
                                                required />
                                        </div>
                                    </div>
                                    <div class="col-md-4 select2-sm">
                                        <label for="inputLastEnterUsername" class="form-label">Category<span
                                                class="text-danger">*</span></label>
                                        <select class="single-select" name="parent_id" required>
                                            <option value="0">No Parent</option>

                                            @foreach ($module_categories as $category)
                                                <option value="{{ $category->id }}">
                                                    {{ $category->module_title }}
                                                </option>
                                            @endforeach

                                        </select>
                                    </div>
                                    <div class="col-md-4">
                                        <label for="inputLastEnterUsername" class="form-label">Module
                                            Icon<span class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <button data-iconset="fontawesome5" role="iconpicker"></button>
                                        </div>
                                        <input type="hidden" id="selectedicon" name="selectedicon" required />
                                    </div>
                                    <div class="col-md-12">
                                        <label for="inputLastEnterUsername" class="form-label">About
                                            Module<span class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <textarea class="form-control form-control-sm" name="about_module" required></textarea>
                                        </div>
                                    </div>
                                    <hr />
                                    <b style="margin-top: 0px;">------ Module Attributes ------</b>

                                    <div class="row g-3" id="dynamicforms">
                                        <div class="form-check pb-2" style="padding-left:3%; margin-top:0px;"
                                            required>
                                            <input class="form-check-input" type="checkbox" id="checkAll">
                                            <label class="form-check-label">Select
                                                All</label>
                                        </div>
                                        <input type="hidden" class="form-control form-control-sm" value="0"
                                            name="col_field_id1[]" id="col_field_id1" />
                                        <div class="col-md-3" style="margin-top:0px;">
                                            <label for="inputLastEnterUsername" class="form-label">Grid
                                                (Column)<span class="text-danger">*</span></label>
                                            <div class="input-group">
                                                <select class="form-select form-select-sm" placeholder="Grid (Column)"
                                                    name="col2[]" id="col_2">
                                                    <option value="">Grid (Column)</option>
                                                    <option value="12">col-md-12</option>
                                                    <option value="11">col-md-11</option>
                                                    <option value="10">col-md-10</option>
                                                    <option value="9">col-md-9</option>
                                                    <option value="8">col-md-8</option>
                                                    <option value="7">col-md-7</option>
                                                    <option value="6">col-md-6</option>
                                                    <option value="5">col-md-5</option>
                                                    <option value="4">col-md-4</option>
                                                    <option value="3">col-md-3</option>
                                                    <option value="2">col-md-2</option>
                                                    <option value="1">col-md-1</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3" style="margin-top:0px;">
                                            <label for="inputLastEnterUsername" class="form-label">Label
                                                Title</label>
                                            <div class="input-group">
                                                <input type="text" class="form-control form-control-sm"
                                                    placeholder="Label Title"
                                                    onkeydown="return /[0-9a-zA-Z ]/i.test(event.key)" name="col3[]"
                                                    id="col_3" required />
                                            </div>
                                        </div>
                                        <div class="col-md-3" style="margin-top:0px;">
                                            <label for="inputLastEnterUsername" class="form-label">Input
                                                Type<span class="text-danger">*</span></label>
                                            <div class="input-group">
                                                <select class="form-select form-select-sm" placeholder="Input Type"
                                                    name="col4[]" id="col_4" onchange="CheckType(this.value);"
                                                    required>
                                                    <option value="">Select Input Type</option>
                                                    <option value="text">Text</option>
                                                    <option value="number">Number</option>
                                                    <option value="email">Email</option>
                                                    <option value="password">Password</option>
                                                    <option value="textarea">Textarea</option>
                                                    <option value="textarea-editor">Textarea Editor
                                                    </option>
                                                    <option value="radio">Radio</option>
                                                    <option value="checkbox">Check-Box</option>
                                                    <option value="dropdown">Dropdown</option>
                                                    <option value="file">Attachment & Image</option>
                                                    <option value="colorpicker">Color Picker</option>
                                                    <option value="datepicker">Date Picker</option>
                                                    <option value="datetimepicker">Date Time Picker
                                                    </option>
                                                    <option value="imepicker">Time Picker</option>
                                                    <option value="one_to_one_relations">ONE TO ONE
                                                        RELATION</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3" style="margin-top:0px;">
                                            <label for="inputLastEnterUsername" class="form-label">Field
                                                Name<span class="text-danger">*</span></label>
                                            <div class="input-group">
                                                <input type="text" class="form-control form-control-sm"
                                                    placeholder="Field Name"
                                                    onkeydown="return /[0-9a-zA-Z ]/i.test(event.key)" name="col5[]"
                                                    id="col_5" required />
                                            </div>
                                        </div>
                                        {{-- ONE TO ONE RELATION DYNAMIC OPTIONS START  --}}

                                        <div id="dynamicrelation_options" style="display:none;">
                                            <hr />
                                            <b style="margin-top: 0px;">------ Set Relation ------</b>

                                            <div class="row pt-2">
                                                <input type="hidden" class="form-control form-control-sm"
                                                    value="0" name="col_relationid1[]" id="col_relationid1" />
                                                <div class="col-md-4">
                                                    <label for="inputLastEnterUsername" class="form-label">Related
                                                        Table
                                                        <span style="color:red;">*</span></label>
                                                    <div class="input-group">
                                                        <select class="form-select form-select-sm"
                                                            name="col_relationopval1[]" id="col_relationopval1"
                                                            onchange="CheckTable(this.value);">
                                                            <option value="">Choose Related Table
                                                            </option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <label for="inputLastEnterUsername" class="form-label">Related
                                                        Table
                                                        Field <span style="color:red;">*</span></label>
                                                    <div class="input-group">
                                                        <select class="form-select form-select-sm"
                                                            name="col_relationopval2[]" id="col_relationopval2">
                                                            <option value="id">id</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <label for="inputLastEnterUsername" class="form-label">Related
                                                        Table
                                                        Field To
                                                        Display <span style="color:red;">*</span></label>
                                                    <div class="input-group">
                                                        <select class="form-select form-select-sm"
                                                            name="col_relationopval3[]" id="col_relationopval3">
                                                            <option value="">Choose Any One
                                                            </option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <hr />
                                        </div>

                                        {{-- ONE TO ONE RELATION DYNAMIC OPTIONS END  --}}

                                        {{-- DYNAMIC OPTIONS START  --}}

                                        <div id="dynamicform_options" style="display:none;">
                                            <hr />
                                            <b style="margin-top: 0px;">------ Input Options ------</b>

                                            <div class="row ">
                                                <div class="form-check pb-2 pt-2"
                                                    style="padding-left:3%; margin-top:0px;">
                                                    <input class="form-check-input" type="checkbox"
                                                        id="checkAllOptions">
                                                    <label class="form-check-label" for="flexCheckDefault">Select
                                                        All Options</label>
                                                </div>
                                                <input type="hidden" class="form-control form-control-sm"
                                                    value="0" name="col_id1[]" id="col_id1" />
                                                <div class="col-md-6">
                                                    <label for="inputLastEnterUsername"
                                                        class="form-label">Option</label>
                                                    <div class="input-group">
                                                        <input type="text" class="form-control form-control-sm"
                                                            placeholder="Option" name="col_opval1[]"
                                                            id="col_opval1" />
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <label for="inputLastEnterUsername"
                                                        class="form-label">Value</label>
                                                    <div class="input-group">
                                                        <input type="text" class="form-control form-control-sm"
                                                            placeholder="Value" name="col_opval2[]"
                                                            id="col_opval2" />
                                                    </div>
                                                </div>
                                            </div>

                                        </div>

                                        <div id="optionsbuttons" style="display:none;">
                                            <div class="row pt-3">
                                                <div class="col-md-12">
                                                    <button class="btn btn-danger delete btn-sm"
                                                        id="removeOptionRowsub" type="button">-
                                                        Delete Option</button>
                                                    <button class="btn btn-primary btn-sm" id="addOptionRowsub"
                                                        type="button">+ Add
                                                        Option</button>
                                                </div>
                                            </div>
                                            <hr />
                                        </div>

                                        {{-- DYNAMIC OPTIONS END  --}}

                                        <div class="col-md-3">
                                            <label for="inputLastEnterUsername" class="form-label">Validation<span
                                                    class="text-danger">*</span></label>
                                            <div class="input-group">
                                                <select class="form-select form-select-sm" placeholder="Validation"
                                                    name="col6[]" id="col_6" required>
                                                    <option value="">Validation</option>
                                                    <option value="required">Required</option>
                                                    {{-- <option value="unique">Unique</option> --}}
                                                    <option value="null">Not Required</option>

                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <label for="inputLastEnterUsername" class="form-label">Placeholder</label>
                                            <div class="input-group">
                                                <input type="text" class="form-control form-control-sm"
                                                    placeholder="Placeholder"
                                                    onkeydown="return /[0-9a-zA-Z ]/i.test(event.key)" name="col7[]"
                                                    id="col_7" />
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="inputLastEnterUsername" class="form-label">Pattern <span
                                                    class="badge rounded-pill bg-primary" data-bs-toggle="popover"
                                                    title="Information"
                                                    data-bs-content="If this is a dropdown or file field And you want to do multiple selection in it. So you need to type * multiple * keyword in the pattern. else You can set whatever entry patterns you want to apply in it.">How
                                                    To Use?</span></label>
                                            <div class="input-group">
                                                <input type="text" class="form-control form-control-sm"
                                                    placeholder="Pattern" name="col8[]" id="col_8" />
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <label for="inputLastEnterUsername" class="form-label">Custom
                                                Style <span class="badge rounded-pill bg-primary"
                                                    data-bs-toggle="popover" title="Information"
                                                    data-bs-content="In this you can write whatever custom style you want. In this you have to write direct style in that text. FOR EXAMPLE : * border-color: red; font-size: 2rem; * etc.">How
                                                    To Use?</span></label>
                                            <div class="input-group">
                                                <textarea class="form-control form-control-sm" placeholder="Custom Style" rows="2" name="col9[]"
                                                    id="col_9"></textarea>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="inputLastEnterUsername" class="form-label">Instruction Comment
                                            </label>
                                            <div class="input-group">
                                                <textarea class="form-control form-control-sm" placeholder="Instruction Comment" rows="2" name="col10[]"
                                                    id="col_10"></textarea>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="row g-3">
                                        <div class="col-md-12">
                                            <button class="btn btn-danger delete btn-sm" id="removeRowsub"
                                                type="button">-
                                                Delete Field</button>
                                            <button class="btn btn-dark btn-sm" id="addRowsub" type="button">+ Add
                                                Field</button>
                                        </div>
                                    </div>
                                    {{-- ======== For Static Values ============ --}}
                                    <input type="hidden" class="form-control form-control-sm" value="6"
                                        name="col2[]" />
                                    <input type="hidden" class="form-control form-control-sm"
                                        value="serialize_automatic" name="col3[]" />
                                    <input type="hidden" class="form-control form-control-sm" value="integer"
                                        name="col4[]" />
                                    <input type="hidden" class="form-control form-control-sm"
                                        value="serialize_automatic" name="col5[]" />
                                    <input type="hidden" class="form-control form-control-sm" value="required"
                                        name="col6[]" />
                                    <input type="hidden" class="form-control form-control-sm"
                                        value="serialize_automatic" name="col7[]" />
                                    <input type="hidden" class="form-control form-control-sm" value=""
                                        name="col8[]" />
                                    <input type="hidden" class="form-control form-control-sm" value=""
                                        name="col9[]" />

                                    {{-- ======================= --}}

                                    <input type="hidden" class="form-control form-control-sm" value="6"
                                        name="col2[]" />
                                    <input type="hidden" class="form-control form-control-sm" value="created_at"
                                        name="col3[]" />
                                    <input type="hidden" class="form-control form-control-sm" value="text"
                                        name="col4[]" />
                                    <input type="hidden" class="form-control form-control-sm" value="Created At"
                                        name="col5[]" />
                                    <input type="hidden" class="form-control form-control-sm" value="required"
                                        name="col6[]" />
                                    <input type="hidden" class="form-control form-control-sm" value="Created At"
                                        name="col7[]" />
                                    <input type="hidden" class="form-control form-control-sm" value=""
                                        name="col8[]" />
                                    <input type="hidden" class="form-control form-control-sm" value=""
                                        name="col9[]" />

                                    {{-- ======================= --}}

                                    <input type="hidden" class="form-control form-control-sm" value="6"
                                        name="col2[]" />
                                    <input type="hidden" class="form-control form-control-sm" value="updated_at"
                                        name="col3[]" />
                                    <input type="hidden" class="form-control form-control-sm" value="text"
                                        name="col4[]" />
                                    <input type="hidden" class="form-control form-control-sm" value="Updated At"
                                        name="col5[]" />
                                    <input type="hidden" class="form-control form-control-sm" value="required"
                                        name="col6[]" />
                                    <input type="hidden" class="form-control form-control-sm" value="Updated At"
                                        name="col7[]" />
                                    <input type="hidden" class="form-control form-control-sm" value=""
                                        name="col8[]" />
                                    <input type="hidden" class="form-control form-control-sm" value=""
                                        name="col9[]" />

                                    <div class="col-md-2">
                                        <div class="d-grid">
                                            <button type="submit" class="btn btn-primary">Save</button>
                                        </div>
                                    </div>
                                    <div class="col-md-10"></div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif
        @if (in_array('4-module-category-manager', $appbuilder_array))
            <div class="tab-pane fade @if ($index_val == '4-module-category-manager') show active @endif" id="modulecategory">
                <div class="card shadow-none border mb-0 radius-15">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12">
                                <form class="row g-3" method="POST" action="{{ route('create-module-category') }}"
                                    enctype="multipart/form-data">
                                    @csrf
                                    <div class="col-md-6">
                                        <label for="inputLastEnterUsername" class="form-label">Category Title<span
                                                class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <input type="text" class="form-control form-control-sm"
                                                placeholder="Module Title" name="title" required />
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <label for="inputLastEnterUsername" class="form-label">Category
                                            Icon<span class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <button data-iconset="fontawesome5" role="iconpicker"></button>
                                        </div>
                                        <input type="hidden" id="selectediconsecond" name="selectediconsecond"
                                            required />
                                    </div>
                                    <div class="col-md-2">
                                        <div class="d-grid">
                                            <button type="submit" class="btn btn-primary">Save</button>
                                        </div>
                                    </div>
                                    <div class="col-md-10"></div>
                                </form>
                            </div>
                        </div>
                        <hr />
                        <div class="card-title pt-2">
                            <h6 class="mb-0"><b><i class="bx bx-layer"></i> All Module Categories
                                </b></h6>
                        </div>
                        <hr />
                        <div class="table-responsive" style="white-space:unset;">
                            <table class="table mb-0" id="example2">
                                <thead class="thead-primary">
                                    <tr>
                                        <th>#</th>
                                        <th>Title</th>
                                        <th class="text-center">Action</th>
                                    </tr>
                                </thead>
                                <tbody>

                                    @if (count($module_categories) > 0)
                                        @foreach ($module_categories as $key => $module_cat)
                                            <tr>
                                                <td>{{ $key + 1 }}
                                                </td>
                                                <td>{{ $module_cat->module_title }}</td>
                                                <td class="text-center">
                                                    <a href="{{ route('edit-module-category', $module_cat->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 ($module_cat->predef != 1)
                                                        <a href="{{ route('delete-module-category', $module_cat->id) }}"
                                                            class="btn btn-outline-danger m-1 btn-sm"
                                                            data-bs-toggle="tooltip" data-bs-placement="top"
                                                            title="" data-bs-original-title="Delete This"
                                                            onclick="return confirm('Are you sure you want to delete?');"
                                                            style="line-height: unset; padding: unset; border:none;"><i
                                                                class="bx bx-trash"></i></a>
                                                    @endif
                                                </td>
                                            </tr>
                                        @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
    </div>
</div>