@extends('../layouts/partials/header')

@section('content_header')
    <h1 class="fs-4">Recepción - Nuevo registro</h1>
@endsection

@section('content')

@php
    $existente  = session('cliente_existente');   // cliente encontrado en tabla clientes
    $rfcNuevo   = session('rfc_nuevo');           // rfc sin match en clientes
    $esExistente = !empty($existente);
@endphp

<div class="container mt-3">
    <br>
    <div class="card">
        <div class="card-header">
            @if ($esExistente)
                <span class="fw-bold text-success">
                    <i class="fas fa-user-check me-1"></i> Cliente encontrado — captura el trámite a realizar
                </span>
            @else
                <span class="fw-bold">
                    <i class="fas fa-user-plus me-1"></i> Cliente nuevo — captura sus datos
                </span>
            @endif
        </div>

        <div class="card-body">

            @if ($errors->any())
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <strong>Por favor corrige los siguientes errores:</strong>
                    <ul class="mb-0 mt-1">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                </div>
            @endif

            <p class="text-muted small">
                Los campos marcados con <span class="text-danger">*</span> son obligatorios.
            </p>

            <form action="{{ route('recepcion.store') }}" method="POST">
                @csrf

                <div class="row g-3">

                    {{-- Nombre --}}
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Nombre(s) <span class="text-danger">*</span></label>
                        <input
                            type="text"
                            name="nombre"
                            value="{{ old('nombre', $esExistente ? $existente['nombre'] : '') }}"
                            class="form-control @error('nombre') is-invalid @enderror"
                            maxlength="150"
                            {{ $esExistente ? 'readonly' : 'required' }}
                        >
                        @error('nombre')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    {{-- Apellido Paterno --}}
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Apellido Paterno</label>
                        <input
                            type="text"
                            name="a_paterno"
                            value="{{ old('a_paterno', $esExistente ? $existente['a_paterno'] : '') }}"
                            class="form-control @error('a_paterno') is-invalid @enderror"
                            maxlength="30"
                            {{ $esExistente ? 'readonly' : '' }}
                        >
                        @error('a_paterno')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    {{-- Apellido Materno --}}
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Apellido Materno</label>
                        <input
                            type="text"
                            name="a_materno"
                            value="{{ old('a_materno', $esExistente ? $existente['a_materno'] : '') }}"
                            class="form-control @error('a_materno') is-invalid @enderror"
                            maxlength="30"
                            {{ $esExistente ? 'readonly' : '' }}
                        >
                        @error('a_materno')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    {{-- Fecha de Nacimiento --}}
                    <div class="col-md-2">
                        <label class="form-label fw-bold">Fecha de Nacimiento</label>
                        <input
                            type="date"
                            name="f_nacimiento"
                            value="{{ old('f_nacimiento', $esExistente ? $existente['f_nacimiento'] : '') }}"
                            class="form-control @error('f_nacimiento') is-invalid @enderror"
                            {{ $esExistente ? 'readonly' : '' }}
                        >
                        @error('f_nacimiento')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    {{-- Teléfono 1 --}}
                    <div class="col-md-2">
                        <label class="form-label fw-bold">Teléfono 1</label>
                        <input
                            type="text"
                            name="tel1"
                            value="{{ old('tel1', $esExistente ? $existente['tel1'] : '') }}"
                            class="form-control @error('tel1') is-invalid @enderror"
                            maxlength="12"
                            {{ $esExistente ? 'readonly' : '' }}
                        >
                        @error('tel1')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    {{-- Teléfono 2 (solo cliente nuevo) --}}
                    @if (!$esExistente)
                    <div class="col-md-2">
                        <label class="form-label fw-bold">Teléfono 2</label>
                        <input
                            type="text"
                            name="tel2"
                            value="{{ old('tel2') }}"
                            class="form-control @error('tel2') is-invalid @enderror"
                            maxlength="12"
                        >
                        @error('tel2')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    @endif

                    {{-- Correo 1 --}}
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Correo electrónico</label>
                        <input
                            type="email"
                            name="correo1"
                            value="{{ old('correo1', $esExistente ? $existente['correo1'] : '') }}"
                            class="form-control @error('correo1') is-invalid @enderror"
                            maxlength="35"
                            style="text-transform:none;"
                            {{ $esExistente ? 'readonly' : '' }}
                        >
                        @error('correo1')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    {{-- Correo 2 (solo cliente nuevo) --}}
                    @if (!$esExistente)
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Correo alternativo</label>
                        <input
                            type="email"
                            name="correo2"
                            value="{{ old('correo2') }}"
                            class="form-control @error('correo2') is-invalid @enderror"
                            maxlength="35"
                            style="text-transform:none;"
                        >
                        @error('correo2')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    @endif

                    {{-- Separador visual si es cliente existente --}}
                    @if ($esExistente)
                    <div class="col-12">
                        <hr>
                        <p class="fw-bold text-primary mb-0">
                            <i class="fas fa-clipboard-list me-1"></i> Trámite a realizar
                        </p>
                    </div>
                    @endif

                    {{-- Trámite --}}
                    <div class="col-md-6">
                        <label class="form-label fw-bold">
                            Trámite / Motivo de visita <span class="text-danger">*</span>
                        </label>
                        <input
                            type="text"
                            name="tramite"
                            value="{{ old('tramite') }}"
                            class="form-control @error('tramite') is-invalid @enderror"
                            maxlength="100"
                            placeholder="Ej: SEGURO DE AUTO, MODALIDAD 10, PASAPORTE..."
                            required
                            autofocus
                        >
                        @error('tramite')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    {{-- Nota --}}
                    <div class="col-12">
                        <label class="form-label fw-bold">Nota</label>
                        <textarea
                            name="nota"
                            class="form-control @error('nota') is-invalid @enderror"
                            rows="3"
                            style="text-transform:uppercase;"
                        >{{ old('nota') }}</textarea>
                        @error('nota')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                </div>{{-- /row --}}

                <div class="row mt-4">
                    <div class="col-12 d-flex gap-2">
                        <button type="submit" class="btn btn-primary btn-sm">
                            <i class="fas fa-save me-1"></i> Guardar registro
                        </button>
                        <a href="{{ route('recepcion.buscar') }}" class="btn btn-secondary btn-sm">
                            <i class="fas fa-times me-1"></i> Cancelar
                        </a>
                    </div>
                </div>

            </form>

        </div>{{-- /card-body --}}
    </div>{{-- /card --}}
</div>

@endsection

@extends('../layouts/partials/footer')