198 lines
11 KiB
PHP
198 lines
11 KiB
PHP
<x-layadmin>
|
|
@if ($message = Session::get('error'))
|
|
<div id="toast-error"
|
|
class="font-poppins absolute top-20 left-1/2 transform -translate-x-1/2 flex items-center w-full max-w-xs p-4 mb-4 text-gray-500 bg-red-100 rounded-lg shadow"
|
|
role="alert">
|
|
<div
|
|
class="font-poppins inline-flex items-center justify-center flex-shrink-0 w-8 h-8 text-red-500 bg-red-200 rounded-lg">
|
|
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor"
|
|
viewBox="0 0 20 20">
|
|
<path
|
|
d="M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5Zm3.707 8.207-4 4a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L9 10.586l3.293-3.293a1 1 0 0 1 1.414 1.414Z" />
|
|
</svg>
|
|
<span class="sr-only">Error icon</span>
|
|
</div>
|
|
<div class="font-poppins ms-3 text-sm font-normal">
|
|
<strong>Kesalahan:</strong> {{ $message }}
|
|
</div>
|
|
<button type="button"
|
|
class="font-poppins ms-auto -mx-1.5 -my-1.5 bg-red-100 text-red-400 hover:text-red-600 rounded-lg focus:ring-2 focus:ring-red-300 p-1.5 hover:bg-red-200 inline-flex items-center justify-center h-8 w-8"
|
|
data-dismiss-target="#toast-error" aria-label="Close" onclick="closeToast()">
|
|
<span class="font-poppins sr-only">Close</span>
|
|
<svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
|
|
viewBox="0 0 14 14">
|
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
@endif
|
|
|
|
<form action="{{ route('wisata.store') }}" method="POST" enctype="multipart/form-data">
|
|
@csrf
|
|
<div class="text-md space-y-4">
|
|
<div>
|
|
<label for="id_kategori_detail" class="font-poppins block text-gray-700 font-bold mb-2">Sub
|
|
Kategori</label>
|
|
<select id="id_kategori_detail" name="id_kategori_detail"
|
|
class="font-poppins w-full px-3 py-2 border rounded-lg focus:outline-none focus:ring focus:border-blue-300">
|
|
<option value="">Pilih Sub Kategori</option>
|
|
@foreach ($dataKategori as $item)
|
|
<option value="{{ $item->id }}"
|
|
{{ old('id_kategori_detail') == $item->id ? 'selected' : '' }}>
|
|
{{ $item->nama_kategori_detail }}
|
|
</option>
|
|
@endforeach
|
|
</select>
|
|
|
|
@error('id_kategori_detail')
|
|
<div class="font-poppins text-red-500 mt-1 text-sm">{{ $message }}</div>
|
|
@enderror
|
|
</div>
|
|
<div>
|
|
<label for="nama_wisata" class="block font-poppins text-gray-700 font-bold mb-2">Nama Wisata:</label>
|
|
<input type="text" id="nama_wisata" name="nama_wisata" required value="{{ old('nama_wisata') }}"
|
|
class="font-poppins w-full px-3 py-2 border rounded-lg focus:outline-none focus:ring focus:border-blue-300">
|
|
|
|
@error('nama_wisata')
|
|
<div class="font-poppins text-red-500 mt-1 text-sm">{{ $message }}</div>
|
|
@enderror
|
|
</div>
|
|
|
|
<div>
|
|
<label for="deskripsi_wisata" class="block font-poppins text-gray-700 font-bold mb-2">Deskripsi
|
|
Wisata:</label>
|
|
<textarea id="deskripsi_wisata" name="deskripsi_wisata"
|
|
class="font-poppins w-full px-3 py-2 border rounded-lg focus:outline-none focus:ring focus:border-blue-300">{{ old('deskripsi_wisata') }}</textarea>
|
|
|
|
|
|
@error('deskripsi_wisata')
|
|
<div class="font-poppins text-red-500 mt-1 text-sm">{{ $message }}</div>
|
|
@enderror
|
|
</div>
|
|
|
|
<div>
|
|
<label for="fasilitas" class="block font-poppins text-gray-700 font-bold mb-2">Fasilitas:</label>
|
|
<textarea id="fasilitas" name="fasilitas"
|
|
class="font-poppins w-full px-3 py-2 border rounded-lg focus:outline-none focus:ring focus:border-blue-300">{{ old('fasilitas') }}</textarea>
|
|
@error('fasilitas')
|
|
<div class="font-poppins text-red-500 mt-1 text-sm">{{ $message }}</div>
|
|
@enderror
|
|
</div>
|
|
|
|
<div>
|
|
<label for="lokasi" class="block font-poppins text-gray-700 font-bold mb-2">Lokasi:</label>
|
|
<input type="text" id="lokasi" name="lokasi" value="{{ old('lokasi') }}"
|
|
class="font-poppins w-full px-3 py-2 border rounded-lg focus:outline-none focus:ring focus:border-blue-300">
|
|
|
|
@error('lokasi')
|
|
<div class="font-poppins text-red-500 mt-1 text-sm">{{ $message }}</div>
|
|
@enderror
|
|
</div>
|
|
|
|
|
|
<div class="flex gap-4"> <!-- Flex container dengan jarak (gap) 4 unit -->
|
|
<div class="flex-1"> <!-- Kolom pertama -->
|
|
<label for="file_input" class="font-poppins block mb-2 text-sm font-medium text-gray-900">Upload
|
|
File</label>
|
|
<input
|
|
class="font-poppins block w-full text-sm border border-slate-500 rounded-lg cursor-pointer bg-gray-50"
|
|
id="file_input" type="file" name="img">
|
|
@error('img')
|
|
<div class="font-poppins text-red-500 mt-1 text-sm">{{ $message }}</div>
|
|
@enderror
|
|
</div>
|
|
|
|
<div class="flex-1"> <!-- Kolom kedua -->
|
|
<label for="multiple_files" class="font-poppins block mb-2 text-sm font-medium text-gray-900">Upload
|
|
Multiple Files</label>
|
|
<input class="font-poppins block w-full text-sm border border-slate-500 rounded-lg cursor-pointer"
|
|
id="multiple_files" type="file" name="img_detail[]" multiple>
|
|
@error('img_detail.*')
|
|
<div class="font-poppins text-red-500 mt-1 text-sm">{{ $message }}</div>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<label for="Jam_Oprasional" class="font-poppins block mb-2 text-sm font-medium text-gray-900">Jam
|
|
Oprasional</label>
|
|
<div id="jam-operasional-container"
|
|
class="font-poppins grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
|
|
@foreach (['senin', 'selasa', 'rabu', 'kamis', 'jumat', 'sabtu', 'minggu'] as $index => $hari)
|
|
<div class=" font-poppins border-2 border-slate-500 p-3 rounded-lg bg-gray-50">
|
|
<label
|
|
class="font-poppins block text-sm font-semibold text-gray-700 mb-1">{{ ucfirst($hari) }}</label>
|
|
|
|
<input type="hidden" name="jam_operasional[{{ $index }}][hari]"
|
|
value="{{ $hari }}">
|
|
|
|
<div class="flex gap-2">
|
|
<input type="time" name="jam_operasional[{{ $index }}][buka]"
|
|
value="{{ old('jam_operasional.' . $index . '.buka') }}"
|
|
class="font-poppins w-full p-2 border rounded text-sm focus:ring-blue-500 focus:border-blue-500">
|
|
|
|
<input type="time" name="jam_operasional[{{ $index }}][tutup]"
|
|
value="{{ old('jam_operasional.' . $index . '.tutup') }}"
|
|
class="font-poppins w-full p-2 border rounded text-sm focus:ring-blue-500 focus:border-blue-500">
|
|
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="grid-cols-2 grid gap-4">
|
|
<div>
|
|
<label for="latitude" class="font-poppins block text-gray-700 font-bold mb-2">Latitude:</label>
|
|
<input type="text" id="latitude" name="latitude" value="{{ old('latitude') }}"
|
|
class="font-poppins w-full px-3 py-2 border rounded-lg focus:outline-none focus:ring focus:border-blue-300">
|
|
@error('latitude')
|
|
<div class="font-poppins text-red-500 mt-1 text-sm">{{ $message }}</div>
|
|
@enderror
|
|
</div>
|
|
<div>
|
|
<label for="longitude" class="font-poppins block text-gray-700 font-bold mb-2">Longitude:</label>
|
|
<input type="text" id="longitude" name="longitude" value="{{ old('longitude') }}"
|
|
class="font-poppins w-full px-3 py-2 border rounded-lg focus:outline-none focus:ring focus:border-blue-300">
|
|
@error('longitude')
|
|
<div class="font-poppins text-red-500 mt-1 text-sm">{{ $message }}</div>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<label for="htm_wisata" class="font-poppins block text-gray-700 font-bold mb-2">HTM Wisata:</label>
|
|
<input type="text" id="htm_wisata" name="htm_wisata" step="0.01"
|
|
value="{{ old('htm_wisata') }}"
|
|
class="font-poppins w-full px-3 py-2 border rounded-lg focus:outline-none focus:ring focus:border-blue-300">
|
|
@error('htm_wisata')
|
|
<div class="font-poppins text-red-500 mt-1 text-sm">{{ $message }}</div>
|
|
@enderror
|
|
</div>
|
|
|
|
<div>
|
|
<label for="htm_parkir" class="font-poppins block text-gray-700 font-bold mb-2">HTM Parkir:</label>
|
|
<input type="text" id="htm_parkir" name="htm_parkir" step="0.01"
|
|
value="{{ old('htm_parkir') }}"
|
|
class="font-poppins w-full px-3 py-2 border rounded-lg focus:outline-none focus:ring focus:border-blue-300">
|
|
@error('htm_parkir')
|
|
<div class="font-poppins text-red-500 mt-1 text-sm">{{ $message }}</div>
|
|
@enderror
|
|
</div>
|
|
|
|
<div class="mt-4 xl:mt-4 flex justify-start">
|
|
<button type="submit"
|
|
class="font-poppins px-6 py-2 bg-blue-600 text-white font-semibold rounded-lg shadow-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-300 transition-all duration-200 ease-in-out hover:-translate-y-1 active:translate-y-0 active:scale-95">
|
|
Tambah Data
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
|
|
|
|
|
|
</x-layadmin>
|