@extends('mails.layout')

@push('head')
    <style>
        .confirmacion-lead {
            background: linear-gradient(135deg, #fdfaf6 0%, #f8f4ef 100%);
            border: 1px solid #e8c39e;
            border-radius: 8px;
            padding: 18px 20px;
            margin: 0 0 24px 0;
            text-align: center;
        }
        .confirmacion-lead .confirmacion-badge {
            display: inline-block;
            background: #e8c39e;
            color: #1a1a1a;
            font-weight: 700;
            font-size: 11px;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            padding: 8px 16px;
            border-radius: 999px;
            margin-bottom: 10px;
        }
        .confirmacion-lead p {
            margin: 0 !important;
            color: #444444 !important;
            font-size: 15px;
        }
        .confirmacion-lead strong {
            color: #333333;
        }
    </style>
@endpush

@section('content')
    <div class="confirmacion-lead">
        <span class="confirmacion-badge">Pago verificado</span>
        <p>Hemos validado su comprobante; su pedido queda <strong>confirmado</strong>.</p>
    </div>

    <h2>Su compra está confirmada</h2>
    <p>Estimado/a <strong>{{ $venta->cliente->razonSocial ?? 'cliente' }}</strong>:</p>
    <p>Le informamos que el pago de su compra en línea ha sido <strong>verificado por administración</strong>. A continuación encontrará el resumen:</p>

    <table class="data-table">
        <tr>
            <td>Folio</td>
            <td><strong>#{{ $venta->id }}</strong></td>
        </tr>
        @if(isset($venta->sucursal) && $venta->sucursal)
        <tr>
            <td>Sucursal</td>
            <td><strong>{{ $venta->sucursal->nombre }}</strong></td>
        </tr>
        @endif
        <tr>
            <td>Total</td>
            <td><strong>${{ number_format((float) $venta->total, 2) }}</strong></td>
        </tr>
        <tr>
            <td>Fecha de registro</td>
            <td>{{ $venta->fecha_registro ? \Carbon\Carbon::parse($venta->fecha_registro)->format('d/m/Y H:i') : '—' }}</td>
        </tr>
        <tr>
            <td>Estado del pago</td>
            <td><strong>Verificado</strong></td>
        </tr>
        @if($venta->fecha_pago_verificado)
        <tr>
            <td>Fecha de verificación</td>
            <td>{{ \Carbon\Carbon::parse($venta->fecha_pago_verificado)->format('d/m/Y H:i') }}</td>
        </tr>
        @endif
        @include('mails.partials.venta-lineas-pago')
    </table>

    <div class="info-box">
        <p style="margin-top:0;"><strong>Próximos pasos</strong></p>
        <ul style="margin-bottom:0;">
            @if($venta->es_tienda_online === 'si' && $venta->direccion_id && $venta->direccion)
                <li>Prepararemos su pedido para envío a la dirección registrada. Cuando el envío sea registrado, podrá consultar el estatus en su historial de compras.</li>
            @elseif($venta->es_tienda_online === 'si')
                <li>Prepararemos su pedido según las condiciones acordadas. Si requiere asistencia, contacte a su sucursal.</li>
            @else
                <li>Conserve este correo como referencia de su compra en sucursal.</li>
            @endif
            <li>Ante cualquier duda, comuníquese con la sucursal donde realizó la operación.</li>
        </ul>
    </div>

    <p>Gracias por su preferencia.</p>
    <p>Atentamente,<br><strong>EGURROLA Clínica Cosmetológica</strong></p>
@endsection