@extends('layouts.admin')
@section('content')
<div class="flex justify-between items-end"><div><p class="pulso-label">Doctors</p><h1 class="text-3xl font-display">Doctors</h1></div><a href="{{ route('admin.doctors.create') }}" class="bg-ink-900 text-white px-5 py-2.5 text-[11px] tracking-[0.14em] uppercase">Add doctor</a></div>
<div class="mt-6 grid md:grid-cols-3 gap-4">
@foreach($doctors as $d)<div class="bg-white border border-stone-200 overflow-hidden"><img src="{{ $d->photo_path ? asset('storage/'.$d->photo_path) : ($d->photo_path ? asset('images/'.$d->photo_path) : asset('images/doctors/doctor-1.jpg')) }}" class="h-[180px] w-full object-cover"><div class="p-4"><p class="text-[11px] tracking-[0.2em] uppercase text-ink-400">{{ $d->specialty->name ?? '' }}</p><h3 class="font-semibold">{{ $d->full_name }}</h3><p class="text-xs text-ink-500">{{ $d->qualifications }}</p><div class="mt-3 flex gap-2"><a href="{{ route('admin.doctors.show',$d) }}" class="border border-stone-200 px-3 py-1 text-xs">View</a><a href="{{ route('admin.doctors.edit',$d) }}" class="border border-ink-900 px-3 py-1 text-xs">Edit</a><form method="POST" action="{{ route('admin.doctors.destroy',$d) }}" onsubmit="return confirm('Remove?')">@csrf @method('DELETE')<button class="bg-emergency-600 text-white px-3 py-1 text-xs">Remove</button></form></div></div></div>@endforeach
</div>
<div class="mt-6">{{ $doctors->links() }}</div>
@endsection