first change

Modules/CCMS/resources/views/counter/add-counter-form.blade.php

@@ -0,0 +1,37 @@
+{{ html()->form('POST', route('counter.store'))->class('needs-validation')->attributes(['novalidate'])->open() }}
+
+@isset($counter)
+    {{ html()->hidden('id', $counter->id) }}
+@endisset
+
+<div class="card-body">
+    <div class="row">
+        <div class="col-sm-12">
+            <div class="mb-3">
+                {{ html()->label('Title')->for('title') }}
+                {{ html()->span('*')->class('text-danger') }}
+                {{ html()->text('title')->value($counter->title ?? old('title'))->class('form-control')->placeholder('Enter Title')->required() }}
+                {{ html()->div('Please enter a title.')->class('invalid-feedback') }}
+            </div>
+
+            <div class="mb-3">
+                {{ html()->label('Counter Value')->for('counter') }}
+                {{ html()->text('counter')->value($counter->counter ?? old('counter'))->class('form-control')->placeholder('Enter Counter value') }}
+            </div>
+
+            <div class="mb-3">
+                {{ html()->label('Icon')->for('icon') }}
+                {{ html()->text('icon')->value($counter->icon ?? old('icon'))->class('form-control')->placeholder('Enter Icon class') }}
+            </div>
+
+            <div class="mb-3">
+                {{ html()->label('Image')->class('form-label')->for('image') }}
+                <x-image-input :editable="$editable" id="image" name="image" :data="$editable ? $counter->getRawOriginal('image') : null" :multiple="false" />
+            </div>
+
+        </div>
+
+        <x-form-buttons :href="route('counter.index')" :label="isset($counter) ? 'Update' : 'Create'" />
+    </div>
+</div>
+{{ html()->form()->close() }}

Modules/CCMS/resources/views/counter/datatable/action.blade.php

@@ -0,0 +1,10 @@
+<div class="hstack flex-wrap gap-3">
+    <a href="{{ route('counter.index', $id) }}" class="link-success fs-15 edit-item-btn"><i class="ri-edit-2-line"></i></a>
+
+    <a data-link="{{ route('counter.toggle', $id) }}" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Toggle" data-status="{{ $status == 1 ? 'Draft' : 'Published' }}"
+        class="link-info fs-15 toggle-item"><i class="{{ $status == 1 ? 'ri-toggle-line' : 'ri-toggle-fill' }}"></i></a>
+
+    <a href="javascript:void(0);" data-link="{{ route('counter.destroy', $id) }}" class="link-danger fs-15 remove-item"><i
+            class="ri-delete-bin-line"></i>
+    </a>
+</div>

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

@@ -0,0 +1,50 @@
+@extends('layouts.app')
+
+@section('content')
+    <div class="container-fluid">
+        <x-dashboard.breadcumb :title="$title" />
+        @if ($errors->any())
+            <x-flash-message type="danger" :messages="$errors->all()" />
+        @endif
+
+        <div class="row">
+            <div class="col-lg-4 col-xl-3">
+                <div class="card profile-card">
+                    @include('ccms::counter.add-counter-form')
+                </div>
+            </div>
+
+            <div class="col-lg-xl-8 col-lg-9">
+                <div class="card">
+                    <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' => 'Icon', 'data' => 'icon', 'name' => 'icon'],
+                                ['title' => 'Name', 'data' => 'title', 'name' => 'title'],
+                                ['title' => 'Counter', 'data' => 'counter', 'name' => 'counter'],
+                                ['title' => 'Status', 'data' => 'status', 'name' => 'status'],
+                                [
+                                    'title' => 'Action',
+                                    'data' => 'action',
+                                    'orderable' => false,
+                                    'searchable' => false,
+                                ],
+                            ];
+                        @endphp
+
+                        <x-data-table-script :route="route('counter.index')" :reorder="route('counter.reorder')" :columns="$columns" />
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+@endsection