@extends('layouts.app')

@php $editar = $empleado->exists; $sim = auth()->user()->empresa?->simbolo ?? 'S/'; @endphp

@section('titulo', $editar ? 'Editar empleado' : 'Nuevo empleado')
@section('subtitulo', $editar ? $empleado->nombre_completo : 'Registra a un miembro del personal')

@section('contenido')
<div class="max-w-3xl">
    <a href="{{ route('rrhh.index') }}" class="inline-flex items-center gap-1.5 text-sm text-slate-500 hover:text-brand-600 mb-4">
        <svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/></svg>
        Volver a RRHH
    </a>

    @if ($errors->any())
        <div class="mb-5 rounded-xl bg-red-50 border border-red-100 px-4 py-3 text-sm text-red-600">
            <ul class="list-disc list-inside space-y-1">@foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul>
        </div>
    @endif

    @php $in = 'w-full rounded-xl border border-slate-200 bg-slate-50 px-4 py-2.5 text-sm outline-none focus:border-brand-400 focus:ring-4 focus:ring-brand-100 transition'; @endphp

    <form method="POST" action="{{ $editar ? route('rrhh.update', $empleado) : route('rrhh.store') }}" class="space-y-5">
        @csrf
        @if ($editar) @method('PUT') @endif

        <div class="bg-white rounded-2xl shadow-sm shadow-slate-200/60 p-6 sm:p-7">
            <h3 class="text-xs font-semibold uppercase tracking-wider text-slate-400 mb-4">Datos personales</h3>
            <div class="grid sm:grid-cols-2 gap-4">
                <div>
                    <label class="block text-sm font-medium text-slate-700 mb-1.5">Nombres <span class="text-red-500">*</span></label>
                    <input type="text" name="nombres" value="{{ old('nombres', $empleado->nombres) }}" required class="{{ $in }}">
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-700 mb-1.5">Apellidos <span class="text-red-500">*</span></label>
                    <input type="text" name="apellidos" value="{{ old('apellidos', $empleado->apellidos) }}" required class="{{ $in }}">
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-700 mb-1.5">Tipo de documento</label>
                    <select name="tipo_documento" class="{{ $in }}">
                        @foreach (['DNI', 'CE', 'Pasaporte', 'Otro'] as $td)
                            <option value="{{ $td }}" @selected(old('tipo_documento', $empleado->tipo_documento ?? 'DNI') == $td)>{{ $td }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-700 mb-1.5">N.º de documento</label>
                    <input type="text" name="documento" value="{{ old('documento', $empleado->documento) }}" class="{{ $in }}">
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-700 mb-1.5">Correo</label>
                    <input type="email" name="email" value="{{ old('email', $empleado->email) }}" class="{{ $in }}">
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-700 mb-1.5">Teléfono</label>
                    <input type="text" name="telefono" value="{{ old('telefono', $empleado->telefono) }}" class="{{ $in }}">
                </div>
            </div>
        </div>

        <div class="bg-white rounded-2xl shadow-sm shadow-slate-200/60 p-6 sm:p-7">
            <h3 class="text-xs font-semibold uppercase tracking-wider text-slate-400 mb-4">Datos laborales</h3>
            <div class="grid sm:grid-cols-2 gap-4">
                <div>
                    <label class="block text-sm font-medium text-slate-700 mb-1.5">Código</label>
                    <input type="text" name="codigo" value="{{ old('codigo', $empleado->codigo) }}" placeholder="Automático si vacío" class="{{ $in }}">
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-700 mb-1.5">Cargo</label>
                    <input type="text" name="cargo" value="{{ old('cargo', $empleado->cargo) }}" placeholder="Ej: Coordinador académico" class="{{ $in }}">
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-700 mb-1.5">Área <span class="text-red-500">*</span></label>
                    <select name="area" required class="{{ $in }} capitalize">
                        @foreach (\App\Models\Empleado::AREAS as $a)
                            <option value="{{ $a }}" @selected(old('area', $empleado->area) == $a)>{{ ucfirst($a) }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-700 mb-1.5">Tipo de contrato <span class="text-red-500">*</span></label>
                    <select name="tipo_contrato" required class="{{ $in }}">
                        @foreach (['planilla' => 'Planilla', 'honorarios' => 'Recibo por honorarios', 'part_time' => 'Part time', 'practicas' => 'Prácticas'] as $v => $l)
                            <option value="{{ $v }}" @selected(old('tipo_contrato', $empleado->tipo_contrato) == $v)>{{ $l }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-700 mb-1.5">Sueldo ({{ $sim }})</label>
                    <input type="number" step="0.01" min="0" name="sueldo" value="{{ old('sueldo', $empleado->sueldo ?? 0) }}" class="{{ $in }}">
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-700 mb-1.5">Estado <span class="text-red-500">*</span></label>
                    <select name="estado" required class="{{ $in }} capitalize">
                        @foreach (\App\Models\Empleado::ESTADOS as $e)
                            <option value="{{ $e }}" @selected(old('estado', $empleado->estado) == $e)>{{ ucfirst($e) }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-700 mb-1.5">Fecha de ingreso</label>
                    <input type="date" name="fecha_ingreso" value="{{ old('fecha_ingreso', $empleado->fecha_ingreso?->format('Y-m-d')) }}" class="{{ $in }}">
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-700 mb-1.5">Fecha de cese</label>
                    <input type="date" name="fecha_cese" value="{{ old('fecha_cese', $empleado->fecha_cese?->format('Y-m-d')) }}" class="{{ $in }}">
                </div>
                <div class="sm:col-span-2">
                    <label class="block text-sm font-medium text-slate-700 mb-1.5">Observaciones</label>
                    <textarea name="observaciones" rows="3" class="{{ $in }}">{{ old('observaciones', $empleado->observaciones) }}</textarea>
                </div>
            </div>
        </div>

        <div class="flex items-center justify-end gap-3">
            <a href="{{ route('rrhh.index') }}" class="px-5 py-2.5 rounded-xl text-slate-600 font-medium hover:bg-slate-100 transition">Cancelar</a>
            <button type="submit" class="px-6 py-2.5 rounded-xl bg-brand-500 hover:bg-brand-600 text-white font-semibold shadow-lg shadow-brand-500/30 transition">
                {{ $editar ? 'Guardar cambios' : 'Registrar empleado' }}
            </button>
        </div>
    </form>
</div>
@endsection