@extends('backend.layout.masterlayout')
@section('content')
    @include('backend.partial.sidebar')
    @include('backend.partial.topbar')
    <div class="page-wrapper">
        <!--page-content-wrapper-->
        <div class="page-content-wrapper">
            <div class="page-content">
                <div class="user-profile-page">
                    <div class="card radius-15">
                        @if ($current_loggedin_user->role != 0)
                            @include('backend.modules.permission-index')
                        @else
                        <div class="card-body">
                            <ul class="nav nav-pills">
                                <li class="nav-item">
                                    <a class="nav-link active" 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>
                                <li class="nav-item">
                                    <a class="nav-link" 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>
                                <li class="nav-item">
                                    <a class="nav-link" 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>
                                <li class="nav-item">
                                    <a class="nav-link" 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>
                            </ul>
                            <div class="tab-content mt-3">
                                <div class="tab-pane fade show active" 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)
                                                                                    <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
                                                                                <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>

                                                                                </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)
                                                                                    <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
                                                                                <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>
                                                                                </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>
                                <div class="tab-pane fade" 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>
                                <div class="tab-pane fade" id="createnew">
                                    <div class="card shadow-none border mb-0 radius-15">
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-md-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>
                                <div class="tab-pane fade" 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>
                            </div>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        <!--end page-content-wrapper-->
    </div>
    <!--end page-wrapper-->
    <!--start overlay-->
    <div class="overlay toggle-btn-mobile"></div>
    <!--end overlay-->
    <!--Start Back To Top Button-->
    <a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a> @include('backend.partial.dashboard_footer')
@endsection
@section('script')
    @include('backend.partial.module-builder-config')
    <script>
        function update_status(elv1) {
            if (elv1.checked) {
                var status = 1;
            } else {
                var status = 0;
            }
            $.post('{{ route('activate_module') }}', {
                _token: '{{ csrf_token() }}',
                id: elv1.value,
                status: status
            }, function(data) {
                if (data == 1) {
                    update_success_noti();
                    setTimeout(function() {
                        window.location.reload();
                    }, 1000);
                } else {
                    update_error_noti();
                }
            });
        }
    </script>
    <script type="text/javascript">
        $(function() {
            $("#tablecontents").sortable({
                items: "tr",
                cursor: 'move',
                opacity: 0.6,
                update: function() {
                    sendOrderToServer();
                }
            });

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

                $.ajax({
                    type: "POST",
                    dataType: "json",
                    url: "{{ route('process-module-serialize') }}",
                    data: {
                        order: order,
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(response) {
                        if (response == 1) {
                            update_success_noti();
                            setTimeout(function() {
                                window.location.reload();
                            }, 1000);
                        } else {
                            update_error_noti();
                        }
                    }
                });
            }

        });
        //======================

        $(function() {
            $('[data-bs-toggle="popover"]').popover();
            $('[data-bs-toggle="tooltip"]').tooltip();
        })
    </script>
@endsection