@csrf
@if(isset($appointmentStatus)) @method('PUT') @endif
<div class="grid gap-5 sm:grid-cols-2">
    <div><label class="mb-2 block text-sm font-semibold">Código</label><input name="code" required maxlength="40" pattern="[a-z][a-z0-9_]*" value="{{ old('code', $appointmentStatus->code ?? '') }}" placeholder="ej. visit_completed" class="w-full rounded-lg border-slate-300 dark:bg-slate-800"><p class="mt-1 text-xs text-slate-500">Minúsculas, números y guion bajo.</p>@error('code')<p class="mt-1 text-sm text-red-600">{{ $message }}</p>@enderror</div>
    <div><label class="mb-2 block text-sm font-semibold">Nombre visible</label><input name="name" maxlength="100" required value="{{ old('name', $appointmentStatus->name ?? '') }}" class="w-full rounded-lg border-slate-300 dark:bg-slate-800">@error('name')<p class="mt-1 text-sm text-red-600">{{ $message }}</p>@enderror</div>
    <div><label class="mb-2 block text-sm font-semibold">Comportamiento</label><select name="behavior" required class="w-full rounded-lg border-slate-300 dark:bg-slate-800">@foreach(['scheduled'=>'Programada','confirmed'=>'Confirmada','completed'=>'Completada','cancelled'=>'Cancelada'] as $behavior=>$label)<option value="{{ $behavior }}" @selected(old('behavior', $appointmentStatus->behavior ?? 'scheduled') === $behavior)>{{ $label }}</option>@endforeach</select><p class="mt-1 text-xs text-slate-500">Define las reglas internas del nuevo estatus.</p></div>
    <div><label class="mb-2 block text-sm font-semibold">Apariencia</label><select name="tone" class="w-full rounded-lg border-slate-300 dark:bg-slate-800">@foreach(['info'=>'Informativo','positive'=>'Positivo','completed'=>'Completado','danger'=>'Peligro','warning'=>'Advertencia','neutral'=>'Neutral'] as $tone=>$label)<option value="{{ $tone }}" @selected(old('tone', $appointmentStatus->tone ?? 'info') === $tone)>{{ $label }}</option>@endforeach</select></div>
    <div><label class="mb-2 block text-sm font-semibold">Orden</label><input type="number" name="sort_order" min="0" max="65535" required value="{{ old('sort_order', $appointmentStatus->sort_order ?? 0) }}" class="w-full rounded-lg border-slate-300 dark:bg-slate-800"></div>
</div>
<label class="flex items-center gap-3 rounded-lg bg-slate-50 p-4 dark:bg-slate-800"><input type="checkbox" name="is_active" value="1" @checked(old('is_active', $appointmentStatus->is_active ?? true)) class="rounded border-slate-300 text-primary"><span><strong class="block text-sm">Disponible en citas</strong><span class="text-xs text-slate-500">Sólo los estatus activos son aceptados por las APIs.</span></span></label>
<div class="flex justify-end gap-3 border-t pt-5"><a href="{{ route('realEstate.settings.appointmentStatuses') }}" class="rounded-lg border px-5 py-2.5 text-sm font-semibold">Cancelar</a><button class="rounded-lg bg-primary px-5 py-2.5 text-sm font-semibold text-white">Guardar</button></div>