@php($batch = $notification->batch)

@component('emails.layout', ['subject' => $notification->title, 'preview' => $notification->message])
    <h1 style="margin:0 0 10px;font-family:'Comfortaa','Segoe UI',sans-serif;font-size:21px;color:#1B241D;">{{ $notification->title }}</h1>
    <p style="margin:0 0 16px;">{{ $notification->message }}</p>

    @if($batch)
        <p style="margin:0 0 20px;font-size:13px;color:#56625A;">
            Lote: <strong style="color:#2F3A31;">{{ $batch->name }}</strong>
            @if($batch->guide) · {{ $batch->guide->name }} @endif
        </p>
        <a href="{{ route('batches.show', $batch->id) }}"
           style="display:inline-block;padding:12px 22px;background:#4B7A50;color:#FCFBF7;text-decoration:none;border-radius:999px;font-weight:600;font-size:14px;">
            Ver lote
        </a>
    @elseif($notification->link)
        <a href="{{ $notification->link }}"
           style="display:inline-block;padding:12px 22px;background:#4B7A50;color:#FCFBF7;text-decoration:none;border-radius:999px;font-weight:600;font-size:14px;">
            Ver publicación
        </a>
    @else
        <a href="{{ route('dashboard') }}"
           style="display:inline-block;padding:12px 22px;background:#4B7A50;color:#FCFBF7;text-decoration:none;border-radius:999px;font-weight:600;font-size:14px;">
            Ir a mi panel
        </a>
    @endif
@endcomponent