Antiplayground - Page

 avatar
masiting
html
7 months ago
54 kB
0
Indexable
Never

 <!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
    <meta charset="utf-8"/>
    <title>Page &lsaquo; Antiplaground-CMS</title>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta name="csrf-token" content="TqE6c6yx2gb3YlXkLkE9Tpt8cdh6jPZa397HKNLs">
    <link rel="shortcut icon" href="https://cms-v2-antigorite.antikode.dev/icon.png"/>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700"/>
    <link rel="preload" href="https://cms-v2-antigorite.antikode.dev/plugins/global/plugins.bundle.css" as="style" onload="this.onload=null;this.rel='stylesheet'" type="text/css"><noscript><link rel="stylesheet" href="http://127.0.0.1:8000/demo1/plugins/global/plugins.bundle.css"></noscript>
    <link rel="preload" href="https://cms-v2-antigorite.antikode.dev/plugins/global/plugins-custom.bundle.css" as="style" onload="this.onload=null;this.rel='stylesheet'" type="text/css"><noscript><link rel="stylesheet" href="http://127.0.0.1:8000/demo1/plugins/global/plugins-custom.bundle.css"></noscript>
    <link href="https://cms-v2-antigorite.antikode.dev/css/style.bundle.css" rel="stylesheet" type="text/css"/>
    <link href="https://cms-v2-antigorite.antikode.dev/css/backend.css" rel="stylesheet" type="text/css"/>
    <link rel="preload" href="https://cms-v2-antigorite.antikode.dev/anticms/css/custom.css" as="style" onload="this.onload=null;this.rel='stylesheet'" type="text/css">
    <style >[wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] {display:none;}[wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {animation-duration: 50000s;animation-name: livewireautofill;}@keyframes livewireautofill { from {} }</style>
    </head>
<body id="kt_body" class="header-tablet-and-mobile-fixed aside-enabled">
    <div class="d-flex flex-column flex-root">
        <div class="page d-flex flex-row flex-column-fluid">
            <div id="kt_aside" class="aside" data-kt-drawer="true" data-kt-drawer-name="aside" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="{default:'200px', '300px': '250px'}" data-kt-drawer-direction="start" data-kt-drawer-toggle="#kt_aside_mobile_toggle">
    <!-- UDAH GA KEPAKE BASED ON VD -->
    
    <div class="aside_brand">
        <span>Welcome to</span>
        <h4>Anti CMS</h4>
    </div>

    <div class="circle-divider">.</div>
    <div class="aside-menu flex-column-fluid">
    <div class="hover-scroll-overlay-y px-2 my-5 my-lg-5" id="kt_aside_menu_wrapper" data-kt-scroll="true"
        data-kt-scroll-height="auto"
        data-kt-scroll-dependencies="{default: '#kt_aside_toolbar, #kt_aside_footer', lg: '#kt_header, #kt_aside_toolbar, #kt_aside_footer'}"
        data-kt-scroll-wrappers="#kt_aside_menu" data-kt-scroll-offset="5px" style="height: 237px;">
        <div class="menu menu-column menu-title-gray-800 menu-state-title-primary menu-state-icon-primary menu-state-bullet-primary menu-arrow-gray-500"
            id="kt_aside_menu" data-kt-menu="true">
                                                                                    <div class="menu-item ">
                            <a href="https://cms-v2-antigorite.antikode.dev/antiadmin/dashboard" class="menu-link"">
            <!-- UDAH GA KEPAKE BASED ON VD -->
            
            <span class="menu-title">Dashboard</span>
        </a>
                            </div>
                                                                                                            <div class="menu-item ">
                            <a href="https://cms-v2-antigorite.antikode.dev/antiadmin/page" class="active menu-link"">
            <!-- UDAH GA KEPAKE BASED ON VD -->
            
            <span class="menu-title">Page</span>
        </a>
                            </div>
                                                                                    
                        <div data-kt-menu-trigger="click" class="menu-item menu-accordion">
                                                        <span class="menu-link">
                                <span class="menu-title">News</span>
                                <span class="menu-arrow"></span>
                            </span>
                            <div class="menu-sub menu-sub-accordion ">
                                                                    <div class="menu-item">
                                        <a href="https://cms-v2-antigorite.antikode.dev/antiadmin/posts/news" class="menu-link"">
            <!-- UDAH GA KEPAKE BASED ON VD -->
            
            <span class="menu-title">All News</span>
        </a>
                                        </div>
                                                                    <div class="menu-item">
                                        <a href="https://cms-v2-antigorite.antikode.dev/antiadmin/categories/news" class="menu-link"">
            <!-- UDAH GA KEPAKE BASED ON VD -->
            
            <span class="menu-title">Categories</span>
        </a>
                                        </div>
                                                                    <div class="menu-item">
                                        <a href="https://cms-v2-antigorite.antikode.dev/antiadmin/tags" class="menu-link"">
            <!-- UDAH GA KEPAKE BASED ON VD -->
            
            <span class="menu-title">Tag</span>
        </a>
                                        </div>
                                                            </div>
                        </div>
                                                                                                            <div class="menu-item ">
                            <a href="https://cms-v2-antigorite.antikode.dev/antiadmin/form" class="menu-link"">
            <!-- UDAH GA KEPAKE BASED ON VD -->
            
            <span class="menu-title">Form Submission</span>
        </a>
                            </div>
                                                
                                        <div data-kt-menu-trigger="click"
                    class="menu-item menu-accordion ">
                    <span class="menu-link">
                        <span class="menu-title">Admin & Role</span>
                        <span class="menu-arrow"></span>
                    </span>
                    <div class="menu-sub menu-sub-accordion">
                                                    <div class="menu-item">
                                <a href="https://cms-v2-antigorite.antikode.dev/antiadmin/auth/users" class="menu-link"">
            <!-- UDAH GA KEPAKE BASED ON VD -->
            
            <span class="menu-title">User Management</span>
        </a>
                                </div>
                                                        <div class="menu-item">
                                <a href="https://cms-v2-antigorite.antikode.dev/antiadmin/role" class="menu-link"">
            <!-- UDAH GA KEPAKE BASED ON VD -->
            
            <span class="menu-title">Role Management</span>
        </a>
                                </div>
                                                                        </div>
                </div>

            

        </div>
        <div class="menu menu-column menu-title-gray-800 menu-state-title-primary menu-state-icon-primary menu-state-bullet-primary menu-arrow-gray-500"
            id="kt_aside_menu" data-kt-menu="true">
                            <div data-kt-menu-trigger="click"
                    class="menu-item menu-accordion    ">
                    <span class="menu-link">
                        <span class="menu-title">Settings</span>
                        <span class="menu-arrow"></span>
                    </span>
                    <div class="menu-sub menu-sub-accordion">
                        <div class="menu-item">
                            <a href="https://cms-v2-antigorite.antikode.dev/antiadmin/general" class="menu-link"">
            <!-- UDAH GA KEPAKE BASED ON VD -->
            
            <span class="menu-title">General</span>
        </a>
                            </div>
                        <div class="menu-item">
                            <a href="https://cms-v2-antigorite.antikode.dev/antiadmin/smtp" class="menu-link"">
            <!-- UDAH GA KEPAKE BASED ON VD -->
            
            <span class="menu-title">SMTP</span>
        </a>
                            </div>
                        <div class="menu-item">
                            <a href="https://cms-v2-antigorite.antikode.dev/antiadmin/post-type" class="menu-link"">
            <!-- UDAH GA KEPAKE BASED ON VD -->
            
            <span class="menu-title">Post Types</span>
        </a>
                            </div>
                        <div class="menu-item">
                            <a href="https://cms-v2-antigorite.antikode.dev/antiadmin/general/sidebar-menu" class="menu-link"">
            <!-- UDAH GA KEPAKE BASED ON VD -->
            
            <span class="menu-title">Sidebar Menu</span>
        </a>
                            </div>
                    </div>
                </div>

                <div data-kt-menu-trigger="click" class="menu-item menu-accordion">
                    <span class="menu-link">
                        <span class="menu-title">Logs</span>
                        <span class="menu-arrow"></span>
                    </span>
                    <div class="menu-sub menu-sub-accordion">
                        <div class="menu-item">
                            <a href="https://cms-v2-antigorite.antikode.dev/admin/log-viewer" class="menu-link"">
            <!-- UDAH GA KEPAKE BASED ON VD -->
            
            <span class="menu-title">Dashboard</span>
        </a>
                            </div>
                        <div class="menu-item">
                            <a href="https://cms-v2-antigorite.antikode.dev/admin/log-viewer/logs" class="menu-link"">
            <!-- UDAH GA KEPAKE BASED ON VD -->
            
            <span class="menu-title">Logs</span>
        </a>
                            </div>
                        <div class="menu-item">
                            <a href="https://cms-v2-antigorite.antikode.dev/antiadmin/user-activity-log" class="menu-link"">
            <!-- UDAH GA KEPAKE BASED ON VD -->
            
            <span class="menu-title">User Activity Log</span>
        </a>
                            </div>
                    </div>
                </div>
                        <div class="menu-item ">
                <a href="https://cms-v2-antigorite.antikode.dev/logout" class="menu-link"
                    onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                    <span class="menu-title">Log Out</span>
                </a>
            </div>
        </div>
    </div>
</div>
</div>
<form id="logout-form" action="https://cms-v2-antigorite.antikode.dev/logout" method="POST" class="d-none">
    <input type="hidden" name="_token" value="TqE6c6yx2gb3YlXkLkE9Tpt8cdh6jPZa397HKNLs"></form>
            <div class="wrapper d-flex flex-column flex-row-fluid" id="kt_wrapper">
                
                <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
                    <div class="post d-flex flex-column-fluid" id="kt_post">
                        <div id="kt_content_container" class="container-xxl">

                                                                                    
                            
                            <div id="kt_app_toolbar" class="app-toolbar py-3">
    <!--begin::Toolbar container-->
    <div id="kt_app_toolbar_container" class="app-container d-flex flex-stack">
        <!--begin::Page title-->
        <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
        </div>
        <!--end::Page title-->
        <!--begin::Actions-->
        <div class="d-flex align-items-center gap-2 gap-lg-3">
                    </div>
        <!--end::Actions-->
    </div>
    <!--end::Toolbar container-->
</div>
                                <div class="card">
            <div class="card-header">
            <h3 class="card-title">
                Page
            </h3>

                            <div class="card-toolbar">
                    <button data-bs-target="#create_page" data-bs-toggle="modal" class="btn btn-sm btn-primary " data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
     <i class="fa fa-plus"></i>  Create Page
</button>
                </div>
                    </div><!--card-header-->
    
            <div class="card-body">
            <div wire:id="UoeC579hvNY0DZyYEaoR" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;UoeC579hvNY0DZyYEaoR&quot;,&quot;name&quot;:&quot;backend.page.page-table&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;antiadmin\/page&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;refreshDatatable&quot;,&quot;setSort&quot;,&quot;clearSorts&quot;,&quot;setFilter&quot;,&quot;clearFilters&quot;],&quot;path&quot;:&quot;https:\/\/cms-v2-antigorite.antikode.dev\/antiadmin\/page?&quot;},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;e962aecb&quot;,&quot;data&quot;:{&quot;status&quot;:&quot;publish&quot;,&quot;table&quot;:{&quot;sorts&quot;:[],&quot;filters&quot;:{&quot;status&quot;:null,&quot;month&quot;:null,&quot;year&quot;:null},&quot;columns&quot;:[]},&quot;theme&quot;:null,&quot;bulkActionsStatus&quot;:true,&quot;selectAll&quot;:false,&quot;bulkActions&quot;:[],&quot;selected&quot;:[],&quot;hideBulkActionsWhenEmpty&quot;:false,&quot;selectedColumns&quot;:[&quot;title&quot;,&quot;template&quot;,&quot;created-by&quot;,&quot;status&quot;,&quot;actions&quot;],&quot;filtersStatus&quot;:true,&quot;filtersVisibilityStatus&quot;:true,&quot;filterPillsStatus&quot;:true,&quot;filterSlideDownDefaultVisible&quot;:false,&quot;filterLayout&quot;:&quot;popover&quot;,&quot;filterCount&quot;:3,&quot;pageName&quot;:null,&quot;perPage&quot;:10,&quot;perPageAccepted&quot;:[10,25,50],&quot;paginationTheme&quot;:&quot;bootstrap&quot;,&quot;paginationStatus&quot;:true,&quot;paginationVisibilityStatus&quot;:true,&quot;perPageVisibilityStatus&quot;:false,&quot;paginationMethod&quot;:&quot;standard&quot;,&quot;paginationCurrentItems&quot;:[2],&quot;paginationCurrentCount&quot;:1,&quot;paginationTotalItemCount&quot;:1,&quot;page&quot;:1,&quot;paginators&quot;:{&quot;page&quot;:1},&quot;reorderStatus&quot;:false,&quot;currentlyReorderingStatus&quot;:false,&quot;hideReorderColumnUnlessReorderingStatus&quot;:false,&quot;reorderMethod&quot;:&quot;reorder&quot;,&quot;defaultReorderColumn&quot;:&quot;sort&quot;,&quot;defaultReorderDirection&quot;:&quot;asc&quot;,&quot;search&quot;:null,&quot;searchStatus&quot;:true,&quot;searchVisibilityStatus&quot;:true,&quot;searchFilterDebounce&quot;:null,&quot;searchFilterDefer&quot;:null,&quot;searchFilterLazy&quot;:null,&quot;sorts&quot;:[],&quot;sortingStatus&quot;:true,&quot;singleColumnSortingStatus&quot;:true,&quot;sortingPillsStatus&quot;:true,&quot;defaultSortColumn&quot;:null,&quot;defaultSortDirection&quot;:&quot;asc&quot;,&quot;defaultSortingLabelAsc&quot;:&quot;A-Z&quot;,&quot;defaultSortingLabelDesc&quot;:&quot;Z-A&quot;},&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;b25aa291db04324993d3e89eabf7146dff2ed335242f9a3f6295c56a22957458&quot;}}"
    id="datatable-UoeC579hvNY0DZyYEaoR"

    
    >
     <div>
    </div>
     <div wire:offline.class.remove="d-none" class="d-none">
            <div class="alert alert-danger d-flex align-items-center">
                <svg xmlns="http://www.w3.org/2000/svg" style="width:1.3em;height:1.3em;" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                </svg>

                <span class="d-inline-block ml-2">You are not connected to the internet.</span>
            </div>
        </div>
    
     <div class="d-flex flex-column">
        <div>
            </div>
        <div>
            </div>
        <div class="d-flex justify-content-between mb-3 align-items-center">
        <div class="d-md-flex">
            
                            <div class="mb-3 mb-md-0 input-group">
                    <input
                        wire:model="table.search"
                        placeholder="Search"
                        type="text"
                        class="form-control"
                    >

                                    </div>
            
            
                    </div>

        <div class="d-md-flex">
            
                                                <div class="ms-0 ms-md-2 mb-3 mb-md-0">
                        <div
                                                            x-data="{ open: false }"
                            x-on:keydown.escape.stop="open = false"
                            x-on:mousedown.away="open = false"
                            
                            class="btn-group d-block d-md-inline"
                        >
                            <div>
                                <button
                                    type="button"
                                    class="btn dropdown-toggle d-block w-100 d-md-inline btn-light btn-active-primary"

                                                                            x-on:click="open = !open"
                                    aria-haspopup="true"
                                    x-bind:aria-expanded="open"
                                    aria-expanded="true"
                                    
                                                                    >
                                    Filters
                                    
                                    <span class="caret"></span>
                                </button>
                            </div>

                                                            <ul
                                    x-cloak
                                    class="dropdown-menu w-100"
                                    x-bind:class="{'show' : open}"
                                    role="menu"
                                >
                                                                                                                        <div wire:key="table-filter-status" class="p-2">
                                                <label for="table-filter-status" class="mb-2">
                                                    Status
                                                </label>

                                                <select
        wire:model.stop="table.filters.status"
        wire:key="table-filter-status"
        id="table-filter-status"
        class="form-select"
    >
                                    <option value="">All</option>
                                                <option value="publish">Publish</option>
                                                <option value="draft">Draft</option>
                                                <option value="schedule">Schedule</option>
                        </select>

                                            </div>
                                                                                                                                                                <div wire:key="table-filter-month" class="p-2">
                                                <label for="table-filter-month" class="mb-2">
                                                    Month
                                                </label>

                                                <select
        wire:model.stop="table.filters.month"
        wire:key="table-filter-month"
        id="table-filter-month"
        class="form-select"
    >
                                    <option value="">All months</option>
                                                <option value="01">January</option>
                                                <option value="02">February</option>
                                                <option value="03">March</option>
                                                <option value="04">April</option>
                                                <option value="05">May</option>
                                                <option value="06">June</option>
                                                <option value="07">July</option>
                                                <option value="08">August</option>
                                                <option value="09">September</option>
                                                <option value="10">October</option>
                                                <option value="11">November</option>
                                                <option value="12">December</option>
                        </select>

                                            </div>
                                                                                                                                                                <div wire:key="table-filter-year" class="p-2">
                                                <label for="table-filter-year" class="mb-2">
                                                    Year
                                                </label>

                                                <select
        wire:model.stop="table.filters.year"
        wire:key="table-filter-year"
        id="table-filter-year"
        class="form-select"
    >
                                    <option value="">All years</option>
                                                <option value="2020">2020</option>
                                                <option value="2021">2021</option>
                                                <option value="2022">2022</option>
                                                <option value="2023">2023</option>
                                                <option value="2024">2024</option>
                        </select>

                                            </div>
                                                                            
                                                                    </ul>
                                                    </div>
                    </div>
                                            <div class="mb-3 mb-md-0 md-0 ms-md-2">
                    <div
                        x-data="{ open: false }"
                        x-on:keydown.escape.stop="open = false"
                        x-on:mousedown.away="open = false"
                        class="dropdown d-block d-md-inline"
                        wire:key="column-select-button-table"
                    >
                        <button
                            x-on:click="open = !open"
                            class="btn dropdown-toggle d-block w-100 d-md-inline btn-light btn-active-primary"
                            type="button"
                            id="columnSelect-table"
                            aria-haspopup="true"
                            x-bind:aria-expanded="open"
                        >
                            Columns                        </button>

                        <div
                            class="dropdown-menu dropdown-menu-end w-100"
                            x-bind:class="{'show' : open}"
                            aria-labelledby="columnSelect-table"
                        >
                            <div class="form-check ms-2">
                                <input
                                                                            checked
                                    wire:click="deselectAllColumns"
                                                                        wire:loading.attr="disabled"
                                    type="checkbox"
                                    class="form-check-input"
                                />
                                <label
                                    wire:loading.attr="disabled"
                                    class="form-check-label"
                                >
                                    All Columns
                                </label>
                            </div>
                                                                                                <div wire:key="columnSelect-0-table"
                                         class="form-check ms-2"
                                    >
                                        <input
                                            wire:model="selectedColumns"
                                            wire:target="selectedColumns"
                                            wire:loading.attr="disabled"
                                            type="checkbox"
                                            class="form-check-input"
                                            value="title"
                                        />
                                        <label
                                            wire:loading.attr="disabled"
                                            wire:target="selectedColumns"
                                            class="mb-1 form-check-label"
                                        >Title</label>

                                        </label>
                                    </div>
                                                                                                                                <div wire:key="columnSelect-1-table"
                                         class="form-check ms-2"
                                    >
                                        <input
                                            wire:model="selectedColumns"
                                            wire:target="selectedColumns"
                                            wire:loading.attr="disabled"
                                            type="checkbox"
                                            class="form-check-input"
                                            value="template"
                                        />
                                        <label
                                            wire:loading.attr="disabled"
                                            wire:target="selectedColumns"
                                            class="mb-1 form-check-label"
                                        >Template</label>

                                        </label>
                                    </div>
                                                                                                                                <div wire:key="columnSelect-2-table"
                                         class="form-check ms-2"
                                    >
                                        <input
                                            wire:model="selectedColumns"
                                            wire:target="selectedColumns"
                                            wire:loading.attr="disabled"
                                            type="checkbox"
                                            class="form-check-input"
                                            value="created-by"
                                        />
                                        <label
                                            wire:loading.attr="disabled"
                                            wire:target="selectedColumns"
                                            class="mb-1 form-check-label"
                                        >Created By</label>

                                        </label>
                                    </div>
                                                                                                                                <div wire:key="columnSelect-3-table"
                                         class="form-check ms-2"
                                    >
                                        <input
                                            wire:model="selectedColumns"
                                            wire:target="selectedColumns"
                                            wire:loading.attr="disabled"
                                            type="checkbox"
                                            class="form-check-input"
                                            value="status"
                                        />
                                        <label
                                            wire:loading.attr="disabled"
                                            wire:target="selectedColumns"
                                            class="mb-1 form-check-label"
                                        >Status</label>

                                        </label>
                                    </div>
                                                                                                                                <div wire:key="columnSelect-4-table"
                                         class="form-check ms-2"
                                    >
                                        <input
                                            wire:model="selectedColumns"
                                            wire:target="selectedColumns"
                                            wire:loading.attr="disabled"
                                            type="checkbox"
                                            class="form-check-input"
                                            value="actions"
                                        />
                                        <label
                                            wire:loading.attr="disabled"
                                            wire:target="selectedColumns"
                                            class="mb-1 form-check-label"
                                        >Actions</label>

                                        </label>
                                    </div>
                                                                                                                                                </div>
                    </div>
                </div>
            
            
                    </div>
    </div>
    </div>

    <div class="table-responsive table align-middle gs-0">
        <table class="table table-hover">
            <thead class="fw-bold bg-none">
                <tr>
                    <th scope="col" class="px-4 py-8" wire:key="header-col-0-UoeC579hvNY0DZyYEaoR">
                    <div 
                class="d-flex align-items-center"
                wire:click="sortBy('title')"
                style="cursor:pointer;"
            >
                <span>Title</span>

                <span class="relative d-flex align-items-center">
                                            <svg xmlns="http://www.w3.org/2000/svg" class="ml-1" style="width:1em;height:1em;" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4" />
                        </svg>
                                    </span>
            </div>
            </th>
                                                            
                <th scope="col" class="px-4 py-8" wire:key="header-col-1-UoeC579hvNY0DZyYEaoR">
                    Template
            </th>
                                                            
                <th scope="col" class="px-4 py-8" wire:key="header-col-2-UoeC579hvNY0DZyYEaoR">
                    <div 
                class="d-flex align-items-center"
                wire:click="sortBy('user.name')"
                style="cursor:pointer;"
            >
                <span>Created By</span>

                <span class="relative d-flex align-items-center">
                                            <svg xmlns="http://www.w3.org/2000/svg" class="ml-1" style="width:1em;height:1em;" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4" />
                        </svg>
                                    </span>
            </div>
            </th>
                                                            
                <th scope="col" class="px-4 py-8" wire:key="header-col-3-UoeC579hvNY0DZyYEaoR">
                    <div 
                class="d-flex align-items-center"
                wire:click="sortBy('status')"
                style="cursor:pointer;"
            >
                <span>Status</span>

                <span class="relative d-flex align-items-center">
                                            <svg xmlns="http://www.w3.org/2000/svg" class="ml-1" style="width:1em;height:1em;" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4" />
                        </svg>
                                    </span>
            </div>
            </th>
                                                            
                <th scope="col" class="px-4 py-8" wire:key="header-col-4-UoeC579hvNY0DZyYEaoR">
                    Actions
            </th>
                </tr>
            </thead>

            <tbody
                
                class="px-4"
            >
                <tr
        wire:loading.class.delay=""

        
        class="px-4 px-4 border-top" wire:key="row-0-UoeC579hvNY0DZyYEaoR"
    >
        <td
        
        class="px-4" wire:key="cell-0-0-UoeC579hvNY0DZyYEaoR"
    >
        <div class="d-flex align-items-center">
                        <div class="d-flex justify-content-start flex-column">
                            <a href="#" class="text-dark fw-bold text-hover-primary fs-6">Facere ea et eiusmod</a>
                            <span class="text-muted fw-semibold text-muted d-block fs-7">20 September '23 14:28</span>
                        </div>
                    </div>
    </td>
                                                                            
                    <td
        
        class="px-4" wire:key="cell-0-1-UoeC579hvNY0DZyYEaoR"
    >
        <div class="d-flex align-items-center">
                            <div class="d-flex justify-content-start flex-column">
                                <span  class="text-dark fw-bold text-hover-primary fs-6">Blank - Empty State</span>
                            </div>
                        </div>
    </td>
                                                                            
                    <td
        
        class="px-4" wire:key="cell-0-2-UoeC579hvNY0DZyYEaoR"
    >
        Super Admin
    </td>
                                                                            
                    <td
        
        class="px-4" wire:key="cell-0-3-UoeC579hvNY0DZyYEaoR"
    >
        <span class="badge badge-light-success">Publish</span>
    </td>
                                                                            
                    <td
        
        class="px-4" wire:key="cell-0-4-UoeC579hvNY0DZyYEaoR"
    >
        <a href="https://cms-v2-antigorite.antikode.dev/antiadmin/page/show/2/details" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm"><span class="svg-icon svg-icon-muted svg-icon-3"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path opacity="0.3" d="M19 22H5C4.4 22 4 21.6 4 21V3C4 2.4 4.4 2 5 2H14L20 8V21C20 21.6 19.6 22 19 22Z" fill="currentColor"/>
        <path d="M15 8H20L14 2V7C14 7.6 14.4 8 15 8Z" fill="currentColor"/>
        </svg>
    </span></a>
    
        <a href="https://cms-v2-antigorite.antikode.dev/antiadmin/page/show/2" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm"><span class="svg-icon svg-icon-3">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path opacity="0.3" d="M21.4 8.35303L19.241 10.511L13.485 4.755L15.643 2.59595C16.0248 2.21423 16.5426 1.99988 17.0825 1.99988C17.6224 1.99988 18.1402 2.21423 18.522 2.59595L21.4 5.474C21.7817 5.85581 21.9962 6.37355 21.9962 6.91345C21.9962 7.45335 21.7817 7.97122 21.4 8.35303ZM3.68699 21.932L9.88699 19.865L4.13099 14.109L2.06399 20.309C1.98815 20.5354 1.97703 20.7787 2.03189 21.0111C2.08674 21.2436 2.2054 21.4561 2.37449 21.6248C2.54359 21.7934 2.75641 21.9115 2.989 21.9658C3.22158 22.0201 3.4647 22.0084 3.69099 21.932H3.68699Z" fill="currentColor"></path>
            <path d="M5.574 21.3L3.692 21.928C3.46591 22.0032 3.22334 22.0141 2.99144 21.9594C2.75954 21.9046 2.54744 21.7864 2.3789 21.6179C2.21036 21.4495 2.09202 21.2375 2.03711 21.0056C1.9822 20.7737 1.99289 20.5312 2.06799 20.3051L2.696 18.422L5.574 21.3ZM4.13499 14.105L9.891 19.861L19.245 10.507L13.489 4.75098L4.13499 14.105Z" fill="currentColor"></path>
        </svg>
    </span></a>
                    <form method="POST" action="https://cms-v2-antigorite.antikode.dev/antiadmin/page/show/2" name="delete-item" class="d-inline">
        <input type="hidden" name="_token" value="TqE6c6yx2gb3YlXkLkE9Tpt8cdh6jPZa397HKNLs">        <input type="hidden" name="_method" value="delete">
        <button type="submit" class="btn btn-icon btn-bg-light btn-active-color-danger btn-sm">
            <span class="svg-icon svg-icon-3">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z" fill="currentColor"></path>
            <path opacity="0.5" d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z" fill="currentColor"></path>
            <path opacity="0.5" d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z" fill="currentColor"></path>
        </svg>
    </span>
        </button>
    </form>
    </td>
    </tr>
            </tbody>

                    </table>
    </div>

    <div>
                                    <div class="row mt-3">
                    <div class="col-12 text-muted">
                        Showing                        <strong>1</strong>
                        results                    </div>
                </div>
                        </div>
</div>

<!-- Livewire Component wire-end:UoeC579hvNY0DZyYEaoR -->
        </div><!--card-body-->
    
    </div><!--card-->
                        </div>
                    </div>
                </div>

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

    <script src="/plugins/global/plugins.bundle.js"></script>
    <script src="/js/scripts.bundle.js"></script>
    <script src="/js/custom/widgets.js"></script>

    <script>
        var token = $('meta[name="csrf-token"]').attr('content');
    </script>

    <script src="/livewire/livewire.js?id=90730a3b0e7144480175" data-turbo-eval="false" data-turbolinks-eval="false" ></script><script data-turbo-eval="false" data-turbolinks-eval="false" >window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = '';window.livewire_token = 'TqE6c6yx2gb3YlXkLkE9Tpt8cdh6jPZa397HKNLs';window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};let started = false;window.addEventListener('alpine:initializing', function () {if (! started) {window.livewire.start();started = true;}});document.addEventListener("DOMContentLoaded", function () {if (! started) {window.livewire.start();started = true;}});</script>
    <script src="//cdn.jsdelivr.net/gh/livewire/sortable@v0.x.x/dist/livewire-sortable.js"></script>
    <script src="/js/manifest.js"></script>
    <script src="/js/vendor.js"></script>
    <script src="https://cms-v2-antigorite.antikode.dev/js/backend.js"></script>
    <script src="https://cms-v2-antigorite.antikode.dev/js/app.js"></script>

    <script src="https://cdn.ckeditor.com/ckeditor5/37.1.0/classic/ckeditor.js"></script>
    <script>
        var token = $('meta[name="csrf-token"]').attr('content');
        var thememode = "light";
        var storedtheme = localstorage.getitem("data-theme");
        var defaultthememode;

        if (document.documentelement.hasattribute("data-theme-mode")) {
          defaultthememode = document.documentelement.getattribute("data-theme-mode");
        }

        if (storedtheme !== null) {
          thememode = storedtheme;
        } else if (defaultthememode === "system") {
          thememode = window.matchmedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
        }

        document.documentelement.setattribute("data-theme", thememode);
    </script>
    <div class="modal fade" id="create_page" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog mw-650px">
        <div class="modal-content">
            <div class="modal-header pb-0 border-0 justify-content-end">
                <div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
                    <i class="ki-duotone ki-cross fs-1"><span class="path1"></span><span class="path2"></span></i>                </div>
            </div>
            <div class="modal-body scroll-y mx-5 mx-xl-18 pt-0 pb-15">
                <div class="text-center mb-13">
                    <h1 class="mb-3">Create a New Page</h1>
                                            <div class="text-muted fw-semibold fs-5">
                            Please determine the structural item below.
                        </div>
                                    </div>
                <div class="mh-475px scroll-y me-n7 pe-7">
                                                    <div class="border border-hover-primary p-7 rounded mb-7">
                                <div class="d-flex flex-stack mb-3">
                                    <div class="d-flex">
                                        <div class="">
                                            <div class="d-flex align-items-center">
                                                <span class="text-dark fw-bold text-hover-primary fs-5 me-4">Blank - Empty State</span>
                                            </div>
                                                                                            <span class="text-muted fw-semibold mb-3">ID: <b>blank</b></span>
                                                                                    </div>
                                    </div>
                                    <div clas="d-flex">
                                        <div class="text-end pb-3">
                                            <a href="https://cms-v2-antigorite.antikode.dev/antiadmin/page/create?template=blank" class="btn btn-sm btn-primary">Select</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="p-0">
                                    <div class="d-flex flex-column">
                                        <p class="text-gray-700 fw-semibold fs-6 mb-4">
                                            This is a blank state tempalte. Good for static page
                                        </p>
                                    </div>
                                </div>
                            </div>
                                                    <div class="border border-hover-primary p-7 rounded mb-7">
                                <div class="d-flex flex-stack mb-3">
                                    <div class="d-flex">
                                        <div class="">
                                            <div class="d-flex align-items-center">
                                                <span class="text-dark fw-bold text-hover-primary fs-5 me-4">Home</span>
                                            </div>
                                                                                            <span class="text-muted fw-semibold mb-3">ID: <b>home</b></span>
                                                                                    </div>
                                    </div>
                                    <div clas="d-flex">
                                        <div class="text-end pb-3">
                                            <a href="https://cms-v2-antigorite.antikode.dev/antiadmin/page/create?template=home" class="btn btn-sm btn-primary">Select</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="p-0">
                                    <div class="d-flex flex-column">
                                        <p class="text-gray-700 fw-semibold fs-6 mb-4">
                                            This is homepage template where all the home components are stored here.
                                        </p>
                                    </div>
                                </div>
                            </div>
                                                    <div class="border border-hover-primary p-7 rounded mb-7">
                                <div class="d-flex flex-stack mb-3">
                                    <div class="d-flex">
                                        <div class="">
                                            <div class="d-flex align-items-center">
                                                <span class="text-dark fw-bold text-hover-primary fs-5 me-4">About</span>
                                            </div>
                                                                                            <span class="badge badge-light-success align-items-center fs-8 shrink-0 fw-semibold">
                                                    5 Components
                                                </span>
                                                                                    </div>
                                    </div>
                                    <div clas="d-flex">
                                        <div class="text-end pb-3">
                                            <a href="https://cms-v2-antigorite.antikode.dev/antiadmin/page/create?template=about" class="btn btn-sm btn-primary">Select</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="p-0">
                                    <div class="d-flex flex-column">
                                        <p class="text-gray-700 fw-semibold fs-6 mb-4">
                                            A brief long short story about the company or related to.
                                        </p>
                                    </div>
                                </div>
                            </div>
                                                    <div class="border border-hover-primary p-7 rounded mb-7">
                                <div class="d-flex flex-stack mb-3">
                                    <div class="d-flex">
                                        <div class="">
                                            <div class="d-flex align-items-center">
                                                <span class="text-dark fw-bold text-hover-primary fs-5 me-4">Contact</span>
                                            </div>
                                                                                            <span class="badge badge-light-success align-items-center fs-8 shrink-0 fw-semibold">
                                                    1 Components
                                                </span>
                                                                                    </div>
                                    </div>
                                    <div clas="d-flex">
                                        <div class="text-end pb-3">
                                            <a href="https://cms-v2-antigorite.antikode.dev/antiadmin/page/create?template=contact" class="btn btn-sm btn-primary">Select</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="p-0">
                                    <div class="d-flex flex-column">
                                        <p class="text-gray-700 fw-semibold fs-6 mb-4">
                                            This page will contain any information about the website for user to contact in the website.
                                        </p>
                                    </div>
                                </div>
                            </div>
                                                    <div class="border border-hover-primary p-7 rounded mb-7">
                                <div class="d-flex flex-stack mb-3">
                                    <div class="d-flex">
                                        <div class="">
                                            <div class="d-flex align-items-center">
                                                <span class="text-dark fw-bold text-hover-primary fs-5 me-4">Privacy policy</span>
                                            </div>
                                                                                            <span class="text-muted fw-semibold mb-3">ID: <b>privacy_policy</b></span>
                                                                                    </div>
                                    </div>
                                    <div clas="d-flex">
                                        <div class="text-end pb-3">
                                            <a href="https://cms-v2-antigorite.antikode.dev/antiadmin/page/create?template=privacy_policy" class="btn btn-sm btn-primary">Select</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="p-0">
                                    <div class="d-flex flex-column">
                                        <p class="text-gray-700 fw-semibold fs-6 mb-4">
                                            This page is mandatory for every website.
                                        </p>
                                    </div>
                                </div>
                            </div>
                                                    <div class="border border-hover-primary p-7 rounded mb-7">
                                <div class="d-flex flex-stack mb-3">
                                    <div class="d-flex">
                                        <div class="">
                                            <div class="d-flex align-items-center">
                                                <span class="text-dark fw-bold text-hover-primary fs-5 me-4">Terms &amp; conditions</span>
                                            </div>
                                                                                            <span class="text-muted fw-semibold mb-3">ID: <b>terms</b></span>
                                                                                    </div>
                                    </div>
                                    <div clas="d-flex">
                                        <div class="text-end pb-3">
                                            <a href="https://cms-v2-antigorite.antikode.dev/antiadmin/page/create?template=terms" class="btn btn-sm btn-primary">Select</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="p-0">
                                    <div class="d-flex flex-column">
                                        <p class="text-gray-700 fw-semibold fs-6 mb-4">
                                            This page is mandatory for every website.
                                        </p>
                                    </div>
                                </div>
                            </div>
                                            </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>