@extends('layouts.email')

@section('title', 'Registro completado')

@section('content')

    <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-bottom: 30px;">
        <tr>
            <td style="padding: 0px;">

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 18px 0; font-family: Arial, sans-serif;">
                    Hola equipo,
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 18px 0; font-family: Arial, sans-serif;">
                    El lead <strong>{{ $lead_name }}</strong> ha completado correctamente su ficha de registro a través del enlace enviado desde el CMS.
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 18px 0; font-family: Arial, sans-serif;">
                    Los datos enviados incluyen:
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 8px 0; font-family: Arial, sans-serif;">
                    ✅ Información de facturación
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 8px 0; font-family: Arial, sans-serif;">
                    ✅ Cuenta de domiciliación bancaria (GoCardless)
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 25px 0; font-family: Arial, sans-serif;">
                    ✅ Datos de contacto de los usuarios (nombre, email, teléfono)
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 25px 0; font-family: Arial, sans-serif;">
                    🔗 <a href="{{ $cms_leads_url }}" target="_blank" style="color: #243c34; text-decoration: underline;">Ver cliente en la sección Leads del CMS</a>
                </p>

                <h2 style="color: #243c34; font-size: 20px; line-height: 24px; margin: 0 0 18px 0; font-family: Arial, sans-serif; font-weight: 600;">
                    Siguientes pasos para completar el alta:
                </h2>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 18px 0; font-family: Arial, sans-serif;">
                    Ahora es necesario recopilar los datos de la oferta, que todavía están pendientes.
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 18px 0; font-family: Arial, sans-serif;">
                    Durante la reunión de onboarding con el cliente, se debe definir:
                </p>

                <ul style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 18px 0; font-family: Arial, sans-serif; padding-left: 20px;">
                    <li style="margin-bottom: 8px;">Las 5 fotos principales para su oferta</li>
                    <li style="margin-bottom: 8px;">Las condiciones de la colaboración y qué ofrece el cliente "a cambio"</li>
                    <li style="margin-bottom: 8px;">Días y horarios disponibles, si aplica</li>
                    <li style="margin-bottom: 8px;">El tipo de influencer deseado, su público objetivo y los objetivos de la campaña</li>
                    <li style="margin-bottom: 8px;">La estrategia que se seguirá conjuntamente entre el cliente y Nomade</li>
                </ul>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 18px 0; font-family: Arial, sans-serif;">
                    Una vez recopilada esta información, se podrá completar la configuración de la oferta en el CMS y activar su perfil para que sea visible en la app de influencers.
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 18px 0; font-family: Arial, sans-serif;">
                    Gracias,
                </p>

                <p style="color: #243c34; font-size: 16px; font-weight: 400; margin: 0 0 20px 0; font-family: Arial, sans-serif;">
                    El equipo de <strong style="color: #243c34; font-weight: 700;">Nomade Revolution</strong>
                </p>

            </td>
        </tr>
    </table>

@endsection