first change

Modules/Admin/resources/views/countries/create.blade.php

@@ -0,0 +1,23 @@
+@extends('layouts.app')
+@section('content')
+  <div class="page-content">
+    <div class="container-fluid">
+
+      <!-- start page title -->
+      @include('layouts.partials.breadcrumb', ['title' => $title])
+
+      <!-- end page title -->
+
+      <div class='card'>
+        <div class='card-body'>
+
+          {{ html()->form('POST')->route('country.store')->class(['needs-validation'])->attributes(['novalidate'])->open() }}
+
+          @include('admin::countries.partials.action')
+
+          {{ html()->form()->close() }}
+
+        </div>
+      </div>
+    </div>
+  @endsection

Modules/Admin/resources/views/countries/datatables/action-btn.blade.php

@@ -0,0 +1,9 @@
+<div class="hstack flex-wrap gap-3">
+  <a href="javascript:void(0);" class="link-info fs-15 view-item-btn" data-bs-toggle="modal" data-bs-target="#viewModal">
+    <i class="ri-eye-fill"></i>
+  </a>
+  <a href="{{ route('country.edit', $id) }}" class="link-success fs-15 edit-item-btn"><i class="ri-edit-2-fill"></i></a>
+
+  <a href="javascript:void(0);" data-link="{{ route('country.destroy', $id) }}" data-id="{{ $id }}"
+    class="link-danger fs-15 remove-item"><i class="ri-delete-bin-fill"></i></a>
+</div>

Modules/Admin/resources/views/countries/edit.blade.php

@@ -0,0 +1,23 @@
+@extends('layouts.app')
+@section('content')
+  <div class="page-content">
+    <div class="container-fluid">
+
+      <!-- start page title -->
+      @include('layouts.partials.breadcrumb', ['title' => $title])
+
+      <!-- end page title -->
+
+      <div class='card'>
+        <div class='card-body'>
+
+          {{ html()->modelForm($country, 'PUT')->route('country.update', $country->id)->class(['needs-validation'])->attributes(['novalidate'])->open() }}
+
+          @include('admin::countries.partials.action')
+
+          {{ html()->form()->close() }}
+
+        </div>
+      </div>
+    </div>
+  @endsection

Modules/Admin/resources/views/countries/index.blade.php

@@ -0,0 +1,40 @@
+@extends('layouts.app')
+@section('content')
+    <div class="page-content">
+        <div class="container-fluid">
+
+            <!-- start page title -->
+            @include('layouts.partials.breadcrumb', ['title' => $title])
+
+            <!-- end page title -->
+
+            <div class="card">
+                <div class="card-header align-items-center d-flex">
+                    <h5 class="card-title flex-grow-1 mb-0">{{ $title }}</h5>
+                    <div class="flex-shrink-0">
+                        <a href="{{ route('country.create') }}" class="btn btn-success waves-effect waves-light"><i
+                                class="ri-add-fill me-1 align-bottom"></i> Create</a>
+                    </div>
+                </div>
+                <div class="card-body">
+
+                   @php
+                        $columns = [
+                            ['title' => 'ID', 'data' => 'id', 'name' => 'id'],
+                            ['title' => 'Name', 'data' => 'name', 'name' => 'name'],
+                            ['title' => 'Action', 'data' => 'action', 'orderable' => false, 'searchable' => false],
+                        ];
+                    @endphp
+
+                    <x-data-table-script :route="route('country.index')" :columns="$columns" />
+
+                </div>
+            </div>
+        </div>
+    </div>
+    @foreach($countries as $country)
+    {{-- @dd($country) --}}
+  @include('admin::countries.partials.view')
+  @endforeach
+
+@endsection

Modules/Admin/resources/views/countries/partials/action.blade.php

@@ -0,0 +1,16 @@
+<div class="row gy-3">
+
+    <div class="col-lg-4 col-md-6">
+      {{ html()->label('Name')->class('form-label') }}
+      {{ html()->text('name')->class('form-control')->placeholder('Country Name') }}
+    </div>
+
+    <div class="col-lg-4 col-md-6">
+        {{ html()->label('Code')->class('form-label') }}
+        {{ html()->text('code')->class('form-control')->placeholder('Country code') }}
+      </div>
+  
+      <x-form-buttons :editable="$editable" :href="route('country.index')" />
+
+  </div>
+  

Modules/Admin/resources/views/countries/partials/view.blade.php

@@ -0,0 +1,13 @@
+<div class="modal fade" id="viewModal" tabindex="-1" aria-labelledby="viewModalLabel" aria-modal="true">
+    <div class="modal-dialog">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h5 class="modal-title" id="exampleModalgridLabel">View Country</h5>
+          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+        </div>
+        <div class="modal-body">
+          @include('admin::countries.show')
+        </div>
+      </div>
+    </div>
+  </div>

Modules/Admin/resources/views/countries/show.blade.php

@@ -0,0 +1,9 @@
+<ul class="list-inline d-flex flex-column flex-wrap gap-2">
+    <li class="list-inline-item">
+      Country Name: <span class="fw-medium">{{ $country->name }} </span>
+    </li>
+
+    <li class="list-inline-item">
+      Country Code: <span class="fw-medium">{{ $country->code }} </span>
+    </li>
+</ul>