diff --git a/public/css/app.css b/public/css/app.css
index 7729edd..756da8c 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -1056,11 +1056,6 @@ html {
 .btn-disabled, .btn[disabled] {
   pointer-events: none;
 }
-.btn-square {
-  height: 3rem;
-  width: 3rem;
-  padding: 0px;
-}
 .btn-circle {
   height: 3rem;
   width: 3rem;
@@ -1111,10 +1106,6 @@ html {
     transform: rotate(360deg);
   }
 }
-.btn-group {
-  display: flex;
-  flex-wrap: wrap;
-}
 .btn-group > input[type="radio"].btn {
   -webkit-appearance: none;
   -moz-appearance: none;
@@ -1144,12 +1135,6 @@ html {
 .card-body :where(p) {
   flex-grow: 1;
 }
-.card-actions {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: flex-start;
-  gap: 0.5rem;
-}
 .card figure {
   display: flex;
   align-items: center;
@@ -1399,14 +1384,6 @@ html {
   -webkit-text-decoration-line: underline;
   text-decoration-line: underline;
 }
-.mask {
-  -webkit-mask-size: contain;
-  mask-size: contain;
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-position: center;
-  mask-position: center;
-}
 .menu {
   display: flex;
   flex-direction: column;
@@ -1728,14 +1705,6 @@ html {
   --tw-text-opacity: 1;
   color: hsl(var(--pc) / var(--tw-text-opacity));
 }
-.btn-outline.btn-accent .badge {
-  --tw-border-opacity: 1;
-  border-color: hsl(var(--a) / var(--tw-border-opacity));
-  --tw-bg-opacity: 1;
-  background-color: hsl(var(--a) / var(--tw-bg-opacity));
-  --tw-text-opacity: 1;
-  color: hsl(var(--ac) / var(--tw-text-opacity));
-}
 .btn-outline.btn-primary .badge-outline {
   --tw-border-opacity: 1;
   border-color: hsl(var(--p) / var(--tw-border-opacity));
@@ -1743,13 +1712,6 @@ html {
   --tw-text-opacity: 1;
   color: hsl(var(--p) / var(--tw-text-opacity));
 }
-.btn-outline.btn-accent .badge-outline {
-  --tw-border-opacity: 1;
-  border-color: hsl(var(--a) / var(--tw-border-opacity));
-  background-color: transparent;
-  --tw-text-opacity: 1;
-  color: hsl(var(--a) / var(--tw-text-opacity));
-}
 .btn-outline.btn-primary:hover .badge {
   --tw-border-opacity: 1;
   border-color: hsl(var(--pc) / var(--tw-border-opacity));
@@ -1766,22 +1728,6 @@ html {
   --tw-text-opacity: 1;
   color: hsl(var(--pc) / var(--tw-text-opacity));
 }
-.btn-outline.btn-accent:hover .badge {
-  --tw-border-opacity: 1;
-  border-color: hsl(var(--ac) / var(--tw-border-opacity));
-  --tw-bg-opacity: 1;
-  background-color: hsl(var(--ac) / var(--tw-bg-opacity));
-  --tw-text-opacity: 1;
-  color: hsl(var(--a) / var(--tw-text-opacity));
-}
-.btn-outline.btn-accent:hover .badge.outline {
-  --tw-border-opacity: 1;
-  border-color: hsl(var(--ac) / var(--tw-border-opacity));
-  --tw-bg-opacity: 1;
-  background-color: hsl(var(--af, var(--a)) / var(--tw-bg-opacity));
-  --tw-text-opacity: 1;
-  color: hsl(var(--ac) / var(--tw-text-opacity));
-}
 .btn:active:hover,
   .btn:active:focus {
   -webkit-animation: none;
@@ -1815,23 +1761,6 @@ html {
 .btn-primary:focus-visible {
   outline: 2px solid hsl(var(--p));
 }
-.btn-accent {
-  --tw-border-opacity: 1;
-  border-color: hsl(var(--a) / var(--tw-border-opacity));
-  --tw-bg-opacity: 1;
-  background-color: hsl(var(--a) / var(--tw-bg-opacity));
-  --tw-text-opacity: 1;
-  color: hsl(var(--ac) / var(--tw-text-opacity));
-}
-.btn-accent:hover, .btn-accent.btn-active {
-  --tw-border-opacity: 1;
-  border-color: hsl(var(--af, var(--a)) / var(--tw-border-opacity));
-  --tw-bg-opacity: 1;
-  background-color: hsl(var(--af, var(--a)) / var(--tw-bg-opacity));
-}
-.btn-accent:focus-visible {
-  outline: 2px solid hsl(var(--a));
-}
 .btn.glass:hover,
     .btn.glass.btn-active {
   --glass-opacity: 25%;
@@ -1866,18 +1795,6 @@ html {
   --tw-text-opacity: 1;
   color: hsl(var(--pc) / var(--tw-text-opacity));
 }
-.btn-outline.btn-accent {
-  --tw-text-opacity: 1;
-  color: hsl(var(--a) / var(--tw-text-opacity));
-}
-.btn-outline.btn-accent:hover {
-  --tw-border-opacity: 1;
-  border-color: hsl(var(--af, var(--a)) / var(--tw-border-opacity));
-  --tw-bg-opacity: 1;
-  background-color: hsl(var(--af, var(--a)) / var(--tw-bg-opacity));
-  --tw-text-opacity: 1;
-  color: hsl(var(--ac) / var(--tw-text-opacity));
-}
 .btn-disabled, .btn-disabled:hover, .btn[disabled], .btn[disabled]:hover {
   --tw-border-opacity: 0;
   background-color: hsl(var(--n) / var(--tw-bg-opacity));
@@ -2104,9 +2021,6 @@ body[dir="rtl"] .checkbox:checked,
 .drawer-toggle:focus-visible ~ .drawer-content .drawer-button.btn-primary {
   outline: 2px solid hsl(var(--p));
 }
-.drawer-toggle:focus-visible ~ .drawer-content .drawer-button.btn-accent {
-  outline: 2px solid hsl(var(--a));
-}
 .drawer-toggle:focus-visible ~ .drawer-content .drawer-button.btn-ghost {
   outline: 2px solid currentColor;
 }
@@ -2169,10 +2083,6 @@ body[dir="rtl"] .checkbox:checked,
   outline: 2px solid currentColor;
   outline-offset: 2px;
 }
-.mask-squircle {
-  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCiAgPHBhdGggZD0iTSAxMDAgMCBDIDIwIDAgMCAyMCAwIDEwMCBDIDAgMTgwIDIwIDIwMCAxMDAgMjAwIEMgMTgwIDIwMCAyMDAgMTgwIDIwMCAxMDAgQyAyMDAgMjAgMTgwIDAgMTAwIDAgWiIvPgoKPC9zdmc+);
-  mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCiAgPHBhdGggZD0iTSAxMDAgMCBDIDIwIDAgMCAyMCAwIDEwMCBDIDAgMTgwIDIwIDIwMCAxMDAgMjAwIEMgMTgwIDIwMCAyMDAgMTgwIDIwMCAxMDAgQyAyMDAgMjAgMTgwIDAgMTAwIDAgWiIvPgoKPC9zdmc+);
-}
 .menu.horizontal li.bordered > a, .menu.horizontal li.bordered > button, .menu.horizontal li.bordered > span {
   border-left-width: 0px;
   border-bottom-width: 4px;
@@ -2514,26 +2424,11 @@ body[dir="rtl"] .checkbox:checked,
   min-height: 2rem;
   font-size: 0.875rem;
 }
-.btn-square:where(.btn-xs) {
-  height: 1.5rem;
-  width: 1.5rem;
-  padding: 0px;
-}
 .btn-square:where(.btn-sm) {
   height: 2rem;
   width: 2rem;
   padding: 0px;
 }
-.btn-square:where(.btn-md) {
-  height: 3rem;
-  width: 3rem;
-  padding: 0px;
-}
-.btn-square:where(.btn-lg) {
-  height: 4rem;
-  width: 4rem;
-  padding: 0px;
-}
 .btn-circle:where(.btn-xs) {
   height: 1.5rem;
   width: 1.5rem;
@@ -2706,6 +2601,9 @@ body[dir="rtl"] .checkbox:checked,
 .right-0 {
   right: 0px;
 }
+.top-5 {
+  top: 1.25rem;
+}
 .-top-5 {
   top: -1.25rem;
 }
@@ -2733,9 +2631,6 @@ body[dir="rtl"] .checkbox:checked,
 .bottom-0 {
   bottom: 0px;
 }
-.top-5 {
-  top: 1.25rem;
-}
 .-z-20 {
   z-index: -20;
 }
@@ -2745,15 +2640,6 @@ body[dir="rtl"] .checkbox:checked,
 .-z-0 {
   z-index: 0;
 }
-.order-first {
-  order: -9999;
-}
-.col-span-3 {
-  grid-column: span 3 / span 3;
-}
-.row-span-3 {
-  grid-row: span 3 / span 3;
-}
 .m-4 {
   margin: 1rem;
 }
@@ -2777,10 +2663,6 @@ body[dir="rtl"] .checkbox:checked,
   margin-left: 0.5rem;
   margin-right: 0.5rem;
 }
-.my-3 {
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
-}
 .my-1 {
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
@@ -2878,12 +2760,12 @@ body[dir="rtl"] .checkbox:checked,
 .h-6 {
   height: 1.5rem;
 }
-.h-24 {
-  height: 6rem;
-}
 .h-20 {
   height: 5rem;
 }
+.h-24 {
+  height: 6rem;
+}
 .h-64 {
   height: 16rem;
 }
@@ -2929,12 +2811,12 @@ body[dir="rtl"] .checkbox:checked,
 .w-24 {
   width: 6rem;
 }
-.w-72 {
-  width: 18rem;
-}
 .w-20 {
   width: 5rem;
 }
+.w-72 {
+  width: 18rem;
+}
 .max-w-md {
   max-width: 28rem;
 }
@@ -2950,9 +2832,6 @@ body[dir="rtl"] .checkbox:checked,
 .max-w-sm {
   max-width: 24rem;
 }
-.flex-shrink-0 {
-  flex-shrink: 0;
-}
 .shrink {
   flex-shrink: 1;
 }
@@ -2980,18 +2859,12 @@ body[dir="rtl"] .checkbox:checked,
 .flex-wrap {
   flex-wrap: wrap;
 }
-.place-items-center {
-  place-items: center;
-}
 .content-end {
   align-content: flex-end;
 }
 .items-center {
   align-items: center;
 }
-.justify-end {
-  justify-content: flex-end;
-}
 .justify-center {
   justify-content: center;
 }
@@ -3010,13 +2883,13 @@ body[dir="rtl"] .checkbox:checked,
 .gap-y-12 {
   row-gap: 3rem;
 }
-.gap-y-2 {
-  row-gap: 0.5rem;
-}
 .gap-x-4 {
   -moz-column-gap: 1rem;
        column-gap: 1rem;
 }
+.gap-y-2 {
+  row-gap: 0.5rem;
+}
 .overflow-hidden {
   overflow: hidden;
 }
@@ -3070,10 +2943,6 @@ body[dir="rtl"] .checkbox:checked,
   --tw-bg-opacity: 1;
   background-color: rgb(191 219 254 / var(--tw-bg-opacity));
 }
-.bg-base-content {
-  --tw-bg-opacity: 1;
-  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
-}
 .bg-primary {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--p) / var(--tw-bg-opacity));
@@ -3086,9 +2955,6 @@ body[dir="rtl"] .checkbox:checked,
   --tw-bg-opacity: 1;
   background-color: rgb(156 163 175 / var(--tw-bg-opacity));
 }
-.bg-opacity-10 {
-  --tw-bg-opacity: 0.1;
-}
 .bg-opacity-60 {
   --tw-bg-opacity: 0.6;
 }
@@ -3101,9 +2967,6 @@ body[dir="rtl"] .checkbox:checked,
 .fill-current {
   fill: currentColor;
 }
-.stroke-current {
-  stroke: currentColor;
-}
 .object-cover {
   -o-object-fit: cover;
      object-fit: cover;
@@ -3120,9 +2983,6 @@ body[dir="rtl"] .checkbox:checked,
 .p-6 {
   padding: 1.5rem;
 }
-.p-px {
-  padding: 1px;
-}
 .p-8 {
   padding: 2rem;
 }
@@ -3161,12 +3021,12 @@ body[dir="rtl"] .checkbox:checked,
 .pt-8 {
   padding-top: 2rem;
 }
-.pb-4 {
-  padding-bottom: 1rem;
-}
 .pt-2 {
   padding-top: 0.5rem;
 }
+.pb-4 {
+  padding-bottom: 1rem;
+}
 .text-center {
   text-align: center;
 }
@@ -3200,9 +3060,6 @@ body[dir="rtl"] .checkbox:checked,
 .font-semibold {
   font-weight: 600;
 }
-.font-extrabold {
-  font-weight: 800;
-}
 .font-medium {
   font-weight: 500;
 }
@@ -3251,8 +3108,9 @@ body[dir="rtl"] .checkbox:checked,
   --tw-text-opacity: 1;
   color: hsl(var(--p) / var(--tw-text-opacity));
 }
-.text-base-content\/70 {
-  color: hsl(var(--bc) / 0.7);
+.text-gray-800 {
+  --tw-text-opacity: 1;
+  color: rgb(31 41 55 / var(--tw-text-opacity));
 }
 .text-white {
   --tw-text-opacity: 1;
@@ -3262,10 +3120,6 @@ body[dir="rtl"] .checkbox:checked,
   --tw-text-opacity: 1;
   color: rgb(220 38 38 / var(--tw-text-opacity));
 }
-.text-gray-800 {
-  --tw-text-opacity: 1;
-  color: rgb(31 41 55 / var(--tw-text-opacity));
-}
 .underline {
   -webkit-text-decoration-line: underline;
           text-decoration-line: underline;
@@ -3316,10 +3170,6 @@ body[dir="rtl"] .checkbox:checked,
   content: var(--tw-content);
   z-index: -10;
 }
-.before\:block::before {
-  content: var(--tw-content);
-  display: block;
-}
 .before\:hidden::before {
   content: var(--tw-content);
   display: none;
@@ -3517,6 +3367,10 @@ body[dir="rtl"] .checkbox:checked,
     order: 9999;
   }
 
+  .lg\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
   .lg\:col-span-4 {
     grid-column: span 4 / span 4;
   }
@@ -3533,10 +3387,6 @@ body[dir="rtl"] .checkbox:checked,
     grid-column: span 7 / span 7;
   }
 
-  .lg\:col-span-2 {
-    grid-column: span 2 / span 2;
-  }
-
   .lg\:row-span-3 {
     grid-row: span 3 / span 3;
   }
@@ -3603,14 +3453,14 @@ body[dir="rtl"] .checkbox:checked,
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
-  .lg\:grid-cols-10 {
-    grid-template-columns: repeat(10, minmax(0, 1fr));
-  }
-
   .lg\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
 
+  .lg\:grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+
   .lg\:flex-col {
     flex-direction: column;
   }
@@ -3680,27 +3530,13 @@ body[dir="rtl"] .checkbox:checked,
     --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
-
-  .before\:lg\:block::before {
-    content: var(--tw-content);
-    display: block;
-  }
 }
 @media (min-width: 1280px) {
 
-  .xl\:mx-0 {
-    margin-left: 0px;
-    margin-right: 0px;
-  }
-
   .xl\:block {
     display: block;
   }
 
-  .xl\:w-full {
-    width: 100%;
-  }
-
   .before\:xl\:block::before {
     content: var(--tw-content);
     display: block;
diff --git a/resources/views/admin/kamar/create.blade.php b/resources/views/admin/kamar/create.blade.php
index 26b5265..218e27d 100644
--- a/resources/views/admin/kamar/create.blade.php
+++ b/resources/views/admin/kamar/create.blade.php
@@ -1,71 +1,79 @@
 @extends('admin.layouts.admin')
 @section('title')
-    MimiKost - Tambah Tempat
+MimiKost - Tambah Tempat
 @endsection
 @section('content')
 <!-- Sales Overview -->
-    <div class="card mt-6">
+<div class="card mt-6">
 
-        <!-- header -->
-        <div class="card-header flex flex-row justify-between">
-            <h1 class="h6">Tambah Tempat Kost</h1>
-            <div class="flex flex-row justify-center items-center">
+    <!-- header -->
+    <div class="card-header flex flex-row justify-between">
+        <h1 class="h6">Tambah Tempat Kost</h1>
+        <div class="flex flex-row justify-center items-center">
 
             <a href="{{route('kamar.index')}}" class="btn-bs-primary">
                 Back
             </a>
         </div>
-        </div>
-        <!-- end header -->
+    </div>
+    <!-- end header -->
 
-        <!-- body -->
-        <div class="card-body grid grid-cols-2 gap-6 lg:grid-cols-1">
-            <div class="w-full max-w-xs">
-                <form class="px-8 pt-6 pb-8 mb-6">
-                    <div class="mb-6">
-                        <label class="block text-gray-700 text-sm font-bold mb-2" for="type">
-                            Type Kamar
-                        </label>
-                        <select name="type" id="type" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
-                            <option value="1">1</option>
-                            <option value="1">1</option>
-                            <option value="1">1</option>
-                            <option value="1">1</option>
-                        </select>
-                    </div>
-                    <div class="mb-6">
-                        <label class="block text-gray-700 text-sm font-bold mb-2" for="lokasi">
-                            Lokasi
-                        </label>
-                        <select name="lokasi" id="lokasi" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
-                            <option value="1">1</option>
-                            <option value="1">1</option>
-                            <option value="1">1</option>
-                            <option value="1">1</option>
-                        </select>
-                    </div>
-                    <div class="mb-6">
-                        <label class="block text-gray-700 text-sm font-bold mb-2" for="alamat">
-                            Harga
-                        </label>
-                        <input class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" id="harga" name="harga" type="text" placeholder="Harga">
-                    </div>
-                    <div class="mb-6">
-                        <label class="block text-gray-700 text-sm font-bold mb-2" for="alamat">
-                            Fasilitas
-                        </label>
-                        <input class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" id="fasilitas" name="fasilitas" type="text" placeholder="Fasilitas">
-                    </div>
-                    <div class="flex items-center justify-between">
-                        <button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline" type="button">
-                            Create
-                        </button>
-                    </div>
-                </form>
+    <!-- body -->
+    <div class="card-body">
+        <div class="w-full max-w-xl">
+            <form class="px-8 pt-6 pb-8 mb-6">
+                <div class="mb-6">
+                    <label class="block text-gray-700 text-sm font-bold mb-2" for="type">
+                        Tipe Kamar
+                    </label>
+                    <select name="type" id="type"
+                        class="shadow border rounded w-full py-2 px-3 focus:outline-none focus:shadow-outline">
+                        <option value="1">1</option>
+                        <option value="1">1</option>
+                        <option value="1">1</option>
+                        <option value="1">1</option>
+                    </select>
+                </div>
+                <div class="mb-6">
+                    <label class="block text-gray-700 text-sm font-bold mb-2" for="lokasi">
+                        Lokasi
+                    </label>
+                    <select name="lokasi" id="lokasi"
+                        class="shadow border rounded w-full py-2 px-3 focus:outline-none focus:shadow-outline">
+                        <option value="1">1</option>
+                        <option value="1">1</option>
+                        <option value="1">1</option>
+                        <option value="1">1</option>
+                    </select>
+                </div>
+                <div class="mb-6">
+                    <label class="block text-gray-700 text-sm font-bold mb-2" for="alamat">
+                        Harga
+                    </label>
+                    <input
+                        class="shadow border rounded w-full py-2 px-3 text-gray-700 focus:outline-none focus:shadow-outline"
+                        id="harga" name="harga" type="number" placeholder="Harga">
                 </div>
+                <div class="mb-6">
+                    <label class="block text-gray-700 text-sm font-bold mb-2" for="alamat">
+                        Fasilitas
+                    </label>
+                    <input
+                        class="shadow border rounded w-full py-2 px-3 text-gray-700 focus:outline-none focus:shadow-outline"
+                        id="fasilitas" name="fasilitas" type="text" placeholder="Fasilitas">
+                </div>
+                <div class="flex items-center justify-between">
+                    <button
+                        class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline"
+                        type="button">
+                        Create
+                    </button>
+                </div>
+            </form>
         </div>
-        <!-- end body -->
-
     </div>
-    <!-- end Sales Overview -->
+    <!-- end body -->
+
+</div>
+<!-- end Sales Overview -->
 @endsection
\ No newline at end of file
diff --git a/resources/views/admin/kamar/index.blade.php b/resources/views/admin/kamar/index.blade.php
index e27c9ef..1814f38 100644
--- a/resources/views/admin/kamar/index.blade.php
+++ b/resources/views/admin/kamar/index.blade.php
@@ -1,55 +1,83 @@
 @extends('admin.layouts.admin')
 @section('title')
-    MimiKost - Kamar Kost
+MimiKost - Kamar Kost
 @endsection
 @section('content')
-    <!-- Sales Overview -->
-    <div class="card mt-6">
+<!-- Sales Overview -->
+<div class="card mt-6">
 
-        <!-- header -->
-        <div class="card-header flex flex-row justify-between">
-            <h1 class="h6">Kamar Kost</h1>
-            <div class="flex flex-row justify-center items-center">
+    <!-- header -->
+    <div class="card-header flex flex-row justify-between">
+        <h1 class="h6">Kamar Kost</h1>
+        <div class="flex flex-row justify-center items-center">
 
             <a href="{{route('kamar.create')}}" class="btn-bs-primary">
                 Create
             </a>
         </div>
-        </div>
-        <!-- end header -->
+    </div>
+    <!-- end header -->
 
-        <!-- body -->
-        <div class="card-body grid grid-cols-2 gap-6 lg:grid-cols-1">
-            <table class="table-fixed">
-                <thead>
-                    <tr>
-                    <th>Type Kamar</th>
-                    <th>Lokasi</th>
-                    <th>Harga</th>
-                    <th>Fasilitas</th>
-                    <th>Gambar</th>
-                    <th>Action</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>Kamar Mandi Dalam</td>
-                        <td>Tidar 1</td>
-                        <td>Rp.1000.000,00</td>
-                        <td>-</td>
-                        <td>a</td>
-                        <td>
-                            {{-- <div class="grid grid-cols-3"> --}}
-                                <a href="#" class="btn-bs-info">Update</a>
-                                <a href="#" class="btn-bs-danger">Delete</a>
-                            </div>
-                        </td>
-                    </tr>
-                </tbody>
-                </table>
-        </div>
-        <!-- end body -->
+    <!-- body -->
+    <div class="card-body">
+        <table class="w-full">
+            <thead>
+                <tr>
+                    <th class="px-4 py-2">No</th>
+                    <th class="px-4 py-2">Tipe Kamar</th>
+                    <th class="px-4 py-2">Lokasi</th>
+                    <th class="px-4 py-2">Harga</th>
+                    <th class="px-4 py-2">Fasilitas</th>
+                    <th class="px-4 py-2">Gambar</th>
+                    <th class="px-4 py-2 w-3/12">Aksi</th>
+                </tr>
+            </thead>
+            <tbody>
+                @for ($i = 1; $i < 10; $i++) 
+                <tr class="hover:bg-gray-200">
+                    <td class="border px-4 py-2">{{ $i }}</td>
+                    <td class="border px-4 py-2">Kamar Mandi Dalam</td>
+                    <td class="border px-4 py-2">Tidar</td>
+                    <td class="border px-4 py-2">Rp.1000.000,00	-</td>
+                    <td class="border px-4 py-2 ">
+                        <div class="bg-black text-white px-2 py-1 text-sm rounded-full inline-block mb-1">Fasilitas 1</div>
+                        <div class="bg-gray-600 text-white px-2 py-1 text-sm rounded-full inline-block mb-1">Fasilitas 2</div>
+                        <div class="bg-yellow-800 text-white px-2 py-1 text-sm rounded-full inline-block mb-1">Fasilitas 3</div>
+                    </td>
+                    <td class="border px-4 py-2">
+                        <div class="w-16 h-16 bg-center bg-cover rounded-lg mx-auto" style="background-image: url(https://api.lorem.space/image/face)" />
+                    </td>
+                    <td class="border px-4 py-2">
+                        <div class="grid grid-cols-2 gap-4">
+                            <a href="#"
+                                class="btn bg-blue-500 hover:bg-blue-700 hover:text-white text-white font-bold py-2 px-4 rounded">
+                                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 inline-block" fill="none"
+                                    viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+                                    <path stroke-linecap="round" stroke-linejoin="round"
+                                        d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
+                                </svg>
+                                Update
+                            </a>
+                            <a href="#" onclick="return confirm('Kamar kost juga akan terhapus')"
+                                class="btn bg-red-500 hover:bg-red-700 hover:text-white text-white font-bold py-2 px-4 rounded">
+                                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 inline-block" fill="none"
+                                    viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+                                    <path stroke-linecap="round" stroke-linejoin="round"
+                                        d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
+                                </svg>
+                                Delete
+                            </a>
+                        </div>
+
+                    </td>
+                </tr>
+                @endfor
+            </tbody>
+        </table>
 
     </div>
-    <!-- end Sales Overview -->
+    <!-- end body -->
+
+</div>
+<!-- end Sales Overview -->
 @endsection
\ No newline at end of file
diff --git a/resources/views/admin/tempat/create.blade.php b/resources/views/admin/tempat/create.blade.php
index ecd568c..6109924 100644
--- a/resources/views/admin/tempat/create.blade.php
+++ b/resources/views/admin/tempat/create.blade.php
@@ -1,43 +1,47 @@
 @extends('admin.layouts.admin')
 @section('title')
-    MimiKost - Tambah Tempat
+MimiKost - Tambah Tempat
 @endsection
 @section('content')
 <!-- Sales Overview -->
-    <div class="card mt-6">
+<div class="card mt-6">
 
-        <!-- header -->
-        <div class="card-header flex flex-row justify-between">
-            <h1 class="h6">Tambah Tempat Kost</h1>
-            <div class="flex flex-row justify-center items-center">
+    <!-- header -->
+    <div class="card-header flex flex-row justify-between">
+        <h1 class="h6">Tambah Tempat Kost</h1>
+        <div class="flex flex-row justify-center items-center">
 
             <a href="{{route('tempat.index')}}" class="btn-bs-primary">
                 Back
             </a>
         </div>
-        </div>
-        <!-- end header -->
+    </div>
+    <!-- end header -->
 
-        <!-- body -->
-        <div class="card-body grid grid-cols-2 gap-6 lg:grid-cols-1">
-            <div class="w-full max-w-xs">
-                <form class="px-8 pt-6 pb-8 mb-6">
-                    <div class="mb-6">
-                        <label class="block text-gray-700 text-sm font-bold mb-2" for="alamat">
-                            Alamat
-                        </label>
-                        <input class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" id="alamat" name="alamat" type="text" placeholder="Alamat">
-                    </div>
-                    <div class="flex items-center justify-between">
-                        <button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline" type="button">
-                            Create
-                        </button>
-                    </div>
-                </form>
+    <!-- body -->
+    <div class="card-body">
+        <div class="w-full max-w-xl">
+            <form class="px-8 pt-6 pb-8 mb-6">
+                <div class="mb-4">
+                    <label class="block text-gray-700 text-sm font-bold mb-2" for="alamat">
+                        Alamat
+                    </label>
+                    <textarea name="alamat" id="alamat" placeholder="Alamat..."
+                        class="shadow border rounded w-full py-2 px-3 text-gray-700 focus:outline-none focus:shadow-outline"
+                        cols="30" rows="10"></textarea>
+                </div>
+                <div class="flex items-center justify-between">
+                    <button
+                        class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline"
+                        type="button">
+                        Create
+                    </button>
                 </div>
+            </form>
         </div>
-        <!-- end body -->
-
     </div>
-    <!-- end Sales Overview -->
+    <!-- end body -->
+
+</div>
+<!-- end Sales Overview -->
 @endsection
\ No newline at end of file
diff --git a/resources/views/admin/tempat/index.blade.php b/resources/views/admin/tempat/index.blade.php
index 12d4ed9..81bb23e 100644
--- a/resources/views/admin/tempat/index.blade.php
+++ b/resources/views/admin/tempat/index.blade.php
@@ -1,47 +1,68 @@
 @extends('admin.layouts.admin')
 @section('title')
-    MimiKost - Tempat Kost
+MimiKost - Tempat Kost
 @endsection
 @section('content')
-    <!-- Sales Overview -->
-    <div class="card mt-6">
+<!-- Sales Overview -->
+<div class="card mt-6">
 
-        <!-- header -->
-        <div class="card-header flex flex-row justify-between">
-            <h1 class="h6">Tempat Kost</h1>
-            <div class="flex flex-row justify-center items-center">
+    <!-- header -->
+    <div class="card-header flex flex-row justify-between">
+        <h1 class="h6">Tempat Kost</h1>
+        <div class="flex flex-row justify-center items-center">
 
             <a href="{{route('tempat.create')}}" class="btn-bs-primary">
                 Create
             </a>
         </div>
-        </div>
-        <!-- end header -->
+    </div>
+    <!-- end header -->
 
-        <!-- body -->
-        <div class="card-body grid grid-cols-2 gap-6 lg:grid-cols-1">
-            <table class="table-fixed">
-                <thead>
-                    <tr>
-                    <th>Lokasi</th>
-                    <th>Action</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>Tidar 1</td>
-                        <td>
-                            {{-- <div class="grid grid-cols-3"> --}}
-                                <a href="#" class="btn-bs-info">Update</a>
-                                <a href="#" class="btn-bs-danger">Delete</a>
-                            </div>
-                        </td>
-                    </tr>
-                </tbody>
-                </table>
-        </div>
-        <!-- end body -->
+    <!-- body -->
+    <div class="card-body">
+        <table class="w-full">
+            <thead>
+                <tr>
+                    <th class="px-4 py-2 w-1/12">No</th>
+                    <th class="px-4 py-2">Lokasi</th>
+                    <th class="px-4 py-2 w-3/12">Aksi</th>
+                </tr>
+            </thead>
+            <tbody>
+                @for ($i = 1; $i < 10; $i++) 
+                <tr class="hover:bg-gray-200">
+                    <td class="border px-4 py-2">{{ $i }}</td>
+                    <td class="border px-4 py-2">Tidar 1</td>
+                    <td class="border px-4 py-2">
+                        <div class="grid grid-cols-2 gap-4">
+                            <a href="#"
+                                class="btn bg-blue-500 hover:bg-blue-700 hover:text-white text-white font-bold py-2 px-4 rounded">
+                                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 inline-block" fill="none"
+                                    viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+                                    <path stroke-linecap="round" stroke-linejoin="round"
+                                        d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
+                                </svg>
+                                Update
+                            </a>
+                            <a href="#" onclick="return confirm('Kamar kost juga akan terhapus')"
+                                class="btn bg-red-500 hover:bg-red-700 hover:text-white text-white font-bold py-2 px-4 rounded">
+                                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 inline-block" fill="none" viewBox="0 0 24 24"
+                                    stroke="currentColor" stroke-width="2">
+                                    <path stroke-linecap="round" stroke-linejoin="round"
+                                        d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
+                                </svg>
+                                Delete
+                            </a>
+                        </div>
 
+                    </td>
+                </tr>
+                @endfor
+            </tbody>
+        </table>
     </div>
-    <!-- end Sales Overview -->
+    <!-- end body -->
+
+</div>
+<!-- end Sales Overview -->
 @endsection
\ No newline at end of file