@csrf

@php
    $isCreate = ($mode ?? 'create') === 'create';
    $requiredMark = '<span class="text-danger">*</span>';
    $passwordNeedsReentry = $isCreate && $errors->any();
@endphp

<div class="mb-3 small text-muted">
    Los campos marcados con {!! $requiredMark !!} son obligatorios.
</div>

<div class="row gy-0 gx-2">

    <div class="col-md-6 mb-2">
        <label class="form-label small text-muted mb-1">Nombre {!! $requiredMark !!}</label>
        <input type="text" name="nombre" value="{{ old('nombre', $contacto->user->nombre ?? '') }}"
            class="form-control @error('nombre') is-invalid @enderror" placeholder="Pedro" required>
        @error('nombre')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6 mb-2">
        <label class="form-label small text-muted mb-1">Apellido {!! $requiredMark !!}</label>
        <input type="text" name="apellido" value="{{ old('apellido', $contacto->user->apellido ?? '') }}"
            class="form-control @error('apellido') is-invalid @enderror" placeholder="Pérez" required>
        @error('apellido')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

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

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

    <div class="col-md-6 mb-2">
        <label class="form-label small text-muted mb-1">Teléfono {!! $requiredMark !!}</label>
        <input type="tel" name="telefono" value="{{ old('telefono', $contacto->user->telefono ?? '') }}"
            class="form-control @error('telefono') is-invalid @enderror" 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="20"
            required>
        @error('telefono')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6 mb-2">
        <label class="form-label small text-muted mb-1">
            @if (($mode ?? 'create') === 'edit')
                Nueva contraseña (opcional)
            @else
                Contraseña {!! $requiredMark !!}
            @endif
        </label>
        <div class="input-group has-validation border rounded-3 overflow-hidden">
            <input id="contacto_password" type="password" name="password"
                class="form-control border-0 @error('password') is-invalid @enderror @if ($passwordNeedsReentry) is-invalid @endif"
                minlength="8" placeholder="{{ $isCreate ? 'Ingresa una contraseña segura' : '' }}"
                autocomplete="new-password" {{ ($mode ?? 'create') === 'create' ? 'required' : '' }}>
            <button class="btn bg-white border-0 px-3" type="button" data-toggle-password
                data-target="contacto_password" aria-label="Mostrar contrasena" aria-pressed="false"
                title="Mostrar contrasena">
                <i class="bi bi-eye" aria-hidden="true"></i>
            </button>
        </div>
        @error('password')
            <div class="invalid-feedback d-block">{{ $message }}</div>
        @enderror

        @if ($passwordNeedsReentry)
            <div class="invalid-feedback d-block">Por seguridad, debes volver a ingresar la contraseña para continuar.
            </div>
        @endif

        @if (($mode ?? 'create') === 'edit')
            <div class="form-text">Dejar en blanco para mantener la contraseña actual.</div>
        @else
            <div class="form-text">Mínimo 8 caracteres, incluyendo mayúsculas, minúsculas, números y símbolo.</div>
        @endif
    </div>

    <div class="col-md-12 mb-3 mt-3">
        @php
            $isEdit = ($mode ?? 'create') === 'edit';
            $consentimientoAceptado = $contacto->consentimiento_datos ?? false;
        @endphp

        <div class="@if ($isEdit) bg-light border rounded p-3 @endif">
            <div class="form-check">
                @if ($isEdit && $consentimientoAceptado)
                    <input type="hidden" name="consentimiento_datos" value="1">
                @else
                    <input type="hidden" name="consentimiento_datos" value="0">
                @endif
                <input class="form-check-input @error('consentimiento_datos') is-invalid @enderror" type="checkbox"
                    name="consentimiento_datos" id="consentimiento_datos" value="1" @checked(old('consentimiento_datos', $consentimientoAceptado))
                    @if (!$isEdit) required @endif
                    @if ($isEdit && $consentimientoAceptado) disabled @endif>
                <label
                    class="form-check-label @if ($isEdit) fw-semibold @else small text-muted @endif"
                    for="consentimiento_datos">
                    Acepto el tratamiento de datos personales @if (!$isEdit)
                        {!! $requiredMark !!}
                    @endif
                </label>
                <button type="button" class="btn btn-link btn-sm p-0 ms-2 align-baseline" data-bs-toggle="modal"
                    data-bs-target="#privacyPolicyModal">
                    Política de privacidad
                </button>

                @error('consentimiento_datos')
                    <div class="invalid-feedback d-block">{{ $message }}</div>
                @enderror
            </div>

            @if ($isEdit)
                <div class="alert alert-info mt-3 mb-0 py-2 px-3 small" role="alert">
                    <i class="bi bi-info-circle me-1"></i>
                    <strong>Tu consentimiento actual:</strong>
                    {{ $consentimientoAceptado ? 'aceptado' : 'no aceptado' }}.
                    @if ($consentimientoAceptado)
                        Una vez otorgado, este consentimiento no puede retirarse desde el sistema.
                    @else
                        Podés otorgarlo marcando la opción. Una vez aceptado, no podrá retirarse desde el sistema.
                    @endif
                </div>
            @endif
        </div>
    </div>

    @if (!($isRegistroPublico ?? false))
        <div class="col-md-6 mb-2">
            <label class="form-label small text-muted mb-1">Rol en la empresa {!! $requiredMark !!}</label>
            <select name="rol_en_empresa" class="form-select @error('rol_en_empresa') is-invalid @enderror" required>
                @php
                    $rolActual = old('rol_en_empresa', $contacto->rol_en_empresa ?? 'titular');
                @endphp
                <option value="titular" @selected($rolActual === 'titular')>Titular</option>
                <option value="socio" @selected($rolActual === 'socio')>Socio</option>
                <option value="encargado" @selected($rolActual === 'encargado')>Encargado</option>
                <option value="otro" @selected($rolActual === 'otro')>Otro</option>
            </select>
            @error('rol_en_empresa')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>
    @else
        <input type="hidden" name="rol_en_empresa" value="titular">
    @endif

</div>

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