@extends('layouts.app-layout')

@php
    use App\Enums\EstadoFormalizacionEnum;
    use App\Enums\VentasEnum;
    use App\Enums\CantidadPersonasEnum;
    use App\Enums\TipoUnidadEnum;
@endphp

@section('title', 'Confirmar registro')

@section('content')
    <div class="container py-4">
        <div class="row justify-content-center">
            <div class="col-lg-9">
                <div class="card border-0 shadow-sm">
                    <div class="card-body p-4 p-md-5">
                        <div class="d-flex align-items-center mb-4">
                            <div class="rounded-circle bg-primary text-white d-flex align-items-center justify-content-center me-3" style="width:44px;height:44px;">3</div>
                            <div>
                                <p class="text-muted mb-0 small text-uppercase" style="letter-spacing:0.08em;">Paso 3 de 3</p>
                                <h2 class="h5 fw-bold mb-0">Confirmar datos</h2>
                                <p class="text-muted mb-0">Revisá tu información antes de crear la cuenta.</p>
                            </div>
                        </div>

                        <!-- Datos personales del paso 1 -->
                        <div class="mb-4">
                            <h3 class="h6 fw-bold text-primary mb-3">
                                <i class="bi bi-person-circle me-2"></i>Datos de contacto
                            </h3>
                            <div class="bg-light rounded p-3">
                                <div class="row g-3">
                                    <div class="col-md-6">
                                        <p class="mb-0 small text-muted">Nombre</p>
                                        <p class="mb-0 fw-semibold">{{ $paso1['nombre'] }}</p>
                                    </div>
                                    <div class="col-md-6">
                                        <p class="mb-0 small text-muted">Apellido</p>
                                        <p class="mb-0 fw-semibold">{{ $paso1['apellido'] }}</p>
                                    </div>
                                    <div class="col-md-6">
                                        <p class="mb-0 small text-muted">Cédula</p>
                                        <p class="mb-0 fw-semibold">{{ $paso1['cedula'] }}</p>
                                    </div>
                                    <div class="col-md-6">
                                        <p class="mb-0 small text-muted">Email</p>
                                        <p class="mb-0 fw-semibold">{{ $paso1['email'] }}</p>
                                    </div>
                                    <div class="col-md-6">
                                        <p class="mb-0 small text-muted">Teléfono</p>
                                        <p class="mb-0 fw-semibold">{{ $paso1['telefono'] }}</p>
                                    </div>
                                    <div class="col-md-6">
                                        <p class="mb-0 small text-muted">Rol en empresa</p>
                                        <p class="mb-0 fw-semibold">
                                            @switch($paso1['rol_en_empresa'])
                                                @case('titular')
                                                    Titular
                                                    @break
                                                @case('socio')
                                                    Socio
                                                    @break
                                                @case('encargado')
                                                    Encargado
                                                    @break
                                                @case('otro')
                                                    Otro
                                                    @break
                                                @default
                                                    {{ $paso1['rol_en_empresa'] }}
                                            @endswitch
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Datos de la unidad de atención del paso 2 -->
                        <div class="mb-4">
                            <h3 class="h6 fw-bold text-primary mb-3">
                                <i class="bi bi-lightbulb me-2"></i>Unidad de atención
                            </h3>
                            <div class="bg-light rounded p-3">
                                <div class="row g-3">
                                    <div class="col-md-6">
                                        <p class="mb-0 small text-muted">Nombre comercial</p>
                                        <p class="mb-0 fw-semibold">{{ $paso2['nombre_comercial'] }}</p>
                                    </div>
                                    <div class="col-md-6">
                                        <p class="mb-0 small text-muted">Estado de formalización</p>
                                        <p class="mb-0 fw-semibold">
                                            @php $estado = EstadoFormalizacionEnum::tryFrom($paso2['estado_formalizacion'] ?? ''); @endphp
                                            {{ $estado ? $estado->label() : ($paso2['estado_formalizacion'] ?? '-') }}
                                        </p>
                                    </div>
                                    <div class="col-md-6">
                                        <p class="mb-0 small text-muted">Cantidad de personas</p>
                                        <p class="mb-0 fw-semibold">
                                            @php $cp = CantidadPersonasEnum::tryFrom($paso2['cantidad_personas'] ?? ''); @endphp
                                            {{ $cp ? $cp->label() : ($paso2['cantidad_personas'] ?? '-') }}
                                        </p>
                                    </div>
                                    <div class="col-md-6">
                                        <p class="mb-0 small text-muted">Tipo de unidad</p>
                                        <p class="mb-0 fw-semibold">
                                            @php $tu = TipoUnidadEnum::tryFrom($paso2['tipo_unidad'] ?? ''); @endphp
                                            {{ $tu ? $tu->label() : ($paso2['tipo_unidad'] ?? '-') }}
                                        </p>
                                    </div>
                                    <div class="col-md-6">
                                        <p class="mb-0 small text-muted">Canales de venta</p>
                                        <p class="mb-0 fw-semibold">
                                            @php
                                                $canales = collect($paso2['canal_venta'] ?? []);
                                                $labels = collect(\App\Enums\CanalVentaEnum::cases())
                                                    ->mapWithKeys(fn($c) => [$c->value => $c->label()])
                                                    ->toArray();
                                            @endphp
                                            {{ $canales->map(fn($c) => $labels[$c] ?? $c)->implode(', ') ?: '-' }}
                                        </p>
                                    </div>
                                    @if(!empty($paso2['ventas']))
                                        <div class="col-md-6">
                                            <p class="mb-0 small text-muted">Ventas</p>
                                            <p class="mb-0 fw-semibold">
                                                @php $v = VentasEnum::tryFrom($paso2['ventas']); @endphp
                                                {{ $v ? $v->label() : $paso2['ventas'] }}
                                            </p>
                                        </div>
                                    @endif
                                    @if(($paso2['tipo_unidad'] ?? '') !== 'idea')
                                        <div class="col-md-6">
                                            <p class="mb-0 small text-muted">Razón social</p>
                                            <p class="mb-0 fw-semibold">{{ $paso2['razon_social'] ?? '-' }}</p>
                                        </div>
                                        <div class="col-md-6">
                                            <p class="mb-0 small text-muted">RUT</p>
                                            <p class="mb-0 fw-semibold">{{ $paso2['rut'] ?? '-' }}</p>
                                        </div>
                                        <div class="col-md-6">
                                            <p class="mb-0 small text-muted">Rubro CIU</p>
                                            <p class="mb-0 fw-semibold">{{ $paso2['rubro_ciu'] ?? '-' }}</p>
                                        </div>
                                        <div class="col-md-6">
                                            <p class="mb-0 small text-muted">Año de inicio</p>
                                            <p class="mb-0 fw-semibold">{{ $paso2['anio_inicio'] ?? '-' }}</p>
                                        </div>
                                    @endif
                                    @if(
                                        !empty($paso2['departamento']) ||
                                        !empty($paso2['localidad']) ||
                                        !empty($paso2['calle']) ||
                                        !empty($paso2['numero_puerta']) ||
                                        !empty($paso2['codigo_postal'])
                                    )
                                        <div class="col-md-6">
                                            <p class="mb-0 small text-muted">Departamento</p>
                                            <p class="mb-0 fw-semibold">{{ $paso2['departamento'] ?? '-' }}</p>
                                        </div>
                                        <div class="col-md-6">
                                            <p class="mb-0 small text-muted">Localidad</p>
                                            <p class="mb-0 fw-semibold">{{ $paso2['localidad'] ?? '-' }}</p>
                                        </div>
                                        <div class="col-md-6">
                                            <p class="mb-0 small text-muted">Calle</p>
                                            <p class="mb-0 fw-semibold">{{ $paso2['calle'] ?? '-' }}</p>
                                        </div>
                                        <div class="col-md-3">
                                            <p class="mb-0 small text-muted">Número de puerta</p>
                                            <p class="mb-0 fw-semibold">{{ $paso2['numero_puerta'] ?? '-' }}</p>
                                        </div>
                                        <div class="col-md-3">
                                            <p class="mb-0 small text-muted">Código postal</p>
                                            <p class="mb-0 fw-semibold">{{ $paso2['codigo_postal'] ?? '-' }}</p>
                                        </div>
                                    @endif
                                    <div class="col-12">
                                        <p class="mb-0 small text-muted">Descripción</p>
                                        <p class="mb-0 fw-semibold">{{ $paso2['descripcion'] }}</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Formulario de confirmación -->
                        <form action="{{ route('registro.confirmacion.store') }}" method="POST">
                            @csrf
                            
                            <div class="alert alert-info d-flex align-items-start" role="alert">
                                <i class="bi bi-info-circle-fill me-2 mt-1"></i>
                                <div>
                                    <strong>¿Todo correcto?</strong> 
                                    Si necesitás modificar algún dato, podés volver al paso anterior.
                                </div>
                            </div>

                            <div class="pt-3 d-flex justify-content-between align-items-center">
                                <a href="{{ route('registro.unidad') }}" class="btn btn-link text-decoration-none">
                                    <i class="bi bi-arrow-left me-1"></i>Volver a paso 2
                                </a>
                                <button type="submit" class="btn btn-primary px-4">
                                    <i class="bi bi-check-circle me-1"></i>Confirmar y crear cuenta
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection