@extends('layouts.dental')
@section('title', 'Profissionais')
@section('content')
<div style="display:flex;justify-content:flex-end;margin-bottom:20px">
<a href="{{ route('professionals.create') }}" style="background:#2563eb;color:#fff;padding:10px 20px;border-radius:10px;text-decoration:none;font-size:13px;font-weight:600">+ Novo Profissional</a>
</div>
<div style="background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden">
<table style="width:100%;border-collapse:collapse;font-size:14px">
<thead><tr style="background:#f9fafb;border-bottom:1px solid #e5e7eb">
<th style="text-align:left;padding:12px 20px;font-weight:600;color:#6b7280">Nome</th>
<th style="text-align:left;padding:12px 16px;font-weight:600;color:#6b7280">Especialidade</th>
<th style="text-align:left;padding:12px 16px;font-weight:600;color:#6b7280">CRO</th>
<th style="text-align:left;padding:12px 16px;font-weight:600;color:#6b7280">Duração</th>
<th style="text-align:left;padding:12px 16px;font-weight:600;color:#6b7280">Status</th>
<th style="padding:12px 16px"></th>
</tr></thead>
<tbody>
@forelse($professionals as $p)
<tr style="border-bottom:1px solid #f3f4f6">
<td style="padding:14px 20px"><div style="display:flex;align-items:center;gap:10px">
<div style="width:36px;height:36px;border-radius:50%;background:{{ $p->color ?? '#2196F3' }};display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px">{{ substr($p->name,0,1) }}</div>
<div><div style="font-weight:600;color:#111827">{{ $p->name }}</div><div style="font-size:12px;color:#9ca3af">{{ $p->phone ?? '' }}</div></div>
</div></td>
<td style="padding:14px 16px;color:#374151">{{ $p->specialty ?? '—' }}</td>
<td style="padding:14px 16px;color:#374151">{{ $p->cro ?? '—' }}</td>
<td style="padding:14px 16px;color:#374151">{{ $p->default_appointment_duration }} min</td>
<td style="padding:14px 16px"><span style="background:{{ $p->active ? '#d1fae5' : '#fee2e2' }};color:{{ $p->active ? '#065f46' : '#991b1b' }};padding:3px 10px;border-radius:999px;font-size:12px;font-weight:500">{{ $p->active ? 'Ativo' : 'Inativo' }}</span></td>
<td style="padding:14px 16px;text-align:right"><a href="{{ route('professionals.edit', $p) }}" style="background:#eff6ff;color:#2563eb;padding:6px 14px;border-radius:8px;text-decoration:none;font-size:12px;font-weight:500">Editar</a></td>
</tr>
@empty
<tr><td colspan="6" style="padding:48px;text-align:center;color:#9ca3af"><div style="font-size:36px;margin-bottom:8px">👨‍⚕️</div><div>Nenhum profissional cadastrado</div><a href="{{ route('professionals.create') }}" style="color:#2563eb;font-size:13px">Cadastrar agora</a></td></tr>
@endforelse
</tbody>
</table>
</div>
@endsection