first commit

resources/views/crud/generated/users/index.blade.php

@@ -0,0 +1,120 @@
+@extends('backend.template')
+@section('content')
+  <div class="card">
+    <div class="card-header d-flex justify-content-between align-items-center">
+      <h4>{{ label('User Lists') }}</h4>
+      <a href="{{ route('users.create') }}" class="btn btn-primary"><span>{{ label('Add New') }}</span></a>
+    </div>
+    <div class="card-body">
+      <table class="dataTable table" id="tbl_users">
+        <thead class="table-light">
+          <tr>
+            <th class="tb-col"><span class="overline-title">{{ label('S.N') }}</span></th>
+            <th class="tb-col" data-sortable="false"><span class="overline-title">{{ label('Name') }}</span>
+            <th class="tb-col" data-sortable="false"><span class="overline-title">{{ label('Email') }}</span>
+            <th class="tb-col" data-sortable="false"><span class="overline-title">{{ label('Created At') }}</span>
+            <th class="tb-col" data-sortable="false"><span class="overline-title">{{ label('Status') }}</span>
+            <th class="tb-col" data-sortable="false"><span class="overline-title">{{ label('Action') }}</span>
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          @php
+            $i = 1;
+          @endphp
+          @foreach ($users as $item)
+            <tr data-id="{{ $item->id }}" data-display_order="{{ $item->display_order }}" class="draggable-row">
+              <td class="tb-col">{{ $i++ }}</td>
+              <td class="tb-col">{{ $item->name }}</td>
+              <td class="tb-col">{{ $item->email }}</td>
+              <td class="tb-col">{{ $item->created_at->diffForHumans() }}</td>
+              <td class="tb-col">
+                @if ($item->status == 1)
+                  <span class="badge bg-success">Active</span>
+                @else
+                  <span class="badge bg-danger">Inactive</span>
+                @endif
+              </td>
+              <td class="tb-col">
+                <div class="dropdown d-inline-block">
+                  <button class="btn btn-soft-secondary btn-sm dropdown" type="button" data-bs-toggle="dropdown"
+                    aria-expanded="false">
+                    <i class="ri-more-fill align-middle"></i>
+                  </button>
+                  <ul class="dropdown-menu dropdown-menu-end">
+                    <li><a href="{{ route('users.edit', [$item->id]) }}" class="dropdown-item edit-item-btn"><i
+                          class="ri-pencil-fill text-muted me-2 align-bottom"></i>
+                        {{ label('Edit') }}</a></li>
+                    <li>
+                      <a href="{{ route('users.destroy', [$item->id]) }}" class="dropdown-item remove-item-btn"
+                        onclick="confirmDelete(this.href)">
+                        <i class="ri-delete-bin-fill text-muted me-2 align-bottom"></i>
+                        {{ label('Delete') }}
+                      </a>
+
+                    </li>
+                  </ul>
+                </div>
+              </td>
+            </tr>
+          @endforeach
+        </tbody>
+      </table>
+    </div>
+  </div>
+@endsection
+
+@push('css')
+  <link rel="stylesheet" href="https://cdn.datatables.net/1.13.5/css/dataTables.bootstrap4.min.css">
+  <link rel="stylesheet" href="https://cdn.datatables.net/rowreorder/1.4.0/css/rowReorder.dataTables.min.css">
+@endpush
+@push('js')
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.68/pdfmake.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.68/vfs_fonts.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+  <script src="https://cdn.datatables.net/1.13.5/js/jquery.dataTables.min.js"></script>
+  <script src="https://cdn.datatables.net/buttons/2.4.1/js/buttons.html5.min.js"></script>
+  <script src="https://cdn.datatables.net/rowreorder/1.4.0/js/dataTables.rowReorder.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+
+  <script>
+    $(document).ready(function() {
+      var mytable = $(".dataTable").DataTable({
+        ordering: true,
+        rowReorder: {
+          //selector: 'tr'
+        },
+      });
+    });
+
+    function confirmDelete(url) {
+      event.preventDefault();
+      Swal.fire({
+        title: 'Are you sure?',
+        text: 'You will not be able to recover this item!',
+        icon: 'warning',
+        showCancelButton: true,
+        confirmButtonText: 'Delete',
+        cancelButtonText: 'Cancel',
+        reverseButtons: true
+      }).then((result) => {
+        if (result.isConfirmed) {
+          $.ajax({
+            url: url,
+            type: 'DELETE',
+            headers: {
+              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
+            },
+            success: function(response) {
+              Swal.fire('Deleted!', 'The item has been deleted.', 'success');
+              location.reload();
+            },
+            error: function(xhr, status, error) {
+              Swal.fire('Error!', 'An error occurred while deleting the item.', 'error');
+            }
+          });
+        }
+      });
+    }
+  </script>
+@endpush