salma
/
Website_SIG_Pare
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Salma FE

This commit is contained in:
Salma Banafsha S. F. 2025-03-24 12:48:39 +07:00
parent 8f0b98e62f
commit 265a8960c0
28 changed files with 9798 additions and 456 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/Http/Controllers/PengunjungController.php
View File

@ -28,8 +28,10 @@ public function home()
$item->deskripsi = \Illuminate\Support\Str::words($item->deskripsi, 22, '...'); $item->deskripsi = \Illuminate\Support\Str::words($item->deskripsi, 22, '...');
} }
$peta = DataKursus::with('kategoris')->get();
// Kembalikan view dengan data yang sudah diproses // Kembalikan view dengan data yang sudah diproses
return view('user.home', compact('landingpage')); return view('user.home', compact('landingpage','peta'));
} }

9207
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

1
package.json
View File

@ -10,6 +10,7 @@
"autoprefixer": "^10.4.20", "autoprefixer": "^10.4.20",
"axios": "^1.1.2", "axios": "^1.1.2",
"flowbite": "^3.0.0", "flowbite": "^3.0.0",
"laravel-mix": "^6.0.49",
"laravel-vite-plugin": "^0.7.2", "laravel-vite-plugin": "^0.7.2",
"postcss": "^8.5.1", "postcss": "^8.5.1",
"tailwindcss": "^3.4.17", "tailwindcss": "^3.4.17",

115
public/css/font.css
View File

@ -154,3 +154,118 @@ .poppins-black-italic {
font-weight: 900; font-weight: 900;
font-style: italic; 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;
}

BIN
public/img/bg-forgot pw.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 211 KiB

BIN
public/img/bg-home.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 250 KiB

BIN
public/img/bg-login.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 256 KiB

BIN
public/img/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

0
public/img/Rectangle 65.png → public/img/logo2.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
public/img/logo3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
public/img/tentang kami.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 KiB

2
resources/views/admin/dashboard.blade.php
View File

@ -4,7 +4,7 @@
<!-- Bagian atas menampilkan satu gambar secara acak --> <!-- Bagian atas menampilkan satu gambar secara acak -->
<div class="relative"> <div class="relative">
<div class="flex m-auto justify-center items-center responsive-container"> <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>
</div> </div>

32
resources/views/admin/dataKategoriAdmin.blade.php
View File

@ -7,14 +7,14 @@
<div class="flex justify-end items-center pb-4 "> <div class="flex justify-end items-center pb-4 ">
<button data-modal-target="default-modal-tambah-kategori" <button data-modal-target="default-modal-tambah-kategori"
data-modal-toggle="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> href="{{ route('kategori.create') }}">Tambah Data</button>
</div> </div>
{{ $kategori->links() }} {{ $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"> <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> <tr>
<th scope="col" class=" py-3 text-end">No</th> <th scope="col" class=" py-3 text-end">No</th>
<!-- Menambahkan text-end untuk penataan --> <!-- 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 --> <!-- Tombol Edit -->
<button data-modal-target="default-modal-edit-kategori{{ $kategoris->id }}" <button data-modal-target="default-modal-edit-kategori{{ $kategoris->id }}"
data-modal-toggle="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 --> <i class="fas fa-edit text-xs"></i> <!-- Icon Edit -->
</button> </button>
<!-- Tombol Hapus --> <!-- Tombol Hapus -->
<button data-modal-target="default-modal-delete-kategori{{ $kategoris->id }}" <button data-modal-target="default-modal-delete-kategori{{ $kategoris->id }}"
data-modal-toggle="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 --> <i class="fas fa-trash text-xs"></i> <!-- Icon Hapus -->
</button> </button>
</div> </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 p-4 w-full max-w-2xl max-h-full">
<div class="relative bg-white rounded-lg shadow dark:bg-gray-700"> <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"> <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 Tambahkan Kategori
</h3> </h3>
<button type="button" <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"> <form action="{{ route('kategori.store') }}" method="POST">
@csrf @csrf
<div class="p-4 items-center"> <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" <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" class="w-full px-3 border rounded-lg focus:outline-none focus:ring focus:border-blue-300"
placeholder="Masukkan Kategori" required required autocomplete="off"> 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>
<div class="flex items-center p-4 md:p-5 border-t border-gray-200 rounded-b dark:border-gray-600"> <div class="flex items-center p-4 md:p-5 border-t border-gray-200 rounded-b dark:border-gray-600">
<button type="submit" <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 Tambah
</button> </button>
<button data-modal-hide="default-modal-tambah-kategori" type="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 Batal
</button> </button>
</div> </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 p-4 w-full max-w-2xl max-h-full">
<div class="relative bg-white rounded-lg shadow dark:bg-gray-700"> <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"> <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 Edit Kategori
</h3> </h3>
<button type="button" <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"> <div class="px-4 pb-4 items-center">
<label for="detail_kategori" <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" <input type="text" id="edit-namaKategori" name="nama_kategori"
value="{{ $kategoris->nama_kategori }}" value="{{ $kategoris->nama_kategori }}"
class="w-full px-3 border rounded-lg focus:outline-none focus:ring focus:border-blue-300" 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 <div
class="flex items-center p-4 md:p-5 border-t border-gray-200 rounded-b dark:border-gray-600"> class="flex items-center p-4 md:p-5 border-t border-gray-200 rounded-b dark:border-gray-600">
<button type="submit" <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 Update
</button> </button>
<button data-modal-hiden="default-modal-edit-kategori{{ $kategoris->id }}" type="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 Batal
</button> </button>
</div> </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" <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" /> stroke-width="2" d="M10 11V6m0 8h.01M19 10a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
</svg> </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> menghapus?</h3>
<div class="flex justify-center"> <div class="flex justify-center">
<form id="edit-kategori-form" method="POST" <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 --> @csrf <!-- Token CSRF -->
@method('DELETE') <!-- Menggunakan metode DELETE --> @method('DELETE') <!-- Menggunakan metode DELETE -->
<button type="submit" <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 Ya, Saya Yakin
</button> </button>
</form> </form>
<button type="button" <button type="button"
id="cancel-logout"data-modal-hide="default-modal-delete-kategori{{ $kategoris->id }}" 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 Tidak, Batal
</button> </button>
</div> </div>

20
resources/views/admin/dataKursusAdmin.blade.php
View File

@ -5,14 +5,14 @@
<div class="flex justify-end items-center pb-4 "> <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> href="{{ route('admin.create') }}">Tambah Data</a>
</div> </div>
{{ $courses->links() }} {{ $courses->links() }}
<div class="relative overflow-x-auto sm:rounded-lg"> <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"> <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> <tr>
<th scope="col" class=" py-3 px-4 text-end">No</th> <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> <th scope="col" class=" py-3 px-4 text-end">Nama Kursus</th>
@ -27,7 +27,7 @@
<tbody class="shadow-gray-600"> <tbody class="shadow-gray-600">
@foreach ($courses as $index => $course) @foreach ($courses as $index => $course)
<tr class="odd:bg-white even:bg-gray-50 shadow-gray-600 "> <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 }} {{ ($courses->currentPage() - 1) * $courses->perPage() + $loop->iteration }}
</th> </th>
<td class=" py-4 text-end px-4"> <td class=" py-4 text-end px-4">
@ -47,7 +47,7 @@ class="aspect-square shadow-md shadow-gray-500 object-cover" alt="">
</div> </div>
</td> </td>
<td class=" py-4 text-end px-4"> <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"> <span class="mb-2">
{{ $course->kategoris ? $course->kategoris->nama_kategori : 'Kategori tidak tersedia' }} {{ $course->kategoris ? $course->kategoris->nama_kategori : 'Kategori tidak tersedia' }}
</span> </span>
@ -72,14 +72,14 @@ class="aspect-square shadow-md shadow-gray-500 object-cover" alt="">
<div> <div>
<button data-modal-target="modal-detail{{ $course->id }}" <button data-modal-target="modal-detail{{ $course->id }}"
data-modal-toggle="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 --> <i class="fas fa-info-circle text-xs"></i> <!-- Icon Detail -->
</button> </button>
</div> </div>
<!-- Edit Button with Icon --> <!-- Edit Button with Icon -->
<div> <div>
<a href="/admin/{{ $course->id }}/edit-kursus" <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 --> <i class="fas fa-edit text-xs"></i> <!-- Icon Edit -->
</a> </a>
</div> </div>
@ -87,7 +87,7 @@ class="font-extrabold text-xs shadow-md shadow-gray-600 hover:bg-[#3F6A6B] text-
<div> <div>
<button data-modal-target="popup-modal-{{ $course->id }}" <button data-modal-target="popup-modal-{{ $course->id }}"
data-modal-toggle="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 --> <i class="fas fa-trash-alt text-xs"></i> <!-- Icon Delete -->
</button> </button>
</div> </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" <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" /> stroke-width="2" d="M10 11V6m0 8h.01M19 10a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
</svg> </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> Apakah Anda yakin ingin menghapus kursus ini?</h3>
<!-- Form Hapus --> <!-- Form Hapus -->
<form id="delete-form-{{ $course->id }}" <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> </form>
<button type="button" <button type="button"
onclick="document.getElementById('delete-form-{{ $course->id }}').submit()" 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 Hapus
</button> </button>
<button type="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, data-modal-hide="popup-modal-{{ $course->id }}">Tidak,
Batal</button> Batal</button>
</div> </div>

21
resources/views/auth/forgot-password.blade.php
View File

@ -1,6 +1,7 @@
@include('partials.head') @include('partials.head')
@include('partials.font') @include('partials.font')
<!--
<div class="bg-[#4F7F81]"> <div class="bg-[#4F7F81]">
<nav class="border-gray-200 container 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="max-w-screen-2xl flex flex-wrap items-center justify-between mx-auto p-4">
@ -9,19 +10,19 @@
<span <span
class="self-center text-4xl text-white font-semibold whitespace-nowrap pt-4 aclonica-regular">LearnMap</span> class="self-center text-4xl text-white font-semibold whitespace-nowrap pt-4 aclonica-regular">LearnMap</span>
</a> </a>
</div> </div> -->
</nav> </nav>
</div> </div>
<body> <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="grid lg:grid-cols-2 grid-cols-1">
<div class="hidden lg:block justify-center items-center"> <div class="hidden lg:block justify-center items-center ">
<img src="{{ asset('img/login.png') }}" alt=""> <img src="{{ asset('img/bg-forgot pw.jpg') }}" alt="">
</div> </div>
<div class="border border-slate-500"> <div class="border border-slate-500">
<p class="p-8 flex justify-center items-center poppins-semibold text-4xl">Forgot Password</p> <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 text-gray-600 px-8"> <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 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. password reset link that will allow you to choose a new one.
</div> </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 --> <!-- Email Address -->
<div class="mb-5"> <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" <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 /> placeholder="email@gmail.com" :value="old('email')" required autofocus />
@error('email') @error('email')
<span class="text-sm text-red-600 mt-1">{{ $message }}</span> <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> </div>
<button type="submit" <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> Password Reset Link</button>
</form> </form>
<!-- Back to Login --> <!-- Back to Login -->
<div class="text-center mt-4"> <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> Login</a>
</div> </div>
</div> </div>

2
resources/views/auth/reset-password.blade.php
View File

@ -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> <label for="email" class="block mb-2 text-sm font-medium text-gray-900">Your Email</label>
<input type="email" id="email" name="email" <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 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" /> autocomplete="username" />
@error('email') @error('email')
<span class="text-sm text-red-600 mt-1">{{ $message }}</span> <span class="text-sm text-red-600 mt-1">{{ $message }}</span>

34
resources/views/components/footer.blade.php
View File

@ -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="mx-auto container w-full py-6 lg:py-8">
<div class="space-y-10 md:flex md:justify-between"> <div class="space-y-10 md:flex md:justify-between">
<div> <div>
<a href="#" class="flex items-start justify-start ml-[-10px]"> <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" /> alt="Flowbite Logo" />
<span <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> </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 LearnMap adalah aplikasi web SIG pemetaan lokasi bimbingan belajar bahasa Inggris yang
membantu Anda menemukan tempat kursus terbaik di sekitar Anda. membantu Anda menemukan tempat kursus terbaik di sekitar Anda.
</p> </p>
</div> </div>
<div class="grid grid-cols-2 gap-8 sm:gap-6 sm:grid-cols-3"> <div class="grid grid-cols-2 gap-8 sm:gap-6 sm:grid-cols-3">
<div> <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> </h2>
<ul class="text-gray-600 font-medium space-y-4"> <ul class="text-white poppins-regular space-y-4">
<li class=""> <li class="">
<a href="/beranda" class="hover:underline">Beranda</a> <a href="/beranda" class="hover:underline">Beranda</a>
</li> </li>
@ -30,9 +30,9 @@ class="self-center pt-6 text-4xl text-white font-semibold whitespace-nowrap aclo
</ul> </ul>
</div> </div>
<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> </h2>
<ul class="text-gray-600 font-medium space-y-4"> <ul class="text-white poppins-regular space-y-4">
<li class=""> <li class="">
<a href="#" <a href="#"
class="hover:underline ">Github</a> class="hover:underline ">Github</a>
@ -43,9 +43,9 @@ class="hover:underline ">Github</a>
</ul> </ul>
</div> </div>
<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> </h2>
<ul class="text-gray-600 font-medium"> <ul class="text-white poppins-regular">
<li class="mb-4"> <li class="mb-4">
<a href="#" class="hover:underline">Privacy Policy</a> <a href="#" class="hover:underline">Privacy Policy</a>
</li> </li>
@ -58,11 +58,11 @@ class="hover:underline ">Github</a>
</div> </div>
<hr class="my-6 border-gray-200 sm:mx-auto lg:my-8" /> <hr class="my-6 border-gray-200 sm:mx-auto lg:my-8" />
<div class="sm:flex sm:items-center sm:justify-between"> <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/" <span class="text-sm text-white sm:text-center">© 2024 <a href="https://flowbite.com/"
class="hover:underline">LearnMap™</a>. All Rights Reserved. class="hover:underline ">LearnMap™</a>. All Rights Reserved.
</span> </span>
<div class="flex mt-4 sm:justify-center sm:mt-0"> <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" <svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
fill="currentColor" viewBox="0 0 8 19"> fill="currentColor" viewBox="0 0 8 19">
<path fill-rule="evenodd" <path fill-rule="evenodd"
@ -71,7 +71,7 @@ class="hover:underline">LearnMap™</a>. All Rights Reserved.
</svg> </svg>
<span class="sr-only">Facebook page</span> <span class="sr-only">Facebook page</span>
</a> </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" <svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
fill="currentColor" viewBox="0 0 21 16"> fill="currentColor" viewBox="0 0 21 16">
<path <path
@ -79,7 +79,7 @@ class="hover:underline">LearnMap™</a>. All Rights Reserved.
</svg> </svg>
<span class="sr-only">Discord community</span> <span class="sr-only">Discord community</span>
</a> </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" <svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
fill="currentColor" viewBox="0 0 20 17"> fill="currentColor" viewBox="0 0 20 17">
<path fill-rule="evenodd" <path fill-rule="evenodd"
@ -88,7 +88,7 @@ class="hover:underline">LearnMap™</a>. All Rights Reserved.
</svg> </svg>
<span class="sr-only">Twitter page</span> <span class="sr-only">Twitter page</span>
</a> </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" <svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
fill="currentColor" viewBox="0 0 20 20"> fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" <path fill-rule="evenodd"
@ -97,7 +97,7 @@ class="hover:underline">LearnMap™</a>. All Rights Reserved.
</svg> </svg>
<span class="sr-only">GitHub account</span> <span class="sr-only">GitHub account</span>
</a> </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" <svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
fill="currentColor" viewBox="0 0 20 20"> fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" <path fill-rule="evenodd"

101
resources/views/components/navbar.blade.php
View File

@ -1,104 +1,61 @@
<div class="bg-[#4F7F81]"> <div class=" flex justify-center relative">
<nav class="border-gray-200 container bg-[#4F7F81] "> <nav
<div class="max-w-screen-2xl flex flex-wrap items-center justify-between mx-auto p-4"> 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">
<a href="{{ route('user.home') }}" class="flex items-center "> <!-- Logo dan Nama Aplikasi -->
<img src="{{ asset('img/Rectangle 65.png') }}" class="h-14 object-cover w-14 lg:mw-20 lg:h-20" <a href="{{ route('user.home') }}" class="flex items-center">
alt="Flowbite Logo" /> <img src="{{ asset('img/logo3.png') }}" class="h-10 w-10" alt="Logo LearnMap" />
<span <span class="ml-2 text-2xl barlow-condensed-semibold text-green-800">LearnMap</span>
class="self-center text-2xl sm:text-3xl lg:text-4xl text-white font-semibold whitespace-nowrap pt-4 aclonica-regular">LearnMap</span>
</a> </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=""> <!-- Menu Navigasi -->
<a href="{{ route('user.home') }}" <ul class="flex space-x-8 text-lg poppins-regular">
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 "> <li><a href="{{ route('user.home') }}" class="text-black hover:text-green-600">Beranda</a></li>
Beranda <li><a href="{{ route('user.kursus') }}" class="text-black hover:text-green-600">Kursus</a></li>
</a> <li><a href="{{ route('user.peta') }}" class="text-black hover:text-green-600">Peta</a></li>
</li> </ul>
<li class="">
<a href="{{ route('user.kursus') }}" <!-- Tombol Login atau Dropdown User -->
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>
@if (Auth::check()) @if (Auth::check())
<li> <div class="relative">
<button type="button" <button type="button" class="flex text-sm bg-gray-800 rounded-full focus:ring-4 focus:ring-gray-300"
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">
id="user-menu-button" aria-expanded="false" data-dropdown-toggle="user-dropdown"
data-dropdown-placement="bottom">
<span class="sr-only">Open user menu</span> <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" <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" src="{{ Auth::user()->avatar ?: 'https://www.gravatar.com/avatar/' . md5(strtolower(trim(Auth::user()->email))) }}?d=identicon"
alt="user photo"> alt="user photo">
</button> </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"
<!-- 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"
id="user-dropdown"> id="user-dropdown">
<div class="px-4 py-3"> <div class="px-4 py-3">
<span <span class="block text-sm text-gray-900">{{ Auth::user()->name }}</span>
class="block text-sm text-gray-900 dark:text-white">{{ Auth::user()->name }}</span> <span class="block text-sm text-gray-500 truncate">{{ Auth::user()->email }}</span>
<span
class="block text-sm text-gray-500 truncate dark:text-gray-400">{{ Auth::user()->email }}</span>
</div> </div>
<ul class="py-2" aria-labelledby="user-menu-button"> <ul class="py-2" aria-labelledby="user-menu-button">
@if (Auth::user() && Auth::user()->role === 'admin') @if (Auth::user() && Auth::user()->role === 'admin')
<li> <li>
<a href="{{ route('admin.home') }}"> <a href="{{ route('admin.home') }}"
<button type="submit" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Dashboard</a>
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>
</li> </li>
@endif @endif
<li> <li>
<a href="{{ route('password.edit') }}"> <a href="{{ route('password.edit') }}"
<button type="submit" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Setting</a>
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>
</li> </li>
<li> <li>
<form action="{{ route('logout') }}" method="POST"> <form action="{{ route('logout') }}" method="POST">
@csrf @csrf
<button type="submit" <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> out</button>
</form> </form>
</li> </li>
</ul> </ul>
</div> </div>
</div>
@else @else
<a href="{{ route('login') }}" <a href="{{ route('login') }}"
class="{{ request()->is('peta') ? 'bg-[#EBFEA1] text-gray-800' : 'bg-white text-gray-900' }} class="bg-green-900 text-white px-4 py-2 rounded-full hover:bg-green-700">Login</a>
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>
@endif @endif
</ul>
</div>
</div>
</nav> </nav>
</div> </div>

89
resources/views/components/navbarAdmin.blade.php
View File

@ -1,92 +1,71 @@
<div class="bg-[#4F7F81]"> <div class="flex justify-center relative">
<nav class="border-gray-200 container bg-[#4F7F81]"> <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">
<div class="max-w-screen-2xl flex flex-wrap items-center justify-between mx-auto p-4"> <!-- Logo dan Nama Aplikasi -->
<a href="{{ route('user.home') }}" class="flex items-center"> <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" <img src="{{ asset('img/Rectangle 65.png') }}" class="h-10 w-10" alt="Logo LearnMap" />
alt="Flowbite Logo" /> <span class="ml-2 text-2xl font-semibold text-black">LearnMap</span>
<span
class="self-center text-2xl sm:text-3xl lg:text-4xl text-white font-semibold whitespace-nowrap pt-4 aclonica-regular">
LearnMap
</span>
</a> </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" <!-- Menu Navigasi -->
aria-controls="navbar-solid-bg" aria-expanded="false"> <ul class="flex space-x-8 text-lg poppins-regular">
<span class="sr-only">Open main menu</span> <li>
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" <a href="{{ route('admin.home') }}" class="text-black hover:text-green-600 ">
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">
Dashboard Dashboard
</a> </a>
</li> </li>
<li class=""> <li>
<a href="{{ route('kategori.index') }}" <a href="{{ route('kategori.index') }}" class="text-black hover:text-green-600">
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">
Kategori Kategori
</a> </a>
</li> </li>
<li class=""> <li>
<a href="{{ route('admin.dataKursus') }}" <a href="{{ route('admin.dataKursus') }}" class="text-black hover:text-green-600">
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">
Data Kursus Data Kursus
</a> </a>
</li> </li>
<li class=""> </ul>
<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" <!-- Tombol Login atau Dropdown User -->
id="user-menu-button" aria-expanded="false" data-dropdown-toggle="user-dropdown" @if (Auth::check())
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> <span class="sr-only">Open user menu</span>
<img class="w-8 h-8 rounded-full" <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" src="{{ Auth::user()->avatar ?: 'https://www.gravatar.com/avatar/' . md5(strtolower(trim(Auth::user()->email))) }}?d=identicon"
alt="user photo"> alt="user photo">
</button> </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"
<!-- 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"
id="user-dropdown"> id="user-dropdown">
<div class="px-4 py-3"> <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-900">{{ Auth::user()->name }}</span>
<span <span class="block text-sm text-gray-500 truncate">{{ Auth::user()->email }}</span>
class="block text-sm text-gray-500 truncate dark:text-gray-400">{{ Auth::user()->email }}</span>
</div> </div>
<ul class="py-2" aria-labelledby="user-menu-button"> <ul class="py-2" aria-labelledby="user-menu-button">
<li> <li>
<a href="{{ route('admin.home') }}"> <a href="{{ route('admin.home') }}"
<button type="submit" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Dashboard</a>
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>
</li> </li>
<li> <li>
<a href="{{ route('password.edit') }}"> <a href="{{ route('password.edit') }}"
<button type="submit" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Setting</a>
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>
</li> </li>
<li> <li>
<form action="{{ route('logout') }}" method="POST"> <form action="{{ route('logout') }}" method="POST">
@csrf @csrf
<button type="submit" <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> out</button>
</form> </form>
</li> </li>
</ul> </ul>
</div> </div>
</ul>
</div>
</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> </nav>
</div> </div>

104
resources/views/login/login.blade.php
View File

@ -1,29 +1,27 @@
@include('partials.head') <!DOCTYPE html>
@include('partials.font') <html lang="en">
<head>
<div class="bg-[#4F7F81]"> <meta charset="utf-8"/>
<nav class="border-gray-200 container bg-[#4F7F81] "> <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<div class="max-w-screen-2xl flex flex-wrap items-center justify-between mx-auto p-4"> <title>Login</title>
<a href="/" class="flex items-center"> <script src="https://cdn.tailwindcss.com"></script>
<img src="{{ asset('img/Rectangle 65.png') }}" class="h-20 object-cover w-20" alt="Flowbite Logo" /> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet"/>
<span <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet"/>
class="self-center text-4xl text-white font-semibold whitespace-nowrap pt-4 aclonica-regular">LearnMap</span> <style>
</a> body {
</div> font-family: 'Inter', sans-serif;
</nav> }
</div> </style>
</head>
<body> <body class="bg-gray-100">
@if (session('success')) @if (session('success'))
<div <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">
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') }} {{ session('success') }}
</div> </div>
@endif @endif
@if ($errors->any()) @if ($errors->any())
<div <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">
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> <ul>
@foreach ($errors->all() as $error) @foreach ($errors->all() as $error)
<li>{{ $error }}</li> <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> </div>
@endif @endif
<div class="container py-10 px-8 lg:px-0"> <div class="flex min-h-screen">
<div class="grid lg:grid-cols-2 grid-cols-1"> <!-- Left Side -->
<div class="hidden lg:block justify-center items-center"> <div class="w-full lg:w-1/2 flex flex-col justify-center items-center bg-white p-8">
<img src="{{ asset('img/login.png') }}" alt=""> <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>
<div class="border border-slate-500"> <form method="POST">
<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">
@csrf @csrf
<div class="mb-5"> <div class="mb-4">
<label for="email" class="block mb-2 text-sm font-medium text-gray-900 ">Your email</label> <label class="block text-sm poppins-regular mb-1" for="email">Email*</label>
<input type="email" id="email" name="email" <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/>
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> </div>
<div class="mb-5"> <div class="mb-4">
<label for="password" class="block mb-2 text-sm font-medium text-gray-900 ">Your <label class="block text-sm poppins-regular mb-1" for="password">Password*</label>
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/>
<input type="password" id="password" name="password" <a href="{{ route('password.forget') }}" class="text-sm text-green-800 poppins-regular mt-2 inline-block">Forgot password?</a>
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> </div>
<div class="flex items-ded justify-end mb-5"> <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>
<!-- 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>
</form> </form>
<!-- Tombol Register --> <p class="mt-4 poppins-regula text-sm text-gray-500">
<div class="text-center mt-4"> Don't have an account?
<p class="text-sm text-gray-600">Don't have an account?</p> <a href="{{ route('register.index') }}" class="text-black poppins-regular">Register here</a>
<a href="{{ route('register.index') }}" </p>
class="text-blue-600 hover:text-blue-800 font-semibold">Register here</a>
</div> </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> </div>
</div> </div>
</body> </body>
</html>

28
resources/views/login/register.blade.php
View File

@ -1,6 +1,6 @@
@include('partials.head') @include('partials.head')
@include('partials.font') @include('partials.font')
<!--
<div class="bg-[#4F7F81]"> <div class="bg-[#4F7F81]">
<nav class="border-gray-200 container 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="max-w-screen-2xl flex flex-wrap items-center justify-between mx-auto p-4">
@ -9,7 +9,7 @@
<span <span
class="self-center text-4xl text-white font-semibold whitespace-nowrap pt-4 aclonica-regular">LearnMap</span> class="self-center text-4xl text-white font-semibold whitespace-nowrap pt-4 aclonica-regular">LearnMap</span>
</a> </a>
</div> </div> -->
</nav> </nav>
</div> </div>
@ -22,39 +22,39 @@ class="self-center text-4xl text-white font-semibold whitespace-nowrap pt-4 aclo
@endif @endif
<div class="border border-slate-500 pb-4"> <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') }}"> <form class="px-8 mx-auto" method="POST" action="{{ route('register.account') }}">
@csrf @csrf
<div class="mb-5"> <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') }}" <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 /> placeholder="Full Name" required />
</div> </div>
<div class="mb-5"> <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" <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 /> placeholder="email@example.com" required />
</div> </div>
<div class="mb-5"> <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> Email</label>
<input type="email" id="email_confirmation" name="email_confirmation" <input type="email" id="email_confirmation" name="email_confirmation"
value="{{ old('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 /> placeholder="Confirm email@example.com" required />
</div> </div>
<div class="mb-5"> <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') }}" <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" 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 /> placeholder="********" required />
</div> </div>
<div class="mb-5"> <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> Password</label>
<input type="password" id="password_confirmation" name="password_confirmation" <input type="password" id="password_confirmation" name="password_confirmation"
value="{{ old('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> </div>
@endif @endif
<button type="submit" <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> </form>
<div class="text-center mt-4"> <div class="text-center mt-4">
<p class="text-sm text-gray-600">Already have an account?</p> <p class="text-sm poppins-regular 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> <a href="{{ route('login') }}" class="text-green-700 hover:text-blue-800 poppins-regular">Login here</a>
</div> </div>
</div> </div>
</div> </div>

5
resources/views/partials/font.blade.php
View File

@ -7,4 +7,7 @@
<link <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" 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"> 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">

21
resources/views/partials/head.blade.php
View File

@ -2,8 +2,8 @@
<!-- CSS Aplikasi --> <!-- 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 --> <!-- Viewport untuk Responsif -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -15,8 +15,23 @@
integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script> integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
<!-- Leaflet Routing Machine CSS dan JS --> <!-- Leaflet Routing Machine CSS dan JS -->
{{--
<link rel="stylesheet" href="https://unpkg.com/leaflet-routing-machine@3.2.12/dist/leaflet-routing-machine.css" /> <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') @stack('script')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" /> <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>

79
resources/views/user/detailKursus.blade.php
View File

@ -1,11 +1,4 @@
<x-layout> <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')) @if (session('error'))
<div <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"> 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') @error('rating')
<div <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"> 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> {{ $message }}
@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">
</div> </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>
<div class="container"> <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"> <p class="poppins-medium font-semibold text-sm xl:text-xl text-black pb-4">
({{ optional($data->kategoris)->nama_kategori ?? 'Kategori tidak tersedia' }} ({{ optional($data->kategoris)->nama_kategori ?? 'Kategori tidak tersedia' }}
)</p> )</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 --> <!-- 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) @if (!empty($imageNames) && count($imageNames) > 0)
@foreach ($imageNames as $index => $img_konten) @foreach ($imageNames as $index => $img_konten)
<div class="border border-slate-300 rounded-md p-4"> <div class="border border-slate-300 rounded-md p-4">
<img src="{{ asset('storage/' . $img_konten) }}" <img src="{{ asset('storage/' . $img_konten) }}" class="w-full h-auto object-contain"
class="w-full h-auto object-contain" alt="Image {{ $index + 1 }}"> alt="Image {{ $index + 1 }}">
</div> </div>
@endforeach @endforeach
@else @else
@ -98,7 +111,7 @@ class="w-full h-auto object-contain" alt="Image {{ $index + 1 }}">
{{-- Bagian Metode Pembelajaran --}} {{-- Bagian Metode Pembelajaran --}}
<div class="w-auto xl:max-w-max space-y-4"> <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 Metode Pembelajaran
</p> </p>
<p class="pl-4 poppins-regular text-lg text-black" id="metode-text"> <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> </div>
<script> <script>
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function () {
// Fungsi reusable untuk mengatur toggle teks // Fungsi reusable untuk mengatur toggle teks
function toggleText(elementId, buttonId, fullText) { function toggleText(elementId, buttonId, fullText) {
const textElement = document.getElementById(elementId); const textElement = document.getElementById(elementId);
@ -152,7 +165,7 @@ function toggleText(elementId, buttonId, fullText) {
if (toggleButton) { if (toggleButton) {
const shortText = textElement.innerHTML; // Teks pendek yang sudah dirender const shortText = textElement.innerHTML; // Teks pendek yang sudah dirender
toggleButton.addEventListener('click', function() { toggleButton.addEventListener('click', function () {
if (textElement.innerHTML === shortText) { if (textElement.innerHTML === shortText) {
// Tampilkan teks penuh // Tampilkan teks penuh
textElement.innerHTML = fullText; 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> <span class="text-sm pl-4">Rata-rata: {{ round($averageRating, 1) }} / 5</span>
</div> </div>
<div class=" md:ml-4"> <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) (Total: {{ $totalRatings }} ulasan)
</p> </p>
</div> </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"> <div class="flex items-center space-x-2" id="rating-stars">
@for ($i = 1; $i <= 5; $i++) @for ($i = 1; $i <= 5; $i++)
<label class="cursor-pointer"> <label class="cursor-pointer">
<input type="radio" name="rating" value="{{ $i }}" <input type="radio" name="rating" value="{{ $i }}" class="hidden" />
class="hidden" />
<svg class="w-6 h-6 text-gray-300 hover:text-yellow-400 transition-colors duration-200" <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" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20">
viewBox="0 0 22 20">
<path <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" /> 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> </svg>
@ -312,8 +323,8 @@ class="inline-flex items-center py-2.5 px-4 text-xs font-medium text-center text
@endauth @endauth
@guest @guest
<p class="text-sm text-gray-500"> <p class="text-sm poppins-regular text-gray-500">
Anda harus <a href="{{ route('login') }}" class="text-blue-600 hover:underline">login</a> untuk Anda harus <a href="{{ route('login') }}" class="text-green-800 poppins-semibold hover:underline">login</a> untuk
memberikan ulasan. memberikan ulasan.
</p> </p>
@endguest @endguest
@ -321,9 +332,9 @@ class="inline-flex items-center py-2.5 px-4 text-xs font-medium text-center text
<!-- Community Guidelines --> <!-- 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 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> </p>
</div> </div>

194
resources/views/user/home.blade.php
View File

@ -1,99 +1,147 @@
<x-layout> <x-layout>
<div class="container"> <div class="bg-gray-100">
<div class="py-10 bg-white "> <!-- Hero Section -->
<div class="bg-[#EBFEA1] poppins-extrabold m-auto flex items-center justify-center p-2"> <div class="relative">
<p>Holaa, Selamat Datang Di LearnMap</p> <!-- Gambar -->
</div> <img alt="LearnMap Hero Image" class="w-full object-cover" src="{{ asset('img/bg-home.jpg') }}" />
</div>
<!-- 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>
<div class="flex m-auto justify-center items-center responsive-container"> <div class="flex justify-center">
<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-between items-center pb-4 "> <a class=" text-white px-6 py-3 rounded-md bg-gradient-to-tr from-[#60BC9D] to-[#12372A]" href="{{route('user.kursus')}}">
<p class="text-black poppins-semibold text-xl"> Jelajahi
Kursus Populer
</p>
<a href="/kursus" class="py-1 px-4 rounded-full bg-white font-bold text-lg ">
Lihat Semua Kursus
</a> </a>
</div> </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: '&copy; <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()) @if ($landingpage->isNotEmpty())
@foreach ($landingpage as $landingpage) @foreach ($landingpage as $landingpage)
<div <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"> class="bg-white rounded-lg shadow-md overflow-hidden transition ease-in-out delay-0 hover:-translate-y-1 hover:scale-100 duration-300">
<div class="">
<a href="#"> <a href="#">
<img class="rounded-lg m-auto flex justify-center items-center w-full h-72 object-cover" <img class="w-full h-48 object-cover" src="{{ asset('storage/' . $landingpage->img) }}"
src="{{ asset('storage/' . $landingpage->img) }}" alt="" /> alt="{{ $landingpage->nama_kursus }}" />
</a> </a>
<div class="p-5 h-44"> <div class="p-4">
<a href="#"> <h3 class="text-xl font-semibold poppins-bold uppercase text-green-800">
<h5 {{ $landingpage->nama_kursus }}
class="mb-2 text-2xl poppins-regular font-extrabold tracking-tight text-gray-900 "> </h3>
{{ $landingpage->nama_kursus }}</h5> <p class="mt-2 text-gray-700 poppins-regular text-gray-600">
</a> {{ Str::words($landingpage->deskripsi, 20, '...') }}
<p class="mb-3 font-normal poppins-regular text-gray-700">
{{ Str::words($landingpage->deskripsi, 30, '...') }}
</p> </p>
</div> <a class="poppins-regular mt-4 inline-block bg-gradient-to-tr from-[#60BC9D] to-[#12372A] text-white px-4 py-2 rounded-md"
</div> href="/kursus/{{ $landingpage->id }}/detail">
<div class="flex items-end justify-end bg-white rounded-b-lg "> Lihat Detail
<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> </a>
</div> </div>
</div> </div>
</div>
@endforeach @endforeach
@else @else
<div class="py-10 flex col-span-3"> <div
<div class="bg-[#EBFEA1] w-full poppins-extrabold m-auto flex items-center justify-center p-2"> 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> <p>Tidak Tersedia Kursus</p>
</div> </div>
</div>
@endif @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> </div>
</div>
</x-layout> </x-layout>

20
resources/views/user/kursus.blade.php
View File

@ -1,8 +1,8 @@
<x-layout> <x-layout>
<div class="py-10 bg-white container"> <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> <p>Halaman ini berisi tentang kursus di Pare! </p>
</div> </div> -->
</div> </div>
<div class="container pb-20"> <div class="container pb-20">
@ -10,7 +10,7 @@
<form method="GET" action="{{ route('user.kursus') }}" class="flex space-x-2"> <form method="GET" action="{{ route('user.kursus') }}" class="flex space-x-2">
<!-- Dropdown Kategori --> <!-- Dropdown Kategori -->
<select name="kategori" onchange="this.form.submit()" <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> <option value="">Semua Kategori</option>
@foreach ($kategori as $item) @foreach ($kategori as $item)
<option value="{{ $item->id }}" {{ request('kategori') == $item->id ? 'selected' : '' }}> <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 --> <!-- Search Input -->
<div class="relative"> <div class="relative">
<input type="text" name="search" id="search-dropdown" <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') }}" /> placeholder="Pencarian Nama Kursus" value="{{ request('search') }}" />
<button type="submit" <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> </button>
</div> </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"> <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) @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>
<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="" /> src="{{ asset('storage/' . $kursus->img) }}" alt="" />
</div> </div>
<div class="p-5 h-44"> <div class="p-5 h-44">
<div> <div>
<h5 <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 }} {{ $kursus->nama_kursus }}
</h5> </h5>
<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' }} {{ optional($kursus->kategoris)->nama_kategori ?? 'Kategori tidak tersedia' }}
</h5> </h5>
</div> </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="flex items-end justify-end rounded-b-lg">
<div class="my-4 mr-4"> <div class="my-4 mr-4">
<a href="/kursus/{{ $kursus->id }}/detail" <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 Lihat
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" <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"> xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">

4
resources/views/user/peta.blade.php
View File

@ -6,9 +6,10 @@
</style> </style>
<div class="container flex flex-col"> <div class="container flex flex-col">
<div class="py-10 bg-white"> <div class="py-10 bg-white">
<!--
<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> <p>Halaman ini berisi tentang kursus di Pare!</p>
</div> </div> -->
</div> </div>
<div class="pb-10"> <div class="pb-10">
<!-- Peta Leaflet --> <!-- 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> </script>
</x-layout> </x-layout>

13
tailwind.config.js
View File

@ -12,12 +12,18 @@ export default {
padding: { padding: {
DEFAULT: "0rem", DEFAULT: "0rem",
sm: "0rem", sm: "0rem",
lg: "2rem", lg: "1rem",
xl: "3rem", xl: "2rem",
"2xl": "4rem", "2xl": "3rem",
}, },
// Tambahkan opsi `center` untuk margin auto // Tambahkan opsi `center` untuk margin auto
center: true, center: true,
},
extend: {
// Tambahkan font Bebas Neue di sini
fontFamily: {
'bebas-neue': ['"Bebas Neue"', 'sans-serif'],
},
dropShadow: { dropShadow: {
"1xl": "0 10px 20px rgba(0, 0, 0, 0.15)", // Light shadow for minimal depth "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 "2xl": "0 20px 30px rgba(0, 0, 0, 0.2)", // More noticeable shadow
@ -28,7 +34,6 @@ export default {
], ],
}, },
}, },
extend: {},
}, },
plugins: [require("flowbite/plugin")], plugins: [require("flowbite/plugin")],
}; };