done crud spatial plannings

resources/views/spatial-plannings/index.blade.php

@@ -1,3 +1,32 @@
-<div>
-    <!-- The whole future lies in uncertainty: live immediately. - Seneca -->
+@extends('layouts.vertical', ['subtitle' => 'Data'])
+
+@section('css')
+@vite(['node_modules/gridjs/dist/theme/mermaid.min.css'])
+@endsection
+
+@section('content')
+
+@include('layouts.partials/page-title', ['title' => 'Data', 'subtitle' => 'Tata Ruang'])
+
+<x-toast-notification/>
+<x-modal-confirmation buttonText="Delete" confirmationMessage="Are you sure you want to delete this?" />
+
+<div class="row">
+    <div class="col-12">
+        <div class="card w-100">
+            <div class="card-body">
+                <div class="d-flex flex-wrap justify-content-end align-items-center mb-2">
+                    <a href="{{ route('spatial-plannings.create')}}" class="btn btn-success btn-sm d-block d-sm-inline w-auto me-3">Create</a>
+                    <a href="{{ route('spatial-plannings.upload')}}" class="btn btn-success btn-sm d-block d-sm-inline w-auto">Upload</a>
+                </div>
+                <div id="table-spatial-plannings"></div>
+            </div>
+        </div>
+    </div>
 </div>
+
+@endsection
+
+@section('scripts')
+@vite(['resources/js/spatial-plannings/index.js'])
+@endsection