@push('styles')
<link rel="stylesheet" href="{{ asset('frontend/css/grapesjs/grapes.min.css') }}">
<link rel="stylesheet" href="{{asset('frontend/css/fontawesome-5.15.1/css/all.min.css')}}">
<link rel="stylesheet" href="{{ asset('frontend/css/page-editor.css') }}" />
@endpush
@include('frontend.content_manager.contents.create-content-form')
<div class="text-center user_tables">
    <!-- Search filter -->
    <div id="custom_toolbar_user" class="float-right">
        <div class="btn-group float-right" role="group" data-toggle="tooltip" data-placement="top" title="{{ __('Export data') }}">
            <button type="button" class="btn btn-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
                <i class="fa fa-download"></i>
            </button>
            <ul class="dropdown-menu" aria-labelledby="btnGroupDrop1" id="exportTasklist">
                <li><a class="dropdown-item" href="#" onclick="exportTasks('page_cm',['counter','category','subCategory','page_name','meta_description','meta_title','keywords','slug','email','created_at','updated_at'],'csv')">CSV</a>
                </li>
                <li><a class="dropdown-item" href="#" onclick="exportTasks('page_cm',['counter','category','subCategory','page_name','meta_description','meta_title','keywords','slug','email','created_at','updated_at'],'zip')">ZIP</a>
                </li>
            </ul>
        </div>
        <a data-toggle="tooltip" data-placement="top" title="Add new page" class="btn btn-secondary text-white showArchive btnNewRecord" id="btnNewRecord" href="javascript:void(0);"><i class="fas fa-plus"></i></a>
        <a data-toggle="tooltip" data-placement="top" title="Back to page" class="btn btn-secondary text-white showUsers float-right mr-66 d-none mar-right" onclick="switchUserRecords('{{ route('content-manager.contents.records') }}','index')"><i class="fas fa-undo"></i></a>
        <a data-toggle="tooltip" data-placement="top" title="Show archived" class="btn btn-secondary text-white showArchive" onclick="switchUserRecords('{{ route('content-manager.contents.records') }}','archive')"><i class="fas fa-archive"></i></a>
    </div>

    <table class="table-striped table table-bordered" id="bstable" data-filter-control="true" data-show-search-clear-button="true" data-pagination="true" data-sortable="true" data-toggle="table" data-show-columns="true" table-for="userManagement" data-show-toggle="false" data-show-export="false" data-export-types="['json', 'xml', 'csv', 'txt', 'sql', 'excel', 'pdf']" data-toolbar="#custom_toolbar_user" data-show-columns-toggle-all="true" data-ajax="ajaxRequestAllPage" data-side-pagination="server" data-total-field="count" data-data-field="items" data-show-search-clear-button="true" data-search-time-out="2000">
        <thead>
            <tr>
                <th title="#" data-field="counter" data-sortable="true" data-width="75" data-width-unit="px">#</th>
                <th data-field="category" data-filter-control="select" data-sortable="true">
                    {{ __('Category') }}
                </th>
                <th data-field="subCategory" data-filter-control="select" data-sortable="true">
                    {{ __('Sub Category') }}
                </th>
                <th data-field="page_name" data-filter-control="input" data-sortable="true">
                    {{ __('Page Name') }}
                </th>
                <th data-field="meta_description" data-filter-control="input" data-sortable="true">
                    {{ __('Meta Description') }}
                </th>
                <th data-field="meta_title" data-filter-control="input" data-sortable="true">
                    {{ __('Meta Title') }}
                </th>
                <th data-field="keywords" data-filter-control="input" data-sortable="true">
                    {{ __('Keywords') }}
                </th>
                <th title="Slug" data-field="slug" data-filter-control="input">
                    {{ __('Slug') }}
                </th>
                <th data-field="email" data-filter-control="input" data-sortable="true">
                    {{ __('Updated By') }}
                </th>
                <th data-field="created_at" data-filter-control="input" data-sortable="true" data-formatter="dataFormatCreatedAt">
                    {{ __('Created Date') }}
                </th>
                <th data-field="updated_at" data-filter-control="input" data-sortable="true" data-formatter="dataFormatUpdatedAt">
                    {{ __('Updated Date') }}
                </th>
                <th data-field="action" data-switchable="true" data-width="100" data-force-hide="true">Actions</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
</div>
@push('scripts')
<script src="{{ asset('frontend/js/pages-js/content-manager-page.js') }}"></script>
<script src="{{ asset('frontend/js/pages-js/frontend-archive.js') }}"></script>
<script src="{{ asset('frontend/js/grapesjs/grapes.min.js') }}"></script>
<script src="{{ asset('frontend/js/grapesjs/grapesjs-tabs.min.js') }}"></script>
<script src="{{ asset('frontend/js/grapesjs/grapesjs-component-code-editor.min.js') }}"></script>
<script src="{{ asset('frontend/js/grapesjs/grapesjs-lory-slider.min.js') }}"></script>
<script src="{{ asset('frontend/js/grapesjs/grapesjs-blocks-basic.min.js') }}"></script>
<script src="{{ asset('frontend/js/grapesjs/grapesjs-parser-postcss.min.js') }}"></script>
@endpush
<!-- End Table Section -->