Salma FE
This commit is contained in:
Salma Banafsha S. F.
parent
8f0b98e62f
commit
265a8960c0
|
|
@ -28,8 +28,10 @@ public function home()
|
|||
$item->deskripsi = \Illuminate\Support\Str::words($item->deskripsi, 22, '...');
|
||||
}
|
||||
|
||||
$peta = DataKursus::with('kategoris')->get();
|
||||
|
||||
// Kembalikan view dengan data yang sudah diproses
|
||||
return view('user.home', compact('landingpage'));
|
||||
return view('user.home', compact('landingpage','peta'));
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -10,6 +10,7 @@
|
|||
"autoprefixer": "^10.4.20",
|
||||
"axios": "^1.1.2",
|
||||
"flowbite": "^3.0.0",
|
||||
"laravel-mix": "^6.0.49",
|
||||
"laravel-vite-plugin": "^0.7.2",
|
||||
"postcss": "^8.5.1",
|
||||
"tailwindcss": "^3.4.17",
|
||||
|
|
|
|||
|
|
@ -154,3 +154,118 @@ .poppins-black-italic {
|
|||
font-weight: 900;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.bebas-neue-regular {
|
||||
font-family: "Bebas Neue", sans-serif;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.barlow-condensed-thin {
|
||||
font-family: "Barlow Condensed", sans-serif;
|
||||
font-weight: 100;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.barlow-condensed-extralight {
|
||||
font-family: "Barlow Condensed", sans-serif;
|
||||
font-weight: 200;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.barlow-condensed-light {
|
||||
font-family: "Barlow Condensed", sans-serif;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.barlow-condensed-regular {
|
||||
font-family: "Barlow Condensed", sans-serif;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.barlow-condensed-medium {
|
||||
font-family: "Barlow Condensed", sans-serif;
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.barlow-condensed-semibold {
|
||||
font-family: "Barlow Condensed", sans-serif;
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.barlow-condensed-bold {
|
||||
font-family: "Barlow Condensed", sans-serif;
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.barlow-condensed-extrabold {
|
||||
font-family: "Barlow Condensed", sans-serif;
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.barlow-condensed-black {
|
||||
font-family: "Barlow Condensed", sans-serif;
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.barlow-condensed-thin-italic {
|
||||
font-family: "Barlow Condensed", sans-serif;
|
||||
font-weight: 100;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.barlow-condensed-extralight-italic {
|
||||
font-family: "Barlow Condensed", sans-serif;
|
||||
font-weight: 200;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.barlow-condensed-light-italic {
|
||||
font-family: "Barlow Condensed", sans-serif;
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.barlow-condensed-regular-italic {
|
||||
font-family: "Barlow Condensed", sans-serif;
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.barlow-condensed-medium-italic {
|
||||
font-family: "Barlow Condensed", sans-serif;
|
||||
font-weight: 500;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.barlow-condensed-semibold-italic {
|
||||
font-family: "Barlow Condensed", sans-serif;
|
||||
font-weight: 600;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.barlow-condensed-bold-italic {
|
||||
font-family: "Barlow Condensed", sans-serif;
|
||||
font-weight: 700;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.barlow-condensed-extrabold-italic {
|
||||
font-family: "Barlow Condensed", sans-serif;
|
||||
font-weight: 800;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.barlow-condensed-black-italic {
|
||||
font-family: "Barlow Condensed", sans-serif;
|
||||
font-weight: 900;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 211 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 250 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 256 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 100 KiB |
|
|
@ -4,7 +4,7 @@
|
|||
<!-- Bagian atas menampilkan satu gambar secara acak -->
|
||||
<div class="relative">
|
||||
<div class="flex m-auto justify-center items-center responsive-container">
|
||||
<img src="{{ asset('img/Rectangle 227.png') }}" class="w-full h-full" alt="">
|
||||
<img src="{{ asset('img/bg-home.jpg') }}" class="w-full h-full" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -7,14 +7,14 @@
|
|||
<div class="flex justify-end items-center pb-4 ">
|
||||
<button data-modal-target="default-modal-tambah-kategori"
|
||||
data-modal-toggle="default-modal-tambah-kategori"
|
||||
class="bg-[#4F7F81] py-2 px-4 rounded-xl shadow-md shadow-gray-600 hover:bg-[#3F6A6B] text-white text-xs font-bold"
|
||||
class="bg-gradient-to-tr from-[#60BC9D] to-[#12372A] py-2 px-4 rounded-xl shadow-md shadow-gray-600 hover:bg-[#3F6A6B] text-white text-5x1 poppins-regular"
|
||||
href="{{ route('kategori.create') }}">Tambah Data</button>
|
||||
</div>
|
||||
{{ $kategori->links() }}
|
||||
|
||||
<div class="relative overflow-x-auto sm:rounded-lg">
|
||||
<div class="relative overflow-x-auto sm:rounded-lg poppins-regular">
|
||||
<table class="w-full text-sm text-end rtl:text-right shadow-gray-600 text-gray-500">
|
||||
<thead class="text-xs text-gray-700 uppercase shadow-gray-600 bg-gray-50 pb-4">
|
||||
<thead class="text-8x1 text-gray-700 uppercase shadow-gray-600 bg-gray-50 pb-4">
|
||||
<tr>
|
||||
<th scope="col" class=" py-3 text-end">No</th>
|
||||
<!-- Menambahkan text-end untuk penataan -->
|
||||
|
|
@ -42,14 +42,14 @@ class="bg-[#4F7F81] py-2 px-4 rounded-xl shadow-md shadow-gray-600 hover:bg-[#3F
|
|||
<!-- Tombol Edit -->
|
||||
<button data-modal-target="default-modal-edit-kategori{{ $kategoris->id }}"
|
||||
data-modal-toggle="default-modal-edit-kategori{{ $kategoris->id }}"
|
||||
class="font-extrabold text-xs shadow-md shadow-gray-600 hover:bg-[#3F6A6B] text-white py-2 px-2 bg-[#4F7F81] rounded-lg h-fit">
|
||||
class="font-extrabold text-xs shadow-md shadow-gray-600 hover:bg-[#3F6A6B] text-white py-2 px-2 bg-gradient-to-tr from-[#60BC9D] to-[#12372A] rounded-lg h-fit">
|
||||
<i class="fas fa-edit text-xs"></i> <!-- Icon Edit -->
|
||||
</button>
|
||||
|
||||
<!-- Tombol Hapus -->
|
||||
<button data-modal-target="default-modal-delete-kategori{{ $kategoris->id }}"
|
||||
data-modal-toggle="default-modal-delete-kategori{{ $kategoris->id }}"
|
||||
class="font-extrabold text-xs shadow-md shadow-gray-600 hover:bg-[#3F6A6B] text-white py-2 px-2 bg-[#4F7F81] rounded-lg h-fit">
|
||||
class="font-extrabold text-xs shadow-md shadow-gray-600 hover:bg-[#3F6A6B] text-white py-2 px-2 bg-gradient-to-tr from-[#60BC9D] to-[#12372A] rounded-lg h-fit">
|
||||
<i class="fas fa-trash text-xs"></i> <!-- Icon Hapus -->
|
||||
</button>
|
||||
</div>
|
||||
|
|
@ -74,7 +74,7 @@ class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50
|
|||
<div class="relative p-4 w-full max-w-2xl max-h-full">
|
||||
<div class="relative bg-white rounded-lg shadow dark:bg-gray-700">
|
||||
<div class="flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600">
|
||||
<h3 class="text-xl font-semibold text-gray-900 dark:text-white">
|
||||
<h3 class="text-xl poppins-regular text-green-800 dark:text-white">
|
||||
Tambahkan Kategori
|
||||
</h3>
|
||||
<button type="button"
|
||||
|
|
@ -91,7 +91,7 @@ class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounde
|
|||
<form action="{{ route('kategori.store') }}" method="POST">
|
||||
@csrf
|
||||
<div class="p-4 items-center">
|
||||
<label for="nama_kategori" class="block text-gray-700 font-bold mb-1">Kategori</label>
|
||||
<label for="nama_kategori" class="block text-gray-700 poppins-regular mb-1">Kategori</label>
|
||||
<input type="text" id="nama_kategori" name="nama_kategori"
|
||||
class="w-full px-3 border rounded-lg focus:outline-none focus:ring focus:border-blue-300"
|
||||
placeholder="Masukkan Kategori" required required autocomplete="off">
|
||||
|
|
@ -99,11 +99,11 @@ class="w-full px-3 border rounded-lg focus:outline-none focus:ring focus:border-
|
|||
</div>
|
||||
<div class="flex items-center p-4 md:p-5 border-t border-gray-200 rounded-b dark:border-gray-600">
|
||||
<button type="submit"
|
||||
class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-end dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
|
||||
class="text-white bg-gradient-to-tr from-[#60BC9D] to-[#12372A] hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 rounded-lg text-sm poppins-regular px-5 py-2.5 text-end dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
|
||||
Tambah
|
||||
</button>
|
||||
<button data-modal-hide="default-modal-tambah-kategori" type="button"
|
||||
class="py-2.5 px-5 ms-3 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">
|
||||
class="py-2.5 px-5 ms-3 text-sm poppins-regular text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-green-800 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">
|
||||
Batal
|
||||
</button>
|
||||
</div>
|
||||
|
|
@ -118,7 +118,7 @@ class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50
|
|||
<div class="relative p-4 w-full max-w-2xl max-h-full">
|
||||
<div class="relative bg-white rounded-lg shadow dark:bg-gray-700">
|
||||
<div class="flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600">
|
||||
<h3 class="text-xl font-semibold text-gray-900 dark:text-white">
|
||||
<h3 class="text-xl poppins-regular text-gray-900 dark:text-white">
|
||||
Edit Kategori
|
||||
</h3>
|
||||
<button type="button"
|
||||
|
|
@ -141,7 +141,7 @@ class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounde
|
|||
|
||||
<div class="px-4 pb-4 items-center">
|
||||
<label for="detail_kategori"
|
||||
class="block mt-4 text-gray-700 font-bold mb-1">Kategori</label>
|
||||
class="block mt-4 text-gray-700 poppins-regular mb-1">Kategori</label>
|
||||
<input type="text" id="edit-namaKategori" name="nama_kategori"
|
||||
value="{{ $kategoris->nama_kategori }}"
|
||||
class="w-full px-3 border rounded-lg focus:outline-none focus:ring focus:border-blue-300"
|
||||
|
|
@ -150,11 +150,11 @@ class="w-full px-3 border rounded-lg focus:outline-none focus:ring focus:border-
|
|||
<div
|
||||
class="flex items-center p-4 md:p-5 border-t border-gray-200 rounded-b dark:border-gray-600">
|
||||
<button type="submit"
|
||||
class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
|
||||
class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 poppins-regular rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
|
||||
Update
|
||||
</button>
|
||||
<button data-modal-hiden="default-modal-edit-kategori{{ $kategoris->id }}" type="button"
|
||||
class="py-2.5 px-5 ms-3 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">
|
||||
class="py-2.5 px-5 ms-3 text-sm poppins-regular text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">
|
||||
Batal
|
||||
</button>
|
||||
</div>
|
||||
|
|
@ -186,7 +186,7 @@ class="absolute top-3 right-3 text-gray-400 bg-transparent hover:bg-gray-200 hov
|
|||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
|
||||
stroke-width="2" d="M10 11V6m0 8h.01M19 10a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
|
||||
</svg>
|
||||
<h3 class="mb-5 text-lg font-normal text-gray-500 dark:text-gray-400">Anda yakin ingin
|
||||
<h3 class="mb-5 text-lg poppins-regular text-gray-500 dark:text-gray-400">Anda yakin ingin
|
||||
menghapus?</h3>
|
||||
<div class="flex justify-center">
|
||||
<form id="edit-kategori-form" method="POST"
|
||||
|
|
@ -194,14 +194,14 @@ class="absolute top-3 right-3 text-gray-400 bg-transparent hover:bg-gray-200 hov
|
|||
@csrf <!-- Token CSRF -->
|
||||
@method('DELETE') <!-- Menggunakan metode DELETE -->
|
||||
<button type="submit"
|
||||
class="text-white bg-red-600 hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300 dark:focus:ring-red-800 font-medium rounded-lg text-sm inline-flex items-center px-5 py-2.5 text-center">
|
||||
class="text-white bg-red-600 hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300 dark:focus:ring-red-800 font-medium rounded-lg text-sm poppins-regular inline-flex items-center px-5 py-2.5 text-center">
|
||||
Ya, Saya Yakin
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<button type="button"
|
||||
id="cancel-logout"data-modal-hide="default-modal-delete-kategori{{ $kategoris->id }}"
|
||||
class="py-2.5 px-5 ms-3 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-red-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">
|
||||
class="py-2.5 px-5 ms-3 text-sm poppins-regular text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-red-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">
|
||||
Tidak, Batal
|
||||
</button>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -5,14 +5,14 @@
|
|||
|
||||
|
||||
<div class="flex justify-end items-center pb-4 ">
|
||||
<a class="bg-[#4F7F81] py-2 px-4 rounded-xl shadow-md shadow-gray-600 hover:bg-[#3F6A6B] text-white text-xs font-bold"
|
||||
<a class="bg-gradient-to-tr from-[#60BC9D] to-[#12372A] py-2 px-4 rounded-xl shadow-md shadow-gray-600 hover:bg-[#3F6A6B] text-white text-5x1 poppins-regular"
|
||||
href="{{ route('admin.create') }}">Tambah Data</a>
|
||||
</div>
|
||||
|
||||
{{ $courses->links() }}
|
||||
<div class="relative overflow-x-auto sm:rounded-lg">
|
||||
<table class="w-full text-sm text-right rtl:text-right shadow-gray-600 text-gray-500">
|
||||
<thead class="text-xs text-gray-700 uppercase shadow-gray-600 bg-gray-50">
|
||||
<thead class="text-6x1 poppins-regular text-gray-700 uppercase shadow-gray-600 bg-gray-50">
|
||||
<tr>
|
||||
<th scope="col" class=" py-3 px-4 text-end">No</th>
|
||||
<th scope="col" class=" py-3 px-4 text-end">Nama Kursus</th>
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
<tbody class="shadow-gray-600">
|
||||
@foreach ($courses as $index => $course)
|
||||
<tr class="odd:bg-white even:bg-gray-50 shadow-gray-600 ">
|
||||
<th scope="row" class="px-4 py-4 text-end font-medium text-gray-900 whitespace-nowrap">
|
||||
<th scope="row" class="px-4 py-4 text-end poppins-regular text-gray-900 whitespace-nowrap">
|
||||
{{ ($courses->currentPage() - 1) * $courses->perPage() + $loop->iteration }}
|
||||
</th>
|
||||
<td class=" py-4 text-end px-4">
|
||||
|
|
@ -47,7 +47,7 @@ class="aspect-square shadow-md shadow-gray-500 object-cover" alt="">
|
|||
</div>
|
||||
</td>
|
||||
<td class=" py-4 text-end px-4">
|
||||
<div class="flex flex-col justify-center text-end">
|
||||
<div class="flex flex-col justify-center text-end poppins-regular">
|
||||
<span class="mb-2">
|
||||
{{ $course->kategoris ? $course->kategoris->nama_kategori : 'Kategori tidak tersedia' }}
|
||||
</span>
|
||||
|
|
@ -72,14 +72,14 @@ class="aspect-square shadow-md shadow-gray-500 object-cover" alt="">
|
|||
<div>
|
||||
<button data-modal-target="modal-detail{{ $course->id }}"
|
||||
data-modal-toggle="modal-detail{{ $course->id }}"
|
||||
class="font-extrabold text-xs shadow-md shadow-gray-600 hover:bg-[#3F6A6B] text-white py-2 px-2 bg-[#4F7F81] rounded-lg h-fit">
|
||||
class="font-extrabold text-xs shadow-md shadow-gray-600 hover:bg-green-800 text-white py-2 px-2 bg-gradient-to-tr from-[#60BC9D] to-[#12372A] rounded-lg h-fit">
|
||||
<i class="fas fa-info-circle text-xs"></i> <!-- Icon Detail -->
|
||||
</button>
|
||||
</div>
|
||||
<!-- Edit Button with Icon -->
|
||||
<div>
|
||||
<a href="/admin/{{ $course->id }}/edit-kursus"
|
||||
class="font-extrabold text-xs shadow-md shadow-gray-600 hover:bg-[#3F6A6B] text-white py-2 px-2 bg-[#4F7F81] rounded-lg h-fit">
|
||||
class="font-extrabold text-xs shadow-md shadow-gray-600 hover:bg-green-800 text-white py-2 px-2 bg-gradient-to-tr from-[#60BC9D] to-[#12372A] rounded-lg h-fit">
|
||||
<i class="fas fa-edit text-xs"></i> <!-- Icon Edit -->
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -87,7 +87,7 @@ class="font-extrabold text-xs shadow-md shadow-gray-600 hover:bg-[#3F6A6B] text-
|
|||
<div>
|
||||
<button data-modal-target="popup-modal-{{ $course->id }}"
|
||||
data-modal-toggle="popup-modal-{{ $course->id }}"
|
||||
class="font-extrabold text-xs shadow-md shadow-gray-600 hover:bg-[#3F6A6B] text-white py-2 px-2 bg-[#4F7F81] rounded-lg h-fit">
|
||||
class="font-extrabold text-xs shadow-md shadow-gray-600 hover:bg-green-800 text-white py-2 px-2 bg-gradient-to-tr from-[#60BC9D] to-[#12372A] rounded-lg h-fit">
|
||||
<i class="fas fa-trash-alt text-xs"></i> <!-- Icon Delete -->
|
||||
</button>
|
||||
</div>
|
||||
|
|
@ -121,7 +121,7 @@ class="absolute top-3 end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hov
|
|||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
|
||||
stroke-width="2" d="M10 11V6m0 8h.01M19 10a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
|
||||
</svg>
|
||||
<h3 class="text-black mb-5 text-lg font-normal ">
|
||||
<h3 class="text-black mb-5 text-lg poppins-regular ">
|
||||
Apakah Anda yakin ingin menghapus kursus ini?</h3>
|
||||
<!-- Form Hapus -->
|
||||
<form id="delete-form-{{ $course->id }}"
|
||||
|
|
@ -132,11 +132,11 @@ class="absolute top-3 end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hov
|
|||
</form>
|
||||
<button type="button"
|
||||
onclick="document.getElementById('delete-form-{{ $course->id }}').submit()"
|
||||
class="text-white bg-red-600 hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300 font-medium rounded-lg text-sm inline-flex items-center px-5 py-2.5 text-start">
|
||||
class="text-white bg-red-600 hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300 poppins-regular rounded-lg text-sm inline-flex items-center px-5 py-2.5 text-start">
|
||||
Hapus
|
||||
</button>
|
||||
<button type="button"
|
||||
class="py-2.5 px-5 ms-3 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-gray-800 focus:z-10 focus:ring-4 focus:ring-gray-100 "
|
||||
class="py-2.5 px-5 ms-3 text-sm poppins-regular text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-gray-800 focus:z-10 focus:ring-4 focus:ring-gray-100 "
|
||||
data-modal-hide="popup-modal-{{ $course->id }}">Tidak,
|
||||
Batal</button>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
@include('partials.head')
|
||||
@include('partials.font')
|
||||
|
||||
<!--
|
||||
<div class="bg-[#4F7F81]">
|
||||
<nav class="border-gray-200 container bg-[#4F7F81]">
|
||||
<div class="max-w-screen-2xl flex flex-wrap items-center justify-between mx-auto p-4">
|
||||
|
|
@ -9,19 +10,19 @@
|
|||
<span
|
||||
class="self-center text-4xl text-white font-semibold whitespace-nowrap pt-4 aclonica-regular">LearnMap</span>
|
||||
</a>
|
||||
</div>
|
||||
</div> -->
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<body>
|
||||
<div class="container py-10 px-8 lg:px-0">
|
||||
<div class="container py-10 px-8 lg:px-0 ">
|
||||
<div class="grid lg:grid-cols-2 grid-cols-1">
|
||||
<div class="hidden lg:block justify-center items-center">
|
||||
<img src="{{ asset('img/login.png') }}" alt="">
|
||||
<div class="hidden lg:block justify-center items-center ">
|
||||
<img src="{{ asset('img/bg-forgot pw.jpg') }}" alt="">
|
||||
</div>
|
||||
<div class="border border-slate-500">
|
||||
<p class="p-8 flex justify-center items-center poppins-semibold text-4xl">Forgot Password</p>
|
||||
<div class="mb-4 text-sm text-gray-600 px-8">
|
||||
<p class="p-8 flex justify-center items-center text-green-800 barlow-condensed-semibold text-6xl">FORGOT PASSWORD</p>
|
||||
<div class="mb-4 text-sm poppins-regular text-gray-600 px-8">
|
||||
Forgot your password? No problem. Just let us know your email address and we will email you a
|
||||
password reset link that will allow you to choose a new one.
|
||||
</div>
|
||||
|
|
@ -41,9 +42,9 @@ class="fixed top-5 left-1/2 transform -translate-x-1/2 bg-green-500 text-white p
|
|||
|
||||
<!-- Email Address -->
|
||||
<div class="mb-5">
|
||||
<label for="email" class="block mb-2 text-sm font-medium text-gray-900">Your Email</label>
|
||||
<label for="email" class="block mb-2 text-sm poppins-regular text-gray-900">Your Email</label>
|
||||
<input type="email" id="email" name="email"
|
||||
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
|
||||
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm poppins-regular rounded-lg focus:ring-green-800 focus:border-green-800 block w-full p-2.5"
|
||||
placeholder="email@gmail.com" :value="old('email')" required autofocus />
|
||||
@error('email')
|
||||
<span class="text-sm text-red-600 mt-1">{{ $message }}</span>
|
||||
|
|
@ -51,13 +52,13 @@ class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:
|
|||
</div>
|
||||
|
||||
<button type="submit"
|
||||
class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center">Send
|
||||
class="text-white bg-gradient-to-tr from-[#60BC9D] to-[#12372A] hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center poppins-regular">Send
|
||||
Password Reset Link</button>
|
||||
</form>
|
||||
|
||||
<!-- Back to Login -->
|
||||
<div class="text-center mt-4">
|
||||
<a href="{{ route('login') }}" class="text-blue-600 hover:text-blue-800 font-semibold">Back to
|
||||
<a href="{{ route('login') }}" class="text-green-800 hover:text-blue-800 poppins-regular">Back to
|
||||
Login</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@ class="self-center text-4xl text-white font-semibold whitespace-nowrap pt-4 aclo
|
|||
<label for="email" class="block mb-2 text-sm font-medium text-gray-900">Your Email</label>
|
||||
<input type="email" id="email" name="email"
|
||||
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
|
||||
placeholder="email@gmail.com" :value="old('email', $request - > email)" required autofocus
|
||||
placeholder="email@gmail.com" :value="old('email', $request -> email)" required autofocus
|
||||
autocomplete="username" />
|
||||
@error('email')
|
||||
<span class="text-sm text-red-600 mt-1">{{ $message }}</span>
|
||||
|
|
|
|||
|
|
@ -1,23 +1,23 @@
|
|||
<footer class="bg-[#85A7A8]">
|
||||
<footer class="bg-green-900">
|
||||
<div class="mx-auto container w-full py-6 lg:py-8">
|
||||
<div class="space-y-10 md:flex md:justify-between">
|
||||
<div>
|
||||
<a href="#" class="flex items-start justify-start ml-[-10px]">
|
||||
<img src="{{ asset('img/Rectangle 65.png') }}" class="h-20 w-20 object-cover"
|
||||
<img src="{{ asset('img/logo2.png') }}" class="h-20 w-20 object-cover"
|
||||
alt="Flowbite Logo" />
|
||||
<span
|
||||
class="self-center pt-6 text-4xl text-white font-semibold whitespace-nowrap aclonica-regular">LearnMap</span>
|
||||
class="self-center pt-6 text-4xl text-white barlow-condensed-semibold whitespace-nowrap aclonica-regular">LearnMap</span>
|
||||
</a>
|
||||
<p class="md:px-4 max-w-3xl xl:text-xl aclonica-regular">
|
||||
<p class="md:px-4 max-w-3xl xl:text-2x1 poppins-regular text-white">
|
||||
LearnMap adalah aplikasi web SIG pemetaan lokasi bimbingan belajar bahasa Inggris yang
|
||||
membantu Anda menemukan tempat kursus terbaik di sekitar Anda.
|
||||
</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-2 gap-8 sm:gap-6 sm:grid-cols-3">
|
||||
<div>
|
||||
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase">Resources
|
||||
<h2 class="mb-6 text-sm poppin-semibold text-white uppercase">Resources
|
||||
</h2>
|
||||
<ul class="text-gray-600 font-medium space-y-4">
|
||||
<ul class="text-white poppins-regular space-y-4">
|
||||
<li class="">
|
||||
<a href="/beranda" class="hover:underline">Beranda</a>
|
||||
</li>
|
||||
|
|
@ -30,9 +30,9 @@ class="self-center pt-6 text-4xl text-white font-semibold whitespace-nowrap aclo
|
|||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase">Follow us
|
||||
<h2 class="mb-6 text-sm poppins-semibold text-white uppercase">Follow us
|
||||
</h2>
|
||||
<ul class="text-gray-600 font-medium space-y-4">
|
||||
<ul class="text-white poppins-regular space-y-4">
|
||||
<li class="">
|
||||
<a href="#"
|
||||
class="hover:underline ">Github</a>
|
||||
|
|
@ -43,9 +43,9 @@ class="hover:underline ">Github</a>
|
|||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase">Legal
|
||||
<h2 class="mb-6 text-sm poppins-semibold text-white uppercase">Legal
|
||||
</h2>
|
||||
<ul class="text-gray-600 font-medium">
|
||||
<ul class="text-white poppins-regular">
|
||||
<li class="mb-4">
|
||||
<a href="#" class="hover:underline">Privacy Policy</a>
|
||||
</li>
|
||||
|
|
@ -58,11 +58,11 @@ class="hover:underline ">Github</a>
|
|||
</div>
|
||||
<hr class="my-6 border-gray-200 sm:mx-auto lg:my-8" />
|
||||
<div class="sm:flex sm:items-center sm:justify-between">
|
||||
<span class="text-sm text-gray-600 sm:text-center">© 2024 <a href="https://flowbite.com/"
|
||||
class="hover:underline">LearnMap™</a>. All Rights Reserved.
|
||||
<span class="text-sm text-white sm:text-center">© 2024 <a href="https://flowbite.com/"
|
||||
class="hover:underline ">LearnMap™</a>. All Rights Reserved.
|
||||
</span>
|
||||
<div class="flex mt-4 sm:justify-center sm:mt-0">
|
||||
<a href="#" class="text-gray-600 hover:text-gray-900">
|
||||
<a href="#" class="text-white hover:text-gray-900">
|
||||
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
||||
fill="currentColor" viewBox="0 0 8 19">
|
||||
<path fill-rule="evenodd"
|
||||
|
|
@ -71,7 +71,7 @@ class="hover:underline">LearnMap™</a>. All Rights Reserved.
|
|||
</svg>
|
||||
<span class="sr-only">Facebook page</span>
|
||||
</a>
|
||||
<a href="#" class="text-gray-600 hover:text-gray-900 ms-5">
|
||||
<a href="#" class="text-white hover:text-gray-900 ms-5">
|
||||
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
||||
fill="currentColor" viewBox="0 0 21 16">
|
||||
<path
|
||||
|
|
@ -79,7 +79,7 @@ class="hover:underline">LearnMap™</a>. All Rights Reserved.
|
|||
</svg>
|
||||
<span class="sr-only">Discord community</span>
|
||||
</a>
|
||||
<a href="#" class="text-gray-600 hover:text-gray-900 ms-5">
|
||||
<a href="#" class="text-white hover:text-gray-900 ms-5">
|
||||
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
||||
fill="currentColor" viewBox="0 0 20 17">
|
||||
<path fill-rule="evenodd"
|
||||
|
|
@ -88,7 +88,7 @@ class="hover:underline">LearnMap™</a>. All Rights Reserved.
|
|||
</svg>
|
||||
<span class="sr-only">Twitter page</span>
|
||||
</a>
|
||||
<a href="#" class="text-gray-600 hover:text-gray-900 ms-5">
|
||||
<a href="#" class="text-white hover:text-gray-900 ms-5">
|
||||
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
||||
fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd"
|
||||
|
|
@ -97,7 +97,7 @@ class="hover:underline">LearnMap™</a>. All Rights Reserved.
|
|||
</svg>
|
||||
<span class="sr-only">GitHub account</span>
|
||||
</a>
|
||||
<a href="#" class="text-gray-600 hover:text-gray-900 ms-5">
|
||||
<a href="#" class="text-white hover:text-gray-900 ms-5">
|
||||
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
||||
fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd"
|
||||
|
|
|
|||
|
|
@ -1,104 +1,61 @@
|
|||
<div class="bg-[#4F7F81]">
|
||||
<nav class="border-gray-200 container bg-[#4F7F81] ">
|
||||
<div class="max-w-screen-2xl flex flex-wrap items-center justify-between mx-auto p-4">
|
||||
<a href="{{ route('user.home') }}" class="flex items-center ">
|
||||
<img src="{{ asset('img/Rectangle 65.png') }}" class="h-14 object-cover w-14 lg:mw-20 lg:h-20"
|
||||
alt="Flowbite Logo" />
|
||||
<span
|
||||
class="self-center text-2xl sm:text-3xl lg:text-4xl text-white font-semibold whitespace-nowrap pt-4 aclonica-regular">LearnMap</span>
|
||||
<div class=" flex justify-center relative">
|
||||
<nav
|
||||
class="z-50 container bg-white text-white rounded-full fixed top-4 p-2 flex items-center justify-between shadow-lg w-full w-full mx-auto">
|
||||
<!-- Logo dan Nama Aplikasi -->
|
||||
<a href="{{ route('user.home') }}" class="flex items-center">
|
||||
<img src="{{ asset('img/logo3.png') }}" class="h-10 w-10" alt="Logo LearnMap" />
|
||||
<span class="ml-2 text-2xl barlow-condensed-semibold text-green-800">LearnMap</span>
|
||||
</a>
|
||||
<button data-collapse-toggle="navbar-solid-bg" type="button"
|
||||
class="inline-flex text-white items-center p-2 w-10 h-10 justify-center text-sm rounded-lg md:hidden focus:outline-none focus:ring-2 focus:ring-gray-200 "
|
||||
aria-controls="navbar-solid-bg" aria-expanded="false">
|
||||
<span class="sr-only">Open main menu</span>
|
||||
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
|
||||
viewBox="0 0 17 14">
|
||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M1 1h15M1 7h15M1 13h15" />
|
||||
</svg>
|
||||
</button>
|
||||
<div class="hidden w-full md:block md:w-auto" id="navbar-solid-bg">
|
||||
<ul
|
||||
class="flex flex-col items-center font-medium mt-4 rounded-lg bg-white md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:bg-transparent">
|
||||
|
||||
<li class="">
|
||||
<a href="{{ route('user.home') }}"
|
||||
class="{{ request()->is('/') ? 'bg-[#EBFEA1] md:bg-transparent md:text-white md:underline' : 'text-gray-900' }} block py-2 px-3 md:p-0 rounded hover:bg-[#EBFEA1] md:hover:bg-transparent md:border-0 md:hover:text-white poppins-extrabold text-sm ">
|
||||
Beranda
|
||||
</a>
|
||||
</li>
|
||||
<li class="">
|
||||
<a href="{{ route('user.kursus') }}"
|
||||
class="{{ request()->is('kursus', 'kursus/*/detail', 'kursus/*/rute') ? 'bg-[#EBFEA1] md:bg-transparent md:text-white md:underline' : 'text-gray-900' }} block py-2 px-3 md:p-0 rounded hover:bg-[#EBFEA1] md:hover:bg-transparent md:border-0 md:hover:text-white poppins-extrabold text-sm ">
|
||||
Kursus
|
||||
</a>
|
||||
</li>
|
||||
<li class="">
|
||||
<a href="{{ route('user.peta') }}"
|
||||
class="{{ request()->is('peta') ? 'bg-[#EBFEA1] md:bg-transparent md:text-white md:underline' : 'text-gray-900' }} block py-2 px-3 md:p-0 rounded hover:bg-[#EBFEA1] md:hover:bg-transparent md:border-0 md:hover:text-white poppins-extrabold text-sm ">
|
||||
Peta
|
||||
</a>
|
||||
</li>
|
||||
<!-- Menu Navigasi -->
|
||||
<ul class="flex space-x-8 text-lg poppins-regular">
|
||||
<li><a href="{{ route('user.home') }}" class="text-black hover:text-green-600">Beranda</a></li>
|
||||
<li><a href="{{ route('user.kursus') }}" class="text-black hover:text-green-600">Kursus</a></li>
|
||||
<li><a href="{{ route('user.peta') }}" class="text-black hover:text-green-600">Peta</a></li>
|
||||
</ul>
|
||||
|
||||
<!-- Tombol Login atau Dropdown User -->
|
||||
@if (Auth::check())
|
||||
<li>
|
||||
<button type="button"
|
||||
class="flex text-sm bg-gray-800 rounded-full md:me-0 focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-600"
|
||||
id="user-menu-button" aria-expanded="false" data-dropdown-toggle="user-dropdown"
|
||||
data-dropdown-placement="bottom">
|
||||
<div class="relative">
|
||||
<button type="button" class="flex text-sm bg-gray-800 rounded-full focus:ring-4 focus:ring-gray-300"
|
||||
id="user-menu-button" aria-expanded="false" data-dropdown-toggle="user-dropdown">
|
||||
<span class="sr-only">Open user menu</span>
|
||||
<!-- Menggunakan foto default dari Google jika tidak ada foto di profil pengguna -->
|
||||
<img class="w-8 h-8 rounded-full"
|
||||
src="{{ Auth::user()->avatar ?: 'https://www.gravatar.com/avatar/' . md5(strtolower(trim(Auth::user()->email))) }}?d=identicon"
|
||||
alt="user photo">
|
||||
</button>
|
||||
</li>
|
||||
|
||||
<!-- Dropdown menu -->
|
||||
<div class="z-50 hidden my-4 text-base list-none bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600"
|
||||
<!-- Dropdown Menu -->
|
||||
<div class="z-50 hidden my-4 text-base list-none bg-white divide-y divide-gray-100 rounded-lg shadow"
|
||||
id="user-dropdown">
|
||||
<div class="px-4 py-3">
|
||||
<span
|
||||
class="block text-sm text-gray-900 dark:text-white">{{ Auth::user()->name }}</span>
|
||||
<span
|
||||
class="block text-sm text-gray-500 truncate dark:text-gray-400">{{ Auth::user()->email }}</span>
|
||||
<span class="block text-sm text-gray-900">{{ Auth::user()->name }}</span>
|
||||
<span class="block text-sm text-gray-500 truncate">{{ Auth::user()->email }}</span>
|
||||
</div>
|
||||
<ul class="py-2" aria-labelledby="user-menu-button">
|
||||
@if (Auth::user() && Auth::user()->role === 'admin')
|
||||
<li>
|
||||
<a href="{{ route('admin.home') }}">
|
||||
<button type="submit"
|
||||
class="block w-full px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white text-left">Dashboard</button>
|
||||
</a>
|
||||
<a href="{{ route('admin.home') }}"
|
||||
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Dashboard</a>
|
||||
</li>
|
||||
@endif
|
||||
<li>
|
||||
<a href="{{ route('password.edit') }}">
|
||||
<button type="submit"
|
||||
class="block w-full px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white text-left">Setting</button>
|
||||
</a>
|
||||
<a href="{{ route('password.edit') }}"
|
||||
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Setting</a>
|
||||
</li>
|
||||
<li>
|
||||
<form action="{{ route('logout') }}" method="POST">
|
||||
@csrf
|
||||
<button type="submit"
|
||||
class="block w-full px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white text-left">Sign
|
||||
class="block w-full px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 text-left">Sign
|
||||
out</button>
|
||||
</form>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@else
|
||||
<a href="{{ route('login') }}"
|
||||
class="{{ request()->is('peta') ? 'bg-[#EBFEA1] text-gray-800' : 'bg-white text-gray-900' }}
|
||||
block py-2 px-3 rounded-2xl border-2 border-gray-300 hover:bg-[#EBFEA1]
|
||||
hover:text-gray-800 hover:border-gray-500 transition-all duration-200 md:inline-block
|
||||
poppins-extrabold text-sm">
|
||||
Login
|
||||
</a>
|
||||
class="bg-green-900 text-white px-4 py-2 rounded-full hover:bg-green-700">Login</a>
|
||||
@endif
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
|
|
@ -1,92 +1,71 @@
|
|||
<div class="bg-[#4F7F81]">
|
||||
<nav class="border-gray-200 container bg-[#4F7F81]">
|
||||
<div class="max-w-screen-2xl flex flex-wrap items-center justify-between mx-auto p-4">
|
||||
<div class="flex justify-center relative">
|
||||
<nav class="z-50 container bg-white text-white rounded-full fixed top-4 p-2 flex items-center justify-between shadow-lg w-full max-w-4xl mx-auto">
|
||||
<!-- Logo dan Nama Aplikasi -->
|
||||
<a href="{{ route('user.home') }}" class="flex items-center">
|
||||
<img src="{{ asset('img/Rectangle 65.png') }}" class="h-14 object-cover w-14 lg:mw-20 lg:h-20"
|
||||
alt="Flowbite Logo" />
|
||||
<span
|
||||
class="self-center text-2xl sm:text-3xl lg:text-4xl text-white font-semibold whitespace-nowrap pt-4 aclonica-regular">
|
||||
LearnMap
|
||||
</span>
|
||||
<img src="{{ asset('img/Rectangle 65.png') }}" class="h-10 w-10" alt="Logo LearnMap" />
|
||||
<span class="ml-2 text-2xl font-semibold text-black">LearnMap</span>
|
||||
</a>
|
||||
<button data-collapse-toggle="navbar-solid-bg" type="button"
|
||||
class="inline-flex text-white items-center p-2 w-10 h-10 justify-center text-sm rounded-lg md:hidden focus:outline-none focus:ring-2 focus:ring-gray-200"
|
||||
aria-controls="navbar-solid-bg" aria-expanded="false">
|
||||
<span class="sr-only">Open main menu</span>
|
||||
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
|
||||
viewBox="0 0 17 14">
|
||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M1 1h15M1 7h15M1 13h15" />
|
||||
</svg>
|
||||
</button>
|
||||
<div class="hidden w-full md:block md:w-auto py-4" id="navbar-solid-bg">
|
||||
<ul
|
||||
class="flex flex-col py-2 md:px-4 items-center font-medium rounded-lg bg-white md:space-x-8 space-y-2 md:space-y-0 md:flex-row md:mt-0 md:border-0 md:bg-transparent">
|
||||
<li class="">
|
||||
<a href="{{ route('admin.home') }}"
|
||||
class="{{ request()->is('admin/dashboard') ? 'bg-[#EBFEA1] md:bg-transparent md:text-white md:underline' : 'text-gray-900' }} block py-2 px-3 md:p-0 hover:bg-[#EBFEA1] rounded-lg md:hover:bg-transparent md:border-0 md:hover:text-white poppins-extrabold text-sm">
|
||||
|
||||
<!-- Menu Navigasi -->
|
||||
<ul class="flex space-x-8 text-lg poppins-regular">
|
||||
<li>
|
||||
<a href="{{ route('admin.home') }}" class="text-black hover:text-green-600 ">
|
||||
Dashboard
|
||||
</a>
|
||||
</li>
|
||||
<li class="">
|
||||
<a href="{{ route('kategori.index') }}"
|
||||
class="{{ request()->is('admin/kategori') ? 'bg-[#EBFEA1] md:bg-transparent md:text-white md:underline' : 'text-gray-900' }} block py-2 px-3 md:p-0 hover:bg-[#EBFEA1] rounded-lg md:hover:bg-transparent md:border-0 md:hover:text-white poppins-extrabold text-sm">
|
||||
<li>
|
||||
<a href="{{ route('kategori.index') }}" class="text-black hover:text-green-600">
|
||||
Kategori
|
||||
</a>
|
||||
</li>
|
||||
<li class="">
|
||||
<a href="{{ route('admin.dataKursus') }}"
|
||||
class="{{ request()->is('admin/data-kursus', 'admin/create-data', 'admin/*/edit-kursus') ? 'bg-[#EBFEA1] md:bg-transparent md:text-white md:underline' : 'text-gray-900' }} block py-2 px-3 md:p-0 hover:bg-[#EBFEA1] md:hover:bg-transparent md:border-0 md:hover:text-white poppins-extrabold text-sm">
|
||||
<li>
|
||||
<a href="{{ route('admin.dataKursus') }}" class="text-black hover:text-green-600">
|
||||
Data Kursus
|
||||
</a>
|
||||
</li>
|
||||
<li class="">
|
||||
<button type="button"
|
||||
class="flex text-sm bg-gray-800 rounded-full md:me-0 focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-600"
|
||||
id="user-menu-button" aria-expanded="false" data-dropdown-toggle="user-dropdown"
|
||||
data-dropdown-placement="bottom">
|
||||
</ul>
|
||||
|
||||
<!-- Tombol Login atau Dropdown User -->
|
||||
@if (Auth::check())
|
||||
<div class="relative">
|
||||
<button type="button" class="flex text-sm bg-gray-800 rounded-full focus:ring-4 focus:ring-gray-300"
|
||||
id="user-menu-button" aria-expanded="false" data-dropdown-toggle="user-dropdown">
|
||||
<span class="sr-only">Open user menu</span>
|
||||
<img class="w-8 h-8 rounded-full"
|
||||
src="{{ Auth::user()->avatar ?: 'https://www.gravatar.com/avatar/' . md5(strtolower(trim(Auth::user()->email))) }}?d=identicon"
|
||||
alt="user photo">
|
||||
</button>
|
||||
</li>
|
||||
|
||||
<!-- Dropdown menu -->
|
||||
<div class="z-50 hidden my-4 text-base list-none bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600"
|
||||
<!-- Dropdown Menu -->
|
||||
<div class="z-50 hidden my-4 text-base list-none bg-white divide-y divide-gray-100 rounded-lg shadow"
|
||||
id="user-dropdown">
|
||||
<div class="px-4 py-3">
|
||||
<span class="block text-sm text-gray-900 dark:text-white">{{ Auth::user()->name }}</span>
|
||||
<span
|
||||
class="block text-sm text-gray-500 truncate dark:text-gray-400">{{ Auth::user()->email }}</span>
|
||||
<span class="block text-sm text-gray-900">{{ Auth::user()->name }}</span>
|
||||
<span class="block text-sm text-gray-500 truncate">{{ Auth::user()->email }}</span>
|
||||
</div>
|
||||
<ul class="py-2" aria-labelledby="user-menu-button">
|
||||
<li>
|
||||
<a href="{{ route('admin.home') }}">
|
||||
<button type="submit"
|
||||
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white">Dashboard</button>
|
||||
</a>
|
||||
<a href="{{ route('admin.home') }}"
|
||||
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Dashboard</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ route('password.edit') }}">
|
||||
<button type="submit"
|
||||
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white">Setting</button>
|
||||
</a>
|
||||
<a href="{{ route('password.edit') }}"
|
||||
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Setting</a>
|
||||
</li>
|
||||
<li>
|
||||
<form action="{{ route('logout') }}" method="POST">
|
||||
@csrf
|
||||
<button type="submit"
|
||||
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white">Sign
|
||||
class="block w-full px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 text-left">Sign
|
||||
out</button>
|
||||
</form>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@else
|
||||
<a href="{{ route('login') }}"
|
||||
class="bg-green-900 text-white px-4 py-2 rounded-full hover:bg-green-700">Login</a>
|
||||
@endif
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,29 +1,27 @@
|
|||
@include('partials.head')
|
||||
@include('partials.font')
|
||||
|
||||
<div class="bg-[#4F7F81]">
|
||||
<nav class="border-gray-200 container bg-[#4F7F81] ">
|
||||
<div class="max-w-screen-2xl flex flex-wrap items-center justify-between mx-auto p-4">
|
||||
<a href="/" class="flex items-center">
|
||||
<img src="{{ asset('img/Rectangle 65.png') }}" class="h-20 object-cover w-20" alt="Flowbite Logo" />
|
||||
<span
|
||||
class="self-center text-4xl text-white font-semibold whitespace-nowrap pt-4 aclonica-regular">LearnMap</span>
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<body>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
|
||||
<title>Login</title>
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet"/>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet"/>
|
||||
<style>
|
||||
body {
|
||||
font-family: 'Inter', sans-serif;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="bg-gray-100">
|
||||
@if (session('success'))
|
||||
<div
|
||||
class="fixed top-5 left-1/2 transform -translate-x-1/2 bg-green-500 text-white px-6 py-3 rounded-md shadow-lg z-50">
|
||||
<div class="fixed top-5 left-1/2 transform -translate-x-1/2 bg-green-500 text-white px-6 py-3 rounded-md shadow-lg z-50">
|
||||
{{ session('success') }}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if ($errors->any())
|
||||
<div
|
||||
class="fixed top-5 left-1/2 transform -translate-x-1/2 bg-red-500 text-white px-6 py-3 rounded-md shadow-lg z-50">
|
||||
<div class="fixed top-5 left-1/2 transform -translate-x-1/2 bg-red-500 text-white px-6 py-3 rounded-md shadow-lg z-50">
|
||||
<ul>
|
||||
@foreach ($errors->all() as $error)
|
||||
<li>{{ $error }}</li>
|
||||
|
|
@ -32,47 +30,45 @@ class="fixed top-5 left-1/2 transform -translate-x-1/2 bg-red-500 text-white px-
|
|||
</div>
|
||||
@endif
|
||||
|
||||
<div class="container py-10 px-8 lg:px-0">
|
||||
<div class="grid lg:grid-cols-2 grid-cols-1">
|
||||
<div class="hidden lg:block justify-center items-center">
|
||||
<img src="{{ asset('img/login.png') }}" alt="">
|
||||
<div class="flex min-h-screen">
|
||||
<!-- Left Side -->
|
||||
<div class="w-full lg:w-1/2 flex flex-col justify-center items-center bg-white p-8">
|
||||
<div class="w-full max-w-md">
|
||||
<div class="mb-8">
|
||||
<!--
|
||||
<a href="/" class="flex items-center">
|
||||
<img src="{{ asset('img/Rectangle 65.png') }}" class="h-20 object-cover w-20" alt="Logo"/>
|
||||
<span class="self-center text-2xl text-[#4F7F81] font-semibold whitespace-nowrap pt-4 aclonica-regular">LearnMap</span>
|
||||
</a> -->
|
||||
<h1 class="text-5xl text-green-800 barlow-condensed-semibold mt-4">LOGIN</h1>
|
||||
</div>
|
||||
<div class="border border-slate-500">
|
||||
<p class="p-8 flex justify-center font-semibold items-center poppins-semibold text-4xl">Login</p>
|
||||
<form class="px-8 mx-auto" method="POST">
|
||||
<form method="POST">
|
||||
@csrf
|
||||
<div class="mb-5">
|
||||
<label for="email" class="block mb-2 text-sm font-medium text-gray-900 ">Your email</label>
|
||||
<input type="email" id="email" name="email"
|
||||
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 "
|
||||
placeholder="email@gmail.com" required />
|
||||
<div class="mb-4">
|
||||
<label class="block text-sm poppins-regular mb-1" for="email">Email*</label>
|
||||
<input class="w-full border border-gray-300 rounded-lg py-2 px-3" id="email" name="email" placeholder="Enter your email" type="email" required/>
|
||||
</div>
|
||||
<div class="mb-5">
|
||||
<label for="password" class="block mb-2 text-sm font-medium text-gray-900 ">Your
|
||||
password</label>
|
||||
<input type="password" id="password" name="password"
|
||||
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 "
|
||||
required placeholder="********" />
|
||||
<div class="mb-4">
|
||||
<label class="block text-sm poppins-regular mb-1" for="password">Password*</label>
|
||||
<input class="w-full border border-gray-300 rounded-lg py-2 px-3" id="password" name="password" placeholder="Enter your password" type="password" required/>
|
||||
<a href="{{ route('password.forget') }}" class="text-sm text-green-800 poppins-regular mt-2 inline-block">Forgot password?</a>
|
||||
</div>
|
||||
<div class="flex items-ded justify-end mb-5">
|
||||
|
||||
|
||||
<!-- Lupa Password -->
|
||||
<a href="{{ route('password.forget') }}"
|
||||
class="text-blue-600 hover:text-blue-800 text-sm font-medium">Forgot password?</a>
|
||||
</div>
|
||||
<button type="submit"
|
||||
class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center">Log In</button>
|
||||
<button class="w-full bg-gradient-to-tr from-[#60BC9D] to-[#12372A] text-white rounded-lg py-2 poppins-regular" type="submit">Log In</button>
|
||||
</form>
|
||||
<!-- Tombol Register -->
|
||||
<div class="text-center mt-4">
|
||||
<p class="text-sm text-gray-600">Don't have an account?</p>
|
||||
<a href="{{ route('register.index') }}"
|
||||
class="text-blue-600 hover:text-blue-800 font-semibold">Register here</a>
|
||||
<p class="mt-4 poppins-regula text-sm text-gray-500">
|
||||
Don't have an account?
|
||||
<a href="{{ route('register.index') }}" class="text-black poppins-regular">Register here</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Right Side -->
|
||||
<div class="hidden lg:flex lg:w-1/2 flex items-center justify-center bg-cover bg-center relative" style="background-image: url('{{ asset('img/bg-login.jpg') }}'); background-size: object-contain;">
|
||||
<div class="absolute inset-0 opacity-25"></div>
|
||||
<div class="relative z-10 p-8">
|
||||
<h2 class="text-5xl barlow-condensed-semibold text-green-800 mb-4">MARI TEMUKAN KURSUS IMPIANMU BERSAMA LEARN MAP.</h2>
|
||||
<p class="text-black poppins-regular ">Jelajahi kursus berkualitas bersama Learn Map, sekarang juga. Temukan berbagai pilihan kursus yang dirancang untuk meningkatkan keterampilan dan pengetahuanmu.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
@include('partials.head')
|
||||
@include('partials.font')
|
||||
|
||||
<!--
|
||||
<div class="bg-[#4F7F81]">
|
||||
<nav class="border-gray-200 container bg-[#4F7F81]">
|
||||
<div class="max-w-screen-2xl flex flex-wrap items-center justify-between mx-auto p-4">
|
||||
|
|
@ -9,7 +9,7 @@
|
|||
<span
|
||||
class="self-center text-4xl text-white font-semibold whitespace-nowrap pt-4 aclonica-regular">LearnMap</span>
|
||||
</a>
|
||||
</div>
|
||||
</div> -->
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
|
@ -22,39 +22,39 @@ class="self-center text-4xl text-white font-semibold whitespace-nowrap pt-4 aclo
|
|||
@endif
|
||||
|
||||
<div class="border border-slate-500 pb-4">
|
||||
<p class="p-8 flex justify-center items-center poppins-semibold text-4xl">Register</p>
|
||||
<p class="p-8 flex justify-center items-center barlow-condensed-semibold text-green-800 text-6xl">REGISTER</p>
|
||||
<form class="px-8 mx-auto" method="POST" action="{{ route('register.account') }}">
|
||||
@csrf
|
||||
<div class="mb-5">
|
||||
<label for="name" class="block mb-2 text-sm font-medium text-gray-900">Your Name</label>
|
||||
<label for="name" class="block mb-2 text-sm poppins-regular text-gray-900">Your Name</label>
|
||||
<input type="text" id="name" name="name" value="{{ old('name') }}"
|
||||
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
|
||||
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm poppins-regular rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
|
||||
placeholder="Full Name" required />
|
||||
</div>
|
||||
<div class="mb-5">
|
||||
<label for="email" class="block mb-2 text-sm font-medium text-gray-900">Your Email</label>
|
||||
<label for="email" class="block mb-2 text-sm poppins-regular text-gray-900">Your Email</label>
|
||||
<input type="email" id="email" name="email"
|
||||
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
|
||||
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm poppins-regular rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
|
||||
placeholder="email@example.com" required />
|
||||
|
||||
</div>
|
||||
<div class="mb-5">
|
||||
<label for="email_confirmation" class="block mb-2 text-sm font-medium text-gray-900">Confirm Your
|
||||
<label for="email_confirmation" class="block mb-2 text-sm poppins-regular text-gray-900">Confirm Your
|
||||
Email</label>
|
||||
<input type="email" id="email_confirmation" name="email_confirmation"
|
||||
value="{{ old('email_confirmation') }}"
|
||||
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
|
||||
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm poppins-regular rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
|
||||
placeholder="Confirm email@example.com" required />
|
||||
</div>
|
||||
|
||||
<div class="mb-5">
|
||||
<label for="password" class="block mb-2 text-sm font-medium text-gray-900">Your Password</label>
|
||||
<label for="password" class="block mb-2 text-sm poppins-regular text-gray-900">Your Password</label>
|
||||
<input type="password" id="password" name="password" value="{{ old('password') }}"
|
||||
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
|
||||
placeholder="********" required />
|
||||
</div>
|
||||
<div class="mb-5">
|
||||
<label for="password_confirmation" class="block mb-2 text-sm font-medium text-gray-900">Confirm
|
||||
<label for="password_confirmation" class="block mb-2 text-sm poppins-regular text-gray-900">Confirm
|
||||
Password</label>
|
||||
<input type="password" id="password_confirmation" name="password_confirmation"
|
||||
value="{{ old('password_confirmation') }}"
|
||||
|
|
@ -71,11 +71,11 @@ class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:
|
|||
</div>
|
||||
@endif
|
||||
<button type="submit"
|
||||
class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center">Register</button>
|
||||
class="text-white bg-gradient-to-tr from-[#60BC9D] to-[#12372A] hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 poppins-regular rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center">Register</button>
|
||||
</form>
|
||||
<div class="text-center mt-4">
|
||||
<p class="text-sm text-gray-600">Already have an account?</p>
|
||||
<a href="{{ route('login') }}" class="text-blue-600 hover:text-blue-800 font-semibold">Login here</a>
|
||||
<p class="text-sm poppins-regular text-gray-600">Already have an account?</p>
|
||||
<a href="{{ route('login') }}" class="text-green-700 hover:text-blue-800 poppins-regular">Login here</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -7,4 +7,7 @@
|
|||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Aclonica&family=Archivo+Black&family=Pacifico&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
|
||||
rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
|
||||
rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Bebas+Neue&display=swap" rel="stylesheet">
|
||||
|
|
|
|||
|
|
@ -2,8 +2,8 @@
|
|||
|
||||
|
||||
<!-- CSS Aplikasi -->
|
||||
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
||||
|
||||
@vite(['resources/css/app.css', 'resources/js/app.js','public/css/font.css'])
|
||||
<link href="{{ mix('css/app.css') }}" rel="stylesheet">
|
||||
|
||||
<!-- Viewport untuk Responsif -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
|
@ -15,8 +15,23 @@
|
|||
integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
|
||||
|
||||
<!-- Leaflet Routing Machine CSS dan JS -->
|
||||
{{--
|
||||
<link rel="stylesheet" href="https://unpkg.com/leaflet-routing-machine@3.2.12/dist/leaflet-routing-machine.css" />
|
||||
<script src="https://unpkg.com/leaflet-routing-machine@3.2.12/dist/leaflet-routing-machine.js"></script>
|
||||
<script src="https://unpkg.com/leaflet-routing-machine@3.2.12/dist/leaflet-routing-machine.js"></script> --}}
|
||||
<!-- LEAFLET CSS -->
|
||||
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
|
||||
|
||||
<!-- LEAFLET JS -->
|
||||
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
|
||||
|
||||
|
||||
@stack('script')
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
|
||||
|
||||
<!-- link font -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">\
|
||||
|
||||
|
||||
</style>
|
||||
|
|
@ -1,11 +1,4 @@
|
|||
<x-layout>
|
||||
<div class="py-10 bg-white ">
|
||||
<div class="bg-[#EBFEA1] container poppins-extrabold m-auto flex items-center justify-center p-2">
|
||||
<p>Halaman ini berisi tentang kursus di Pare! </p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@if (session('error'))
|
||||
<div
|
||||
class="fixed top-5 left-1/2 transform -translate-x-1/2 bg-red-500 text-white px-6 py-3 rounded-md shadow-lg z-50">
|
||||
|
|
@ -15,27 +8,47 @@ class="fixed top-5 left-1/2 transform -translate-x-1/2 bg-red-500 text-white px-
|
|||
@error('rating')
|
||||
<div
|
||||
class="fixed top-5 left-1/2 transform -translate-x-1/2 bg-red-500 text-white px-6 py-3 rounded-md shadow-lg z-50">
|
||||
{{ $message }}</div>
|
||||
@enderror
|
||||
<div class="container flex justify-center items-center pb-16">
|
||||
<section id="gambarutama">
|
||||
<div class="h-auto w-full ">
|
||||
<img src=" {{ asset('storage/' . $data->img) }}" alt=""
|
||||
class="h-[350px] sm:h-[400px] md:h-[450px] lg:h-[500px] xl:h-[ ] w-full">
|
||||
{{ $message }}
|
||||
</div>
|
||||
@enderror
|
||||
|
||||
</section>
|
||||
<div class="flex justify-center items-center pb-16 p-4">
|
||||
<div class="h-auto w-full relative">
|
||||
<img src="{{ asset('storage/' . $data->img) }}" alt="" class="aspect-[4/2] w-full object-cover rounded-2xl">
|
||||
<figcaption class="container w-full">
|
||||
|
||||
<div class="absolute container bottom-8 left-1/2 transform -translate-x-1/2 space-y-10 text-center">
|
||||
<p class="poppins-bold text-start text-6xl xl:text-8xl text-white pr-16 w-1/2">
|
||||
{{ $data->nama_kursus }}
|
||||
</p>
|
||||
|
||||
<div class="flex justify-start space-x-4">
|
||||
<a href="/kursus/{{ $data->id }}/rute" target="_blank"
|
||||
class="poppins-medium py-3 px-8 bg-[#4F7F81] text-white rounded-xl text-sm shadow-xl">Rute
|
||||
Terdekat</a>
|
||||
<button data-modal-target="default-modal-detail-gambar"
|
||||
data-modal-toggle="default-modal-detail-gambar"
|
||||
class="poppins-medium py-3 px-8 bg-[#4F7F81] text-white rounded-xl text-sm shadow-xl">Foto
|
||||
Detail</button>
|
||||
</div>
|
||||
<div class="flex justify-between w-full text-white">
|
||||
<button class="px-20 py-3 poppins-regular bg-gradient-to-tr from-[#60BC9D] to-[#12372A] rounded-3xl">Deskripsi</button>
|
||||
<button class="px-20 py-3 poppins-regular bg-gradient-to-tr from-[#60BC9D] to-[#12372A] rounded-3xl">Paket</button>
|
||||
<button class="px-20 py-3 poppins-regular bg-gradient-to-tr from-[#60BC9D] to-[#12372A] rounded-3xl">Metode</button>
|
||||
<button class="px-20 py-3 poppins-regular bg-gradient-to-tr from-[#60BC9D] to-[#12372A] rounded-3xl">Fasilitas</button>
|
||||
<button class="px-20 py-3 poppins-regular bg-gradient-to-tr from-[#60BC9D] to-[#12372A] rounded-3xl">Lokasi</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<p class="poppins-medium font-semibold text-3xl xl:text-4xl text-black">{{ $data->nama_kursus }}</p>
|
||||
|
||||
<p class="poppins-medium font-semibold text-sm xl:text-xl text-black pb-4">
|
||||
({{ optional($data->kategoris)->nama_kategori ?? 'Kategori tidak tersedia' }}
|
||||
)</p>
|
||||
<a href="/kursus/{{ $data->id }}/rute" target="_blank"
|
||||
class="poppins-medium py-2 px-4 bg-[#4F7F81] text-white rounded-xl text-sm shadow-xl">Rute Terdekat</a>
|
||||
<button data-modal-target="default-modal-detail-gambar" data-modal-toggle="default-modal-detail-gambar"
|
||||
class="poppins-medium py-2 px-4 bg-[#4F7F81] text-white rounded-xl text-sm shadow-xl">Foto Detail</button>
|
||||
|
||||
|
||||
|
||||
<!-- Main modal -->
|
||||
|
|
@ -48,8 +61,8 @@ class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50
|
|||
@if (!empty($imageNames) && count($imageNames) > 0)
|
||||
@foreach ($imageNames as $index => $img_konten)
|
||||
<div class="border border-slate-300 rounded-md p-4">
|
||||
<img src="{{ asset('storage/' . $img_konten) }}"
|
||||
class="w-full h-auto object-contain" alt="Image {{ $index + 1 }}">
|
||||
<img src="{{ asset('storage/' . $img_konten) }}" class="w-full h-auto object-contain"
|
||||
alt="Image {{ $index + 1 }}">
|
||||
</div>
|
||||
@endforeach
|
||||
@else
|
||||
|
|
@ -98,7 +111,7 @@ class="w-full h-auto object-contain" alt="Image {{ $index + 1 }}">
|
|||
|
||||
{{-- Bagian Metode Pembelajaran --}}
|
||||
<div class="w-auto xl:max-w-max space-y-4">
|
||||
<p class="poppins-semibold font-semibold text-2xl text-black underline">
|
||||
<p class="poppins-semibold text-2xl text-black underline">
|
||||
Metode Pembelajaran
|
||||
</p>
|
||||
<p class="pl-4 poppins-regular text-lg text-black" id="metode-text">
|
||||
|
|
@ -144,7 +157,7 @@ class="w-full h-auto object-contain" alt="Image {{ $index + 1 }}">
|
|||
</div>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
// Fungsi reusable untuk mengatur toggle teks
|
||||
function toggleText(elementId, buttonId, fullText) {
|
||||
const textElement = document.getElementById(elementId);
|
||||
|
|
@ -152,7 +165,7 @@ function toggleText(elementId, buttonId, fullText) {
|
|||
|
||||
if (toggleButton) {
|
||||
const shortText = textElement.innerHTML; // Teks pendek yang sudah dirender
|
||||
toggleButton.addEventListener('click', function() {
|
||||
toggleButton.addEventListener('click', function () {
|
||||
if (textElement.innerHTML === shortText) {
|
||||
// Tampilkan teks penuh
|
||||
textElement.innerHTML = fullText;
|
||||
|
|
@ -193,7 +206,7 @@ function toggleText(elementId, buttonId, fullText) {
|
|||
<span class="text-sm pl-4">Rata-rata: {{ round($averageRating, 1) }} / 5</span>
|
||||
</div>
|
||||
<div class=" md:ml-4">
|
||||
<p class="poppins-medium font-semibold text-sm xl:text-xl text-black">
|
||||
<p class="poppins-medium poppins-regular text-sm xl:text-xl text-black">
|
||||
(Total: {{ $totalRatings }} ulasan)
|
||||
</p>
|
||||
</div>
|
||||
|
|
@ -263,11 +276,9 @@ class="w-full px-0 text-sm text-gray-900 bg-white border-0 focus:ring-0 placehol
|
|||
<div class="flex items-center space-x-2" id="rating-stars">
|
||||
@for ($i = 1; $i <= 5; $i++)
|
||||
<label class="cursor-pointer">
|
||||
<input type="radio" name="rating" value="{{ $i }}"
|
||||
class="hidden" />
|
||||
<input type="radio" name="rating" value="{{ $i }}" class="hidden" />
|
||||
<svg class="w-6 h-6 text-gray-300 hover:text-yellow-400 transition-colors duration-200"
|
||||
xmlns="http://www.w3.org/2000/svg" fill="currentColor"
|
||||
viewBox="0 0 22 20">
|
||||
xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
|
||||
<path
|
||||
d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" />
|
||||
</svg>
|
||||
|
|
@ -312,8 +323,8 @@ class="inline-flex items-center py-2.5 px-4 text-xs font-medium text-center text
|
|||
@endauth
|
||||
|
||||
@guest
|
||||
<p class="text-sm text-gray-500">
|
||||
Anda harus <a href="{{ route('login') }}" class="text-blue-600 hover:underline">login</a> untuk
|
||||
<p class="text-sm poppins-regular text-gray-500">
|
||||
Anda harus <a href="{{ route('login') }}" class="text-green-800 poppins-semibold hover:underline">login</a> untuk
|
||||
memberikan ulasan.
|
||||
</p>
|
||||
@endguest
|
||||
|
|
@ -321,9 +332,9 @@ class="inline-flex items-center py-2.5 px-4 text-xs font-medium text-center text
|
|||
|
||||
|
||||
<!-- Community Guidelines -->
|
||||
<p class="ms-auto text-xs text-gray-500">
|
||||
<p class="ms-auto text-xs poppins-regular text-gray-500">
|
||||
Remember, contributions to this topic should follow our
|
||||
<a href="#" class="text-blue-600 hover:underline">Community Guidelines</a>.
|
||||
<a href="#" class="text-green-800 poppins-semibold hover:underline">Community Guidelines</a>.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,99 +1,147 @@
|
|||
<x-layout>
|
||||
<div class="container">
|
||||
<div class="bg-gray-100">
|
||||
|
||||
<div class="py-10 bg-white ">
|
||||
<div class="bg-[#EBFEA1] poppins-extrabold m-auto flex items-center justify-center p-2">
|
||||
<p>Holaa, Selamat Datang Di LearnMap</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Hero Section -->
|
||||
<div class="relative">
|
||||
<!-- Gambar -->
|
||||
<img alt="LearnMap Hero Image" class="w-full object-cover" src="{{ asset('img/bg-home.jpg') }}" />
|
||||
|
||||
<!-- Overlay Teks -->
|
||||
<div class="absolute inset-0 flex items-center justify-center pl-8">
|
||||
<div class="text-white">
|
||||
<div>
|
||||
<h1 class="text-9xl font-bold mb-4 text-center barlow-condensed-semibold">
|
||||
PARE EDUCATION <br> ENGLISH LANGUAGE
|
||||
</h1>
|
||||
<!-- <p class="text-lg mb-6">
|
||||
Belajar bahasa Inggris dengan metode menarik dan akses mudah di LearnMap.
|
||||
</p> -->
|
||||
</div>
|
||||
<div class="flex m-auto justify-center items-center responsive-container">
|
||||
<img src="{{ asset('img/Rectangle 227.png') }}" class="w-full h-full" alt="">
|
||||
</div>
|
||||
<div class="pt-8 bg-[#86A7A8] ">
|
||||
<div class="container pb-20">
|
||||
<div class="flex justify-center">
|
||||
|
||||
<div class="flex justify-between items-center pb-4 ">
|
||||
<p class="text-black poppins-semibold text-xl">
|
||||
Kursus Populer
|
||||
</p>
|
||||
<a href="/kursus" class="py-1 px-4 rounded-full bg-white font-bold text-lg ">
|
||||
Lihat Semua Kursus
|
||||
<a class=" text-white px-6 py-3 rounded-md bg-gradient-to-tr from-[#60BC9D] to-[#12372A]" href="{{route('user.kursus')}}">
|
||||
Jelajahi
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-1 xl:grid-cols-3 gap-8 m-auto justify-center items-center">
|
||||
<!-- About Section -->
|
||||
|
||||
|
||||
<!-- Popular Courses Section -->
|
||||
<div class="container mx-auto px-4 py-12">
|
||||
<div class=" py-12">
|
||||
<div class="flex ">
|
||||
<div class="space-y-4">
|
||||
<h2 class="text-5xl barlow-condensed-semibold text-green-800 font-bold ">
|
||||
TENTANG KAMI
|
||||
</h2>
|
||||
<h2 class="text-start poppins-regular mb-12 text-xl text-gray-600">
|
||||
|
||||
LearnMap adalah sebuah aplikasi website Sistem Informasi Geografis (SIG) yang dirancang khusus
|
||||
untuk memudahkan Anda menemukan tempat bimbingan belajar bahasa Inggris terbaik di Kecamatan Pare,
|
||||
Kabupaten Kediri. Kami menyediakan berbagai pilihan kursus berkualitas tinggi dengan tutor berpengalaman,
|
||||
metode pembelajaran yang interaktif dan menarik, serta akses yang mudah dan cepat melalui platform digital
|
||||
kami. Dengan LearnMap, Anda dapat menjelajahi informasi lengkap tentang lokasi, program, dan fasilitas
|
||||
bimbingan belajar, sehingga membantu Anda meningkatkan keterampilan bahasa Inggris secara efektif dan
|
||||
mewujudkan mimpi Anda untuk menguasai bahasa internasional ini dengan lebih percaya diri.
|
||||
</h2>
|
||||
<div class="flex ">
|
||||
|
||||
<a class="poppins-regular bg-gradient-to-tr from-[#60BC9D] to-[#12372A] text-white px-6 py-3 rounded-md"
|
||||
href="">
|
||||
Pelajari Lebih Lanjut
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<img alt="About LearnMap" class="w-auto h-128 object-contain "
|
||||
src="{{ asset('img/tentang kami2.jpg') }}" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- PETA -->
|
||||
<div id="" class="container px-4 mt-10 relative z-[1] ">
|
||||
<div class="mb-4 flex justify-between">
|
||||
<!-- Section Title -->
|
||||
<div>
|
||||
<p class="text-5xl font-bold text-start mb-4 barlow-condensed-semibold text-green-800">PERSEBARAN KURSUS</p>
|
||||
<h5 class="text-start poppins-regular mb-12 text-xl text-gray-600">Berikut adalah persebaran seluruh wisata saat ini
|
||||
</h5>
|
||||
<div class="p-20 " id="map"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<style>
|
||||
#map {
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
/* Bisa disesuaikan */
|
||||
border-radius: 10px;
|
||||
}
|
||||
</style>
|
||||
<!-- LEAFLET JS -->
|
||||
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
|
||||
integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
// Pastikan elemen "map" ada di dalam HTML
|
||||
var map = L.map('map').setView([51.505, -0.09], 13);
|
||||
|
||||
// Tambahkan tile layer dari OpenStreetMap
|
||||
L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
|
||||
attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
|
||||
}).addTo(map);
|
||||
|
||||
// Tambahkan marker
|
||||
L.marker([51.5, -0.09]).addTo(map)
|
||||
.bindPopup('<b>Ini Popup</b><br>Anda bisa menyesuaikan teks di sini.')
|
||||
.openPopup();
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<h2 class="text-5xl font-bold text-start mb-4 barlow-condensed-semibold text-green-800">
|
||||
KURSUS POPULER
|
||||
</h2>
|
||||
<p class="text-start poppins-regular mb-12 text-xl text-gray-600">
|
||||
Pilih kursus yang sesuai dengan kebutuhan Anda
|
||||
</p>
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
@if ($landingpage->isNotEmpty())
|
||||
@foreach ($landingpage as $landingpage)
|
||||
<div
|
||||
class="w-full h-full bg-white border border-gray-200 rounded-lg transition ease-in-out delay-0 hover:-translate-y-1 hover:scale-100 duration-300">
|
||||
<div class="">
|
||||
class="bg-white rounded-lg shadow-md overflow-hidden transition ease-in-out delay-0 hover:-translate-y-1 hover:scale-100 duration-300">
|
||||
<a href="#">
|
||||
<img class="rounded-lg m-auto flex justify-center items-center w-full h-72 object-cover"
|
||||
src="{{ asset('storage/' . $landingpage->img) }}" alt="" />
|
||||
<img class="w-full h-48 object-cover" src="{{ asset('storage/' . $landingpage->img) }}"
|
||||
alt="{{ $landingpage->nama_kursus }}" />
|
||||
</a>
|
||||
<div class="p-5 h-44">
|
||||
<a href="#">
|
||||
<h5
|
||||
class="mb-2 text-2xl poppins-regular font-extrabold tracking-tight text-gray-900 ">
|
||||
{{ $landingpage->nama_kursus }}</h5>
|
||||
</a>
|
||||
<p class="mb-3 font-normal poppins-regular text-gray-700">
|
||||
{{ Str::words($landingpage->deskripsi, 30, '...') }}
|
||||
<div class="p-4">
|
||||
<h3 class="text-xl font-semibold poppins-bold uppercase text-green-800">
|
||||
{{ $landingpage->nama_kursus }}
|
||||
</h3>
|
||||
<p class="mt-2 text-gray-700 poppins-regular text-gray-600">
|
||||
{{ Str::words($landingpage->deskripsi, 20, '...') }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-end justify-end bg-white rounded-b-lg ">
|
||||
<div class="mb-4 mr-4 ">
|
||||
<a href="/kursus/{{ $landingpage->id }}/detail"
|
||||
class="inline-flex items-center px-6 py-2 text-sm font-extrabold text-black ring-2 ring-black rounded-full hover:text-white hover:bg-[#4F7F81] hover:ring-[#4F7F81] focus:ring-4 focus:outline-none focus:ring-blue-300">
|
||||
Lihat
|
||||
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true"
|
||||
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
|
||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
|
||||
stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9" />
|
||||
</svg>
|
||||
<a class="poppins-regular mt-4 inline-block bg-gradient-to-tr from-[#60BC9D] to-[#12372A] text-white px-4 py-2 rounded-md"
|
||||
href="/kursus/{{ $landingpage->id }}/detail">
|
||||
Lihat Detail
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@endforeach
|
||||
@else
|
||||
<div class="py-10 flex col-span-3">
|
||||
<div class="bg-[#EBFEA1] w-full poppins-extrabold m-auto flex items-center justify-center p-2">
|
||||
<div
|
||||
class="poppins-regular text-graycol-span-3 py-10 bg-[#EBFEA1] poppins-extrabold flex items-center justify-center p-2">
|
||||
<p>Tidak Tersedia Kursus</p>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container py-16">
|
||||
<p class="text-xl poppins-semibold ">Tentang Kami</p>
|
||||
<div class="grid xl:grid-cols-2 grid-cols-1 ">
|
||||
<div class="text-xl poppins-semibold">
|
||||
<p class="py-4">
|
||||
Tingkatkan Kemampuan Bahasa Inggris Anda dengan LearnMap!
|
||||
</p>
|
||||
<p>
|
||||
Selamat datang di LearnMap, aplikasi website Sistem Informasi Geografis bimbingan belajar bahasa
|
||||
Inggris di Kecamatan Pare, yang didirikan dengan semangat memberdayakan individu melalui
|
||||
pengetahuan. Kami menyediakan berbagai kursus berkualitas tinggi, metode belajar menarik, dan
|
||||
akses mudah untuk membantu Anda meningkatkan keterampilan dan mencapai mimpi. Mulailah
|
||||
perjalanan Anda untuk menguasai bahasa Inggris
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex items-center justify-center">
|
||||
<img src="{{ asset('img/imgcewe.png') }}" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</x-layout>
|
||||
|
|
@ -1,8 +1,8 @@
|
|||
<x-layout>
|
||||
<div class="py-10 bg-white container">
|
||||
<div class="bg-[#EBFEA1] poppins-extrabold m-auto flex items-center justify-center p-2">
|
||||
<!-- <div class="bg-[#EBFEA1] poppins-extrabold m-auto flex items-center justify-center p-2">
|
||||
<p>Halaman ini berisi tentang kursus di Pare! </p>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
|
||||
<div class="container pb-20">
|
||||
|
|
@ -10,7 +10,7 @@
|
|||
<form method="GET" action="{{ route('user.kursus') }}" class="flex space-x-2">
|
||||
<!-- Dropdown Kategori -->
|
||||
<select name="kategori" onchange="this.form.submit()"
|
||||
class="p-2 border border-gray-300 rounded-md text-gray-700 text-sm">
|
||||
class="p-2 border border-gray-300 rounded-md text-gray-700 text-sm poppins-regular">
|
||||
<option value="">Semua Kategori</option>
|
||||
@foreach ($kategori as $item)
|
||||
<option value="{{ $item->id }}" {{ request('kategori') == $item->id ? 'selected' : '' }}>
|
||||
|
|
@ -22,10 +22,10 @@ class="p-2 border border-gray-300 rounded-md text-gray-700 text-sm">
|
|||
<!-- Search Input -->
|
||||
<div class="relative">
|
||||
<input type="text" name="search" id="search-dropdown"
|
||||
class="pr-14 pl-4 p-2.5 w-full text-sm text-gray-900 bg-gray-50 border border-gray-300 rounded-md"
|
||||
class="pr-14 pl-4 p-2.5 w-full text-sm text-black bg-white border border-gray-300 rounded-md poppins-regular"
|
||||
placeholder="Pencarian Nama Kursus" value="{{ request('search') }}" />
|
||||
<button type="submit"
|
||||
class="absolute top-0 end-0 px-4 h-full text-sm font-medium text-white bg-[#4F7F81] rounded-e-lg">
|
||||
class="absolute top-0 end-0 px-4 h-full text-sm font-medium text-white bg-gradient-to-tr from-[#60BC9D] to-[#12372A] rounded-e-lg">
|
||||
🔍
|
||||
</button>
|
||||
</div>
|
||||
|
|
@ -36,20 +36,20 @@ class="absolute top-0 end-0 px-4 h-full text-sm font-medium text-white bg-[#4F7F
|
|||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 justify-center py-4 items-center gap-4 !important">
|
||||
@foreach ($data_kursus as $kursus)
|
||||
<div class="kursus-item max-w-xl h-ful mx-auto shadow-2xl rounded-lg ">
|
||||
<div class="kursus-item max-w-xl h-ful mx-auto shadow-2xl rounded-lg">
|
||||
<div>
|
||||
<div>
|
||||
<img class=" flex justify-center items-center w-full h-64 object-cover"
|
||||
<img class=" flex justify-center items-center w-full h-64 object-cover rounded-lg"
|
||||
src="{{ asset('storage/' . $kursus->img) }}" alt="" />
|
||||
</div>
|
||||
<div class="p-5 h-44">
|
||||
<div>
|
||||
<h5
|
||||
class="nama-kursus mb-2 text-xl poppins-regular font-extrabold tracking-tight text-gray-900">
|
||||
class="barlow-condensed-semibold text-green-800 nama-kursus mb-2 text-2xl poppins-regular font-extrabold tracking-tight text-gray-900">
|
||||
{{ $kursus->nama_kursus }}
|
||||
</h5>
|
||||
<h5
|
||||
class="nama-kursus mb-2 text-sm poppins-regular font-extrabold tracking-tight text-gray-900">
|
||||
class="poppins-regular text-black nama-kursus mb-2 text-sm poppins-regular font-extrabold tracking-tight text-gray-900">
|
||||
{{ optional($kursus->kategoris)->nama_kategori ?? 'Kategori tidak tersedia' }}
|
||||
</h5>
|
||||
</div>
|
||||
|
|
@ -61,7 +61,7 @@ class="nama-kursus mb-2 text-sm poppins-regular font-extrabold tracking-tight te
|
|||
<div class="flex items-end justify-end rounded-b-lg">
|
||||
<div class="my-4 mr-4">
|
||||
<a href="/kursus/{{ $kursus->id }}/detail"
|
||||
class="inline-flex items-center px-6 py-2 text-sm font-extrabold text-slate-700 ring-1 ring-slate-500 rounded-full hover:text-white hover:bg-[#4F7F81] hover:ring-[#4F7F81] focus:ring-4 focus:outline-none focus:ring-blue-300">
|
||||
class="poppins-regular inline-flex items-center px-6 py-2 text-sm font-extrabold text-slate-700 ring-1 ring-slate-500 rounded-full hover:text-white hover:bg-green-800 hover:ring-green-800 focus:ring-4 focus:outline-none focus:ring-blue-300">
|
||||
Lihat
|
||||
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true"
|
||||
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
|
||||
|
|
|
|||
|
|
@ -6,9 +6,10 @@
|
|||
</style>
|
||||
<div class="container flex flex-col">
|
||||
<div class="py-10 bg-white">
|
||||
<!--
|
||||
<div class="bg-[#EBFEA1] poppins-extrabold m-auto flex items-center justify-center p-2">
|
||||
<p>Halaman ini berisi tentang kursus di Pare!</p>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="pb-10">
|
||||
<!-- Peta Leaflet -->
|
||||
|
|
@ -53,5 +54,6 @@ class="w-full h-56 sm:h-64 md:h-96 lg:h-[500px] xl:h-[650px] max-w-4xl rounded-l
|
|||
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
</x-layout>
|
||||
|
|
|
|||
|
|
@ -12,12 +12,18 @@ export default {
|
|||
padding: {
|
||||
DEFAULT: "0rem",
|
||||
sm: "0rem",
|
||||
lg: "2rem",
|
||||
xl: "3rem",
|
||||
"2xl": "4rem",
|
||||
lg: "1rem",
|
||||
xl: "2rem",
|
||||
"2xl": "3rem",
|
||||
},
|
||||
// Tambahkan opsi `center` untuk margin auto
|
||||
center: true,
|
||||
},
|
||||
extend: {
|
||||
// Tambahkan font Bebas Neue di sini
|
||||
fontFamily: {
|
||||
'bebas-neue': ['"Bebas Neue"', 'sans-serif'],
|
||||
},
|
||||
dropShadow: {
|
||||
"1xl": "0 10px 20px rgba(0, 0, 0, 0.15)", // Light shadow for minimal depth
|
||||
"2xl": "0 20px 30px rgba(0, 0, 0, 0.2)", // More noticeable shadow
|
||||
|
|
@ -28,7 +34,6 @@ export default {
|
|||
],
|
||||
},
|
||||
},
|
||||
extend: {},
|
||||
},
|
||||
plugins: [require("flowbite/plugin")],
|
||||
};
|
||||
Loading…
Reference in New Issue