52 lines
2.3 KiB
PHP
52 lines
2.3 KiB
PHP
<div class="py-12">
|
|
<div class="mb-10 text-center">
|
|
<flux:heading size="xl">Dokter Kami</flux:heading>
|
|
<flux:subheading>Tim medis profesional siap melayani Anda</flux:subheading>
|
|
</div>
|
|
|
|
<div class="gap-6 grid grid-cols-1 md:grid-cols-3">
|
|
@foreach($doctors as $doctor)
|
|
<flux:card class="flex flex-col p-6 text-center">
|
|
{{-- Foto Dokter --}}
|
|
<div class="mb-4">
|
|
<img src="{{ $doctor->photo ? asset('storage/' . $doctor->photo) : 'https://upload.wikimedia.org/wikipedia/commons/8/89/Portrait_Placeholder.png' }}"
|
|
class="shadow-sm mx-auto border-4 border-zinc-100 rounded-full w-28 h-28 object-cover">
|
|
</div>
|
|
|
|
<flux:heading size="lg">{{ $doctor->name }}</flux:heading>
|
|
|
|
<div class="mt-2">
|
|
<flux:badge color="primary" variant="subtle">
|
|
{{ $doctor->specialization }}
|
|
</flux:badge>
|
|
</div>
|
|
|
|
{{-- Bagian Jadwal --}}
|
|
<div class="mt-6 pt-4 border-zinc-100 dark:border-white/10 border-t">
|
|
<p class="mb-3 font-bold text-zinc-400 text-xs uppercase tracking-wider">Jadwal Praktik</p>
|
|
|
|
<div class="space-y-1">
|
|
@php
|
|
// Ambil hanya hari yang ada isinya
|
|
$activeSchedules = collect($doctor->schedule)->filter(fn($time) => !empty($time));
|
|
@endphp
|
|
|
|
@forelse($activeSchedules as $day => $time)
|
|
<div class="flex justify-between text-sm">
|
|
<span class="font-medium text-zinc-700 dark:text-zinc-300">{{ $day }}</span>
|
|
<span class="text-zinc-500">{{ $time }}</span>
|
|
</div>
|
|
@empty
|
|
<p class="text-zinc-400 text-sm italic">Jadwal belum tersedia</p>
|
|
@endforelse
|
|
</div>
|
|
</div>
|
|
|
|
{{-- <div class="mt-auto pt-6">
|
|
<flux:button variant="primary" class="w-full">Buat Janji Temu</flux:button>
|
|
</div> --}}
|
|
</flux:card>
|
|
@endforeach
|
|
</div>
|
|
</div>
|