@extends('layouts.email')

@section('title', 'Colaboración cancelada')

@section('content')

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

                <h1 style="color: #e74c3c; font-size: 24px; line-height: 28px; margin: 0 0 20px 0; font-family: Arial, sans-serif; font-weight: 600;">
                    ❌ Colaboración cancelada
                </h1>

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

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif;">
                    Has cancelado la colaboración con {{ $influencerFullName }} ({{ '@' . $instagramUsername }}).
                </p>

                @if($hasCalendar)
                    <!-- Detalles de la colaboración (solo si tiene calendario) -->
                    <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-bottom: 20px;">
                        <tr>
                            <td style="padding: 15px; background-color: #f8f9fa; border-radius: 8px;">
                                <p style="color: #243c34; font-size: 16px; line-height: 24px; margin: 0 0 10px 0; font-family: Arial, sans-serif; font-weight: 600;">
                                    {{ $clientName }}
                                </p>
                                @if(!empty($address))
                                    <p style="color: #243c34; font-size: 14px; line-height: 20px; margin: 0 0 8px 0; font-family: Arial, sans-serif;">
                                        📍 Dirección: {{ $address }}
                                    </p>
                                @endif
                                <p style="color: #243c34; font-size: 14px; line-height: 20px; margin: 0 0 8px 0; font-family: Arial, sans-serif;">
                                    📅 Fecha de la collab: {{ $dateText }}
                                </p>
                                <p style="color: #243c34; font-size: 14px; line-height: 20px; margin: 0 0 8px 0; font-family: Arial, sans-serif;">
                                    👥 Nº de personas: {{ $peopleCount }}
                                </p>
                                <p style="color: #243c34; font-size: 14px; line-height: 20px; margin: 0 0 0 0; font-family: Arial, sans-serif;">
                                    📝 Observaciones: "{{ $observations }}"
                                </p>
                            </td>
                        </tr>
                    </table>
                @endif

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif;">
                    No pasa nada — muy pronto recibirás nuevas solicitudes de colaboración a través de la app o desde tu perfil en el Área de Clientes de Nomade.
                </p>

                <p style="color: #243c34; font-size: 16px; line-height: 26px; margin: 0 0 15px 0; font-family: Arial, sans-serif;">
                    Si tienes cualquier duda, escríbenos. Estamos aquí para ayudarte.
                </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