60 lines
3.2 KiB
PHP
60 lines
3.2 KiB
PHP
<div class="w-full max-w-[85rem] py-10 px-4 sm:px-6 lg:px-8 mx-auto bg-gray-500">
|
|
<section class="py-10 bg-gray-100 font-poppins dark:bg-gray-800 rounded-lg">
|
|
<div class="px-4 py-4 mx-auto max-w-7xl lg:py-6 md:px-6">
|
|
<div class="flex flex-wrap mb-24 -mx-3">
|
|
<div class="w-full px-3 lg:w-4/4">
|
|
<div class="px-3 mb-4">
|
|
<div class="items-center justify-between hidden px-3 py-2 bg-gray-100 md:flex dark:bg-gray-900 ">
|
|
<div class="flex items-center justify-between">
|
|
<select wire:model.live="sort" id="" class="block w-40 text-base bg-gray-100 cursor-pointer dark:text-gray-400 dark:bg-gray-900">
|
|
<option value="latest">Terbaru</option>
|
|
<option value="price">Harga</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-wrap items-center ">
|
|
|
|
@foreach ($paketfoto as $item)
|
|
<div class="w-full px-3 mb-6 sm:w-1/2 md:w-1/3 ">
|
|
<div class="border border-gray-500 dark:border-gray-700">
|
|
<div class="relative bg-gray-300">
|
|
<a href="/paketfoto/{{ $item->nama_paket_foto }}" class="">
|
|
<img src="{{ url('storage', $item->gambar) }}" alt="{{ $item->nama_paket_foto }}" class="object-cover w-full h-56 mx-auto ">
|
|
</a>
|
|
</div>
|
|
<div class="p-3 ">
|
|
<div class="flex items-center justify-between gap-2 mb-2">
|
|
<h3 class="text-xl font-medium dark:text-gray-400">
|
|
{{ $item->nama_paket_foto }}
|
|
</h3>
|
|
</div>
|
|
<p class="text-lg ">
|
|
<span class="text-green-600 dark:text-green-600">{{ Number::currency($item->harga_paket_foto, 'IDR') }}</span>
|
|
</p>
|
|
</div>
|
|
<div class="flex justify-center p-4 border-t border-gray-300 dark:border-gray-700">
|
|
|
|
<a href="/paketfoto/{{ $item->nama_paket_foto }}" class="text-gray-500 flex items-center space-x-2 dark:text-gray-400 hover:text-red-500 dark:hover:text-red-300">
|
|
{{--<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="w-4 h-4 bi bi-cart3 " viewBox="0 0 16 16">--}}
|
|
<path d="M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .49.598l-1 5a.5.5 0 0 1-.465.401l-9.397.472L4.415 11H13a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM3.102 4l.84 4.479 9.144-.459L13.89 4H3.102zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"></path>
|
|
</svg><span>Details</span>
|
|
</a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
|
|
</div>
|
|
<!-- pagination start -->
|
|
<div class="flex justify-end mt-6">
|
|
{{ $paketfoto->links() }}
|
|
</div>
|
|
<!-- pagination end -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</div> |