@extends('layouts.email')

@section('title', 'Activación de cuenta')

@section('content')

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

                <h1 style="color: #243c34; font-size: 24px; line-height: 28px; margin: 0 0 20px 0; font-family: Arial, sans-serif; font-weight: 600;">
                    Hola {{ $companyName }},
                </h1>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 12px 0; font-family: Arial, sans-serif;">
                    ¡Tu cuenta ya está activa! Muy pronto empezarás a <strong>recibir solicitudes de colaboración</strong> y podrás <strong>gestionarlas directamente desde Nomade</strong>. 🙌
                </p>

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

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 8px 0; font-family: Arial, sans-serif;">
                    🔗 Portal web (Área Clientes)
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 12px 0; font-family: Arial, sans-serif;">
                    📱 O descargar la app en:
                </p>

                <ul style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 20px; font-family: Arial, sans-serif; padding: 0;">
                    <li style="margin-bottom: 8px;">iOS</li>
                    <li style="margin-bottom: 8px;">Android</li>
                </ul>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 20px 0 12px 0; font-family: Arial, sans-serif; font-weight: 600;">
                    💡 <strong>¿Cómo funciona Nomade?</strong>
                </p>

                <ul style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 20px; font-family: Arial, sans-serif; padding: 0;">
                    <li style="margin-bottom: 8px;">Puedes <strong>gestionar todas tus colaboraciones</strong> desde la app o el portal web (Área Clientes).</li>
                    <li style="margin-bottom: 8px;">En el apartado <strong>"Oferta"</strong> verás tu propuesta publicada en la app, tal y como la visualizan los influencers.</li>
                    <li style="margin-bottom: 8px;">En "Collabs" puedes hacer seguimiento de cada solicitud: pendientes, aceptadas y publicadas.</li>
                    <li style="margin-bottom: 8px;">Desde la app tendrás acceso al <strong>chat directo</strong> con el influencer para cada colaboración activa.</li>
                    <li style="margin-bottom: 8px;">Solo un usuario puede tener acceso a la app, y recibirá las notificaciones en el último dispositivo logueado.</li>
                    <li style="margin-bottom: 8px;">Además, recibirás <strong>emails automáticos</strong> con cada solicitud y actualización de colaboración.</li>
                </ul>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 20px 0 12px 0; font-family: Arial, sans-serif; font-weight: 600;">
                    📌 Normas de uso importantes
                </p>

                <ul style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 20px; font-family: Arial, sans-serif; padding: 0;">
                    <li style="margin-bottom: 8px;">Por favor, responde siempre a las solicitudes de colaboración en un <strong>máximo de 24 horas</strong> para evitar cancelaciones automáticas.</li>
                    <li style="margin-bottom: 8px;">Todas las colaboraciones deben gestionarse <strong>únicamente dentro de Nomade</strong>. Esto garantiza que podamos hacer seguimiento, ofrecer soporte en caso de incidencia, y asegurar que se respetan las condiciones acordadas.</li>
                    <li style="margin-bottom: 8px;"><strong>No está permitido negociar ni gestionar colaboraciones por fuera de la plataforma</strong>. Hacerlo puede suponer la suspensión del perfil.</li>
                </ul>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 20px 0 12px 0; font-family: Arial, sans-serif;">
                    Si tienes cualquier duda, puedes consultar en cualquier momento los <a href="{{ $termsUrl }}" target="_blank" style="color: #243c34;">Términos y Condiciones</a> que aceptaste al registrarte. Están disponibles en la app y en el portal web (Área Clientes).
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 12px 0; font-family: Arial, sans-serif;">
                    Y si prefieres escribirnos directamente:
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 20px 0; font-family: Arial, sans-serif;">
                    📩 info@nomaderevolution.com
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 20px 0 0 0; font-family: Arial, sans-serif; font-weight: 600;">
                    ¡Gracias por unirte a Nomade!
                </p>

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

                <p style="color:#6c757d; font-size:12px; margin-top:16px; font-family: Arial, sans-serif;font-style:italic;">
                    <i>(Este es un email automático, por favor no respondas a este correo)</i>
                </p>

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

@endsection