@extends('layouts.email')

@section('content')

    <tr>
        <td class="email-body" width="570" cellpadding="0" cellspacing="0">
            <table class="email-body_inner" align="center" width="570" cellpadding="0" cellspacing="0">
                <tr>
                    <td class="content-cell">
                        <div class="body-action">
                            <img src="{{ asset('img/email/pending-colab.png') }}" alt="Colaboración pendiente" width="570">
                        </div>
                        <h1>Hola {{ $recipient->name }},</h1>
                        <p>Te recordamos que tienes una colaboración pendiente de aceptación.</p>

                        <p><strong>Detalles de la colaboración:</strong></p>
                        <ul>
                            <li>Oferta: {{ $offer->name }}</li>
                            @if($colab->collabable_type == 'App\\Models\\CollabableRestaurant' ||
                            $colab->collabable_type == 'App\\Models\\CollabableActivity' ||
                            $colab->collabable_type == 'App\\Models\\CollabableDelivery')
                            <li>Fecha: {{ $colab->getDate()->format('d/m/Y H:i') }}</li>
                            @elseif($colab->collabable_type == 'App\\Models\\CollabableLodging')
                            <li>Desde: {{ $colab->collabable->from_day }}</li>
                            <li>Hasta: {{ $colab->collabable->to_day }}</li>
                            @endif
                        </ul>

                        <p>Esta colaboración está esperando tu confirmación. Por favor, accede a tu cuenta para aceptarla o rechazarla.</p>

                        <table class="body-action" align="center" width="100%" cellpadding="0" cellspacing="0">
                            <tr>
                                <td align="center">
                                    <div>
                                        <a href="{{ config('app.dash') }}/collab/{{ $colab->id }}" class="button button--blue">Ver colaboración</a>
                                    </div>
                                </td>
                            </tr>
                        </table>

                        <p>Si tienes alguna pregunta o necesitas ayuda, no dudes en contactarnos.</p>

                        <p>¡Gracias por ser parte de Nomade!</p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>

@endsection