@use('App\Enums\FuncionarioRolEnum')

@php
    $funcionario = $funcionario ?? null;
    $currentMode = $mode ?? (isset($funcionario) ? 'edit' : 'create');
    $isCreate = $currentMode === 'create';
    $horarioEntradaValue = old(
        'horario_entrada',
        $funcionario?->horario_entrada ? substr((string) $funcionario->horario_entrada, 0, 5) : '',
    );
    $horarioSalidaValue = old(
        'horario_salida',
        $funcionario?->horario_salida ? substr((string) $funcionario->horario_salida, 0, 5) : '',
    );
@endphp

<div class="row gy-0 gx-2">
    <div class="col-12 mb-2">
        <h3 class="h6 fw-semibold mb-0">Datos del usuario</h3>
    </div>

    <div class="col-md-6 mb-2">
        <label for="nombre" class="form-label small text-muted mb-1">Nombre</label>
        <input type="text" class="form-control @error('nombre') is-invalid @enderror" id="nombre" name="nombre"
            pattern="^[\p{L}]+$" title="En el nombre solo se permiten letras"
            value="{{ old('nombre', $funcionario?->user?->nombre ?? '') }}" required>
        @error('nombre')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6 mb-2">
        <label for="apellido" class="form-label small text-muted mb-1">Apellido</label>
        <input type="text" class="form-control @error('apellido') is-invalid @enderror" id="apellido"
            pattern="^[\p{L}]+$" title="En el apellido solo se permiten letras" name="apellido"
            value="{{ old('apellido', $funcionario?->user?->apellido ?? '') }}" required>
        @error('apellido')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6 mb-2">
        <label for="cedula" class="form-label small text-muted mb-1">Cédula</label>
        <input type="text" class="form-control @error('cedula') is-invalid @enderror" id="cedula" name="cedula"
            value="{{ old('cedula', $funcionario?->user?->cedula ?? '') }}" placeholder="1.234.567-8 o 12345678"
            maxlength="11" pattern="[\d.\-]+" inputmode="numeric">
        @error('cedula')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6 mb-2">
        <label for="telefono" class="form-label small text-muted mb-1">Teléfono</label>
        <input type="tel" class="form-control @error('telefono') is-invalid @enderror" id="telefono"
            name="telefono" value="{{ old('telefono', $funcionario?->user?->telefono ?? '') }}"
            placeholder="099 123 456 o 2901 2345" pattern="^(0?9[2-9]\s?[0-9]{3}\s?[0-9]{3}|[2-4][0-9]{3}\s?[0-9]{4})$"
            inputmode="tel" maxlength="12">
        @error('telefono')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6 mb-2">
        <label for="email" class="form-label small text-muted mb-1">Email</label>
        <input type="email" class="form-control @error('email') is-invalid @enderror" id="email" name="email"
            value="{{ old('email', $funcionario?->user?->email ?? '') }}" required>
        @error('email')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    @if ($isCreate)
        <div class="col-md-6 mb-2">
            <label for="funcionario_password" class="form-label small text-muted mb-1">Contraseña</label>
            <div class="input-group has-validation border rounded-3 overflow-hidden">
                <input type="password" class="form-control @error('password') is-invalid @enderror"
                    id="funcionario_password" name="password" minlength="8" autocomplete="new-password" required>
                <button class="btn bg-white border-0 px-3" type="button" data-toggle-password
                    data-target="funcionario_password" aria-label="Mostrar contrasena" aria-pressed="false"
                    title="Mostrar contrasena">
                    <i class="bi bi-eye"></i>
                </button>
            </div>
            @error('password')
                <div class="invalid-feedback d-block">{{ $message }}</div>
            @enderror
            <div class="form-text">Mínimo 8 caracteres</div>
        </div>
    @endif

    <div class="col-12 mt-3 mb-2">
        <h3 class="h6 fw-semibold mb-0">Datos del funcionario</h3>
    </div>

    <div class="col-md-6 mb-2">
        <label for="centro_unidad" class="form-label small text-muted mb-1">Centro/Unidad</label>
        <input type="text" class="form-control @error('centro_unidad') is-invalid @enderror" id="centro_unidad"
            name="centro_unidad" value="{{ old('centro_unidad', $funcionario?->centro_unidad ?? 'Salto Innova') }}">
        @error('centro_unidad')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6 mb-2">
        <label for="rol" class="form-label small text-muted mb-1">Rol</label>
        <select class="form-select @error('rol') is-invalid @enderror" id="rol" name="rol" required>
            <option value="">Seleccione un rol...</option>
            @foreach (FuncionarioRolEnum::cases() as $rol)
                <option value="{{ $rol->value }}"
                    {{ old('rol', $funcionario?->rol?->value ?? '') === $rol->value ? 'selected' : '' }}>
                    {{ $rol->label() }}
                </option>
            @endforeach
        </select>
        @error('rol')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6 mb-2">
        <label for="horario_entrada" class="form-label small text-muted mb-1">Horario de entrada</label>
        <input type="time" class="form-control @error('horario_entrada') is-invalid @enderror" id="horario_entrada"
            name="horario_entrada" value="{{ $horarioEntradaValue }}">
        @error('horario_entrada')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6 mb-2">
        <label for="horario_salida" class="form-label small text-muted mb-1">Horario de salida</label>
        <input type="time" class="form-control @error('horario_salida') is-invalid @enderror" id="horario_salida"
            name="horario_salida" value="{{ $horarioSalidaValue }}">
        @error('horario_salida')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6 mb-2">
        <label for="estado" class="form-label small text-muted mb-1">Estado</label>
        <select class="form-select @error('estado') is-invalid @enderror" id="estado" name="estado" required>
            <option value="">Seleccione un estado...</option>
            <option value="activo"
                {{ old('estado', $funcionario?->estado?->value ?? 'activo') === 'activo' ? 'selected' : '' }}>
                Activo
            </option>
            <option value="inactivo"
                {{ old('estado', $funcionario?->estado?->value ?? '') === 'inactivo' ? 'selected' : '' }}>
                Inactivo
            </option>
        </select>
        @error('estado')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-12 mt-2">
        <button type="button" class="btn btn-link p-0" data-bs-toggle="modal" data-bs-target="#privacyPolicyModal">
            Ver Política de privacidad
        </button>
    </div>
</div>

@include('partials.privacy-policy-modal')