@extends('layouts.email')

@section('title', 'Recordatorio: solicitud de modificación pendiente')

@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;">
                    Te recordamos que tienes una solicitud de modificación en una colaboración ya aceptada, enviada por {{ $influencerFullName }} ({{ $instagramUsername }}).
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif;">
                    Por favor, revísala cuanto antes para confirmar si aceptas el cambio o deseas cancelarla.
                </p>

                <!-- Separador -->
                <div style="border-bottom: 2px solid #335d53; margin: 20px 0;"></div>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 10px 0; font-family: Arial, sans-serif;">
                    👤 {{ $influencerFullName }} – {{ $instagramUsername }}
                </p>
                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 10px 0; font-family: Arial, sans-serif;">
                    <strong style="color: #243c34;">{{ $clientName }}</strong>
                </p>
                @if($address)
                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 10px 0; font-family: Arial, sans-serif;">
                    📍 <strong>Dirección:</strong> {{ $address }}
                </p>
                @endif
                @if($hasCalendarType && $dateText)
                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 10px 0; font-family: Arial, sans-serif;">
                    📅 <strong>Fecha de la reserva:</strong> {{ $dateText }}
                </p>
                @elseif($isLodging)
                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 10px 0; font-family: Arial, sans-serif;">
                    📅 <strong>Desde:</strong> {{ $fromDay }}
                </p>
                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 10px 0; font-family: Arial, sans-serif;">
                    📅 <strong>Hasta:</strong> {{ $toDay }}
                </p>
                @endif
                @if($guests)
                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 10px 0; font-family: Arial, sans-serif;">
                    👥 <strong>Nº de personas:</strong> {{ $guests }}
                </p>
                @endif
                @if($observations)
                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif;">
                    📝 <strong>Observaciones del influencer:</strong> "{{ $observations }}"
                </p>
                @endif

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif;">
                    Puedes gestionarla desde tu perfil en la app o accediendo directamente al siguiente enlace:
                </p>

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

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

                <p style="color: #e74c3c; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif; font-weight: 600;">
                    ⚠️ Si no respondes a tiempo, la colaboración podría cancelarse automáticamente.
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif;">
                    👉 Si ya has gestionado esta solicitud, puedes ignorar este mensaje.
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 10px 0 18px 0; font-family: Arial, sans-serif;">
                    Gracias por seguir confiando en Nomade,
                </p>
                <p style="color: #243c34; font-size: 16px; font-weight: 400; margin: 0 0 10px 0; font-family: Arial, sans-serif;">
                    El equipo de <strong style="color: #243c34;">Nomade Revolution</strong>
                </p>

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

@endsection