@extends('layouts.admin')
@section('title', 'Doctors')
@section('content')
    @php $cur = config('clinic.currency.symbol'); @endphp
    <x-page-header title="Doctors" subtitle="Clinic doctors and their departments">
        <x-slot:actions>
            @can('create', App\Models\User::class)
                <a href="{{ route('admin.staff.create') }}" class="btn btn-primary"><i class="bi bi-plus-lg"></i> Add Doctor</a>
            @endcan
        </x-slot:actions>
    </x-page-header>

    <x-data-table :headers="['Doctor', 'Department', 'Specialization', 'Consultation Fee', 'Experience', 'Status', 'Actions']">
        <x-slot:toolbar>
            <form method="GET" class="d-flex gap-2 flex-wrap">
                <input type="text" name="search" value="{{ request('search') }}" class="form-control" placeholder="Search doctor...">
                <select name="department" class="form-select" style="max-width:200px">
                    <option value="">All Departments</option>
                    @foreach($departments as $d)<option value="{{ $d->id }}" @selected(request('department') == $d->id)>{{ $d->name }}</option>@endforeach
                </select>
                <button class="btn btn-outline-secondary">Filter</button>
            </form>
        </x-slot:toolbar>

        @forelse($doctors as $doc)
            <tr>
                <td><strong>{{ $doc->name }}</strong><br><small class="text-muted">{{ $doc->email }}</small></td>
                <td>{{ $doc->doctorProfile?->department?->name ?? '—' }}</td>
                <td>{{ $doc->doctorProfile?->specialization ?? '—' }}</td>
                <td>{{ $cur }}{{ number_format($doc->doctorProfile?->consultation_fee ?? 0, 2) }}</td>
                <td>{{ $doc->doctorProfile?->experience_years ? $doc->doctorProfile->experience_years.' yrs' : '—' }}</td>
                <td><x-status-badge :status="$doc->status ? 'active' : 'inactive'" /></td>
                <td>
                    @can('update', $doc)
                        <a href="{{ route('admin.staff.edit', $doc) }}" class="btn btn-sm btn-outline-primary"><i class="bi bi-pencil"></i></a>
                    @endcan
                </td>
            </tr>
        @empty
            <tr><td colspan="7" class="text-center text-muted py-4">No doctors yet.</td></tr>
        @endforelse
    </x-data-table>

    <div class="mt-3">{{ $doctors->links() }}</div>
@endsection