@extends('emails.layout')

@section('content')
    @php $brand = config('hakami.brand'); @endphp

    @if($campaign->image)
        <img src="{{ $campaign->image }}" alt="" width="532"
             style="width:100%; max-width:532px; height:auto; border-radius:10px; margin-bottom:24px;">
    @endif

    <h1 class="h1" style="margin:0 0 20px; color:{{ $brand['navy'] }}; font-size:25px; font-weight:700; line-height:1.45;">
        {{ $campaign->heading }}
    </h1>

    <div style="color:{{ $brand['navy'] }}; font-size:15px; line-height:2;">
        {!! $campaign->body !!}
    </div>

    @if($campaign->cta_label && $campaign->cta_url)
        <table role="presentation" cellpadding="0" cellspacing="0" style="margin-top:28px;">
            <tr>
                <td style="background:{{ $brand['navy'] }}; border-radius:8px;">
                    <a href="{{ $campaign->cta_url }}" style="display:inline-block; padding:14px 32px; color:#ffffff; font-size:14px; font-weight:600;">
                        {{ $campaign->cta_label }}
                    </a>
                </td>
            </tr>
        </table>
    @endif
@endsection

@section('footer_extra')
    @php $brand = config('hakami.brand'); @endphp
    <p style="margin:0; color:{{ $brand['muted'] }}; font-size:11px; line-height:1.8;">
        تصلك هذه الرسالة لأنك مشترك في نشرة {{ $siteName }} البريدية.
        <a href="{{ $unsubscribeUrl }}" style="color:{{ $brand['muted'] }}; text-decoration:underline;">إلغاء الاشتراك</a>
    </p>
@endsection