@extends('layouts.dental')
@section('title', isset($professional) ? 'Editar Profissional' : 'Novo Profissional')
@section('content')
<div style="max-width:560px;margin:0 auto">
<form method="POST" action="{{ isset($professional) ? route('professionals.update', $professional) : route('professionals.store') }}">
@csrf
@if(isset($professional)) @method('PUT') @endif
<div style="background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:24px;margin-bottom:16px">
<h3 style="font-weight:600;color:#111827;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #f3f4f6">Dados do Profissional</h3>
<div style="margin-bottom:16px">
<label style="display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px">Nome completo *</label>
<input type="text" name="name" value="{{ old('name', $professional->name ?? '') }}" required style="width:100%;padding:10px 14px;border:1.5px solid #d1d5db;border-radius:10px;font-size:14px;box-sizing:border-box">
</div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px">
<div><label style="display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px">Especialidade</label>
<input type="text" name="specialty" value="{{ old('specialty', $professional->specialty ?? '') }}" placeholder="Ex: Ortodontia" style="width:100%;padding:10px 14px;border:1.5px solid #d1d5db;border-radius:10px;font-size:14px;box-sizing:border-box"></div>
<div><label style="display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px">CRO</label>
<input type="text" name="cro" value="{{ old('cro', $professional->cro ?? '') }}" style="width:100%;padding:10px 14px;border:1.5px solid #d1d5db;border-radius:10px;font-size:14px;box-sizing:border-box"></div>
</div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px">
<div><label style="display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px">Telefone</label>
<input type="text" name="phone" value="{{ old('phone', $professional->phone ?? '') }}" style="width:100%;padding:10px 14px;border:1.5px solid #d1d5db;border-radius:10px;font-size:14px;box-sizing:border-box"></div>
<div><label style="display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px">Duração padrão (min) *</label>
<input type="number" name="default_appointment_duration" value="{{ old('default_appointment_duration', $professional->default_appointment_duration ?? 30) }}" min="5" required style="width:100%;padding:10px 14px;border:1.5px solid #d1d5db;border-radius:10px;font-size:14px;box-sizing:border-box"></div>
</div>
<div style="display:flex;align-items:center;gap:16px;margin-bottom:16px">
<div><label style="display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px">Cor na agenda</label>
<input type="color" name="color" value="{{ old('color', $professional->color ?? '#2196F3') }}" style="width:48px;height:40px;border:1.5px solid #d1d5db;border-radius:8px;cursor:pointer;padding:2px"></div>
@if(isset($professional))
<div style="margin-top:20px"><label style="display:flex;align-items:center;gap:8px;cursor:pointer">
<input type="checkbox" name="active" {{ old('active', $professional->active) ? 'checked' : '' }} style="width:16px;height:16px">
<span style="font-size:14px;color:#374151">Profissional ativo</span></label></div>
@endif
</div>
</div>
<div style="display:flex;gap:12px;justify-content:flex-end">
<a href="{{ route('professionals.index') }}" style="padding:10px 24px;border:1.5px solid #d1d5db;border-radius:10px;font-size:14px;font-weight:500;color:#374151;text-decoration:none">Cancelar</a>
<button type="submit" style="background:#2563eb;color:#fff;padding:10px 24px;border-radius:10px;font-size:14px;font-weight:600;border:none;cursor:pointer">{{ isset($professional) ? 'Salvar' : 'Cadastrar' }}</button>
</div>
</form>
</div>
@endsection