first change

Modules/CCMS/resources/views/page/index.blade.php

@@ -0,0 +1,109 @@
+@extends('layouts.app')
+
+@section('content')
+    <style>
+        .radio-inputs {
+            position: relative;
+            display: flex;
+            flex-wrap: wrap;
+            border-radius: 0.5rem;
+            background-color: #EEE;
+            box-sizing: border-box;
+            box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.06);
+            padding: 0.25rem;
+            font-size: 14px;
+        }
+
+        .radio-inputs .radio {
+            flex: 1 1 auto;
+            text-align: center;
+        }
+
+        .radio-inputs label {
+            margin-bottom: 0;
+        }
+
+        .radio-inputs .radio input {
+            display: none;
+        }
+
+        .radio-inputs .radio .name {
+            display: flex;
+            cursor: pointer;
+            align-items: center;
+            justify-content: center;
+            border-radius: 0.5rem;
+            border: none;
+            padding: .5rem 0;
+            color: rgba(51, 65, 85, 1);
+            transition: all .15s ease-in-out;
+        }
+
+        .radio-inputs .radio input:checked+.name {
+            background-color: var(--vz-primary);
+            color: #fff;
+            font-weight: 600;
+        }
+    </style>
+    <div class="container-fluid">
+        <x-dashboard.breadcumb :title="$title" />
+        @if ($errors->any())
+            <x-flash-message type="danger" :messages="$errors->all()" />
+        @endif
+
+        @if ($parentPages)
+            @include('ccms::page.partials.parent-page-filter')
+        @endif
+
+        <div class="row">
+            <div class="col-xl-12">
+                <div class="card">
+                    <div class="card-header d-flex align-items-center justify-content-between">
+                        <h5 class="card-title mb-0">Page List</h5>
+                        <button class="btn btn-primary waves-effect waves-light text-white" data-bs-toggle="modal"
+                            data-bs-target="#addPageModal"><i class="ri-add-line align-middle"></i> Create</h5>
+                    </div>
+                    <div class="card-body">
+                        @php
+                            $columns = [
+                                [
+                                    'title' => 'S.N',
+                                    'data' => 'DT_RowIndex',
+                                    'name' => 'DT_RowIndex',
+                                    'orderable' => false,
+                                    'searchable' => false,
+                                    'sortable' => false,
+                                ],
+                                ['title' => 'Image', 'data' => 'image', 'name' => 'image'],
+                                ['title' => 'Parent', 'data' => 'parents', 'name' => 'parents'],
+                                ['title' => 'Title', 'data' => 'title', 'name' => 'title'],
+                                ['title' => 'Slug', 'data' => 'slug', 'name' => 'slug'],
+                                ['title' => 'Type', 'data' => 'type', 'name' => 'type'],
+                                ['title' => 'Published At', 'data' => 'date', 'name' => 'date'],
+                                ['title' => 'Status', 'data' => 'status', 'name' => 'status'],
+                                [
+                                    'title' => 'Action',
+                                    'data' => 'action',
+                                    'orderable' => false,
+                                    'searchable' => false,
+                                ],
+                            ];
+                        @endphp
+                        <x-data-table-script :route="route('page.index')" :reorder="route('page.reorder')"
+                            :columns="$columns" />
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    @include('ccms::page.modal.create')
+    @include('ccms::page.modal.edit')
+@endsection
+@push("js")
+    <script>
+        $('.page-filter-radio').on('change', function (e) {
+            e.preventDefault();
+            $('.ajax-datatable').DataTable().draw();
+        });
+    </script>
+@endpush