@extends('layouts.email')

@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 {{ $recipientName }},
                </h1>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif;">
                    Recuerda que tienes una solicitud de colaboración Brand pendiente de revisión.<br>
                    Si no la gestionas en 7 días, se cancelará de forma automática.
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif;">
                    Influencer: <strong>{{ $influencerFullName }} – {{ '@' . ($instagramUser ?? 'usuarioInstagram') }}</strong><br>
                    Cliente: <strong>{{ $clientName }}</strong>
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif;">
                    Puedes gestionarla desde la app o a través del siguiente enlace:
                </p>

                <p style="text-align: left; margin: 25px 0;">
                    <a href="{{ $collabLink }}" target="_blank" style="display: inline-block; background-color: #c8dccd; color: #243c34; padding: 12px 24px; text-decoration: none; border-radius: 99px; font-weight: 600; font-family: Arial, sans-serif; cursor: pointer;">
                        🔗 Ver colaboración
                    </a>
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 8px 0; font-family: Arial, sans-serif;">
                    Revisa la solicitud a tiempo para no perder la oportunidad de colaborar.
                </p>

                <p style="color: #243c34; font-size: 16px; font-weight: 400; margin: 0 0 20px 0; font-family: Arial, sans-serif;">
                    Gracias por seguir confiando en <strong style="color: #243c34;">Nomade</strong>,
                </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>

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

@endsection