@php
    $email = null;

    if(isset($details['type'])) {
        $types = [$details['type'], $details['type'].'s'];
        
        if (substr($details['type'], -1) === 's') 
            $types[] = substr($details['type'], 0, -1);

        $email = App\Models\EmailMessage::whereIn('type', $types)->first();
    }

    $salutation_style = [
        'size' => 16,
        'bold' => false,
        'italic' => false,
        'underline' => false,
    ];

    if ($email && isset($email->salutation_style)) 
        $salutation_style = json_decode($email->salutation_style, true);
@endphp
<table class="body-wrap" style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; background-color: transparent; margin: 0;">
    <tbody>
        <tr style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
            <td class="container" width="650" style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; display: block !important; max-width: 650px !important; clear: both !important; margin: 0;" valign="top" align="left">
                <div class="content" style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; max-width: 650px; display: block; margin: 0 auto; padding: 0px;">
                    <table class="main" width="100%" cellpadding="0" cellspacing="0" itemprop="action" itemscope="" itemtype="http://schema.org/ConfirmAction" style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; border-radius: 3px; margin: 0; border: none;">
                        <tbody>
                            <tr style="font-family: 'Roboto', sans-serif; font-size: 14px; margin: 0;">
                                <td class="content-wrap" style="font-family: 'Roboto', sans-serif; box-sizing: border-box; color: #000; font-size: 14px; vertical-align: top; margin: 0;padding: 0px;border-radius: 7px; background-color: #fff; border: 0px solid #e9ebec;" valign="top">
                                    <meta itemprop="name" content="Confirm Email" style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
                                    <table width="100%" cellpadding="0" cellspacing="0" style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
                                        <tbody>
                                            <tr style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
                                                <td class="content-block" style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 20px; line-height: 1.5; font-weight: 500; vertical-align: top; margin: 0; padding: 0 0 10px;" valign="top">
                                                    <span style="
                                                        @if($salutation_style['underline']) text-decoration: underline; @endif
                                                        @if($salutation_style['italic']) font-style: italic; @endif
                                                        @if($salutation_style['bold']) font-weight: bold; @endif
                                                        font-size: {{$salutation_style['size']}}px;
                                                    ">
                                                        @if($details['type'] == 'guest_request_offer_to_admin') Webes Ajánlatkérés! @else {{ $details['salutation'] }} @endif
                                                    </span>
                                                </td>
                                            </tr>
                                            <tr style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
                                                <td class="content-block" style="font-family: 'Roboto', sans-serif; color: #000; box-sizing: border-box; line-height: 1.5; font-size: 15px; vertical-align: top; margin: 0; padding: 0 0 10px;" valign="top">
                                                    {!! $details['body'] !!}
                                                </td>
                                            </tr>
                                            @forelse ($details['buttons'] as $button)
                                            <tr style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
                                                <td class="content-block" itemprop="handler" itemscope="" itemtype="http://schema.org/HttpActionHandler" style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 24px;" valign="top">
                                                    <a href="{{ $button['url'] }}" itemprop="url" style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: .8125rem;font-weight: 400; color: #000; text-decoration: none; text-align: center; cursor: pointer; display: inline-block; border-radius: .25rem; background-color: #f6c23e; margin: 0; border-color: #f6c23e; border-style: solid; border-width: 1px; padding: .5rem .9rem;" onmouseover="this.style.background='#099885'" onmouseout="this.style.background='#f6c23e'">
                                                        {{ $button['title'] }} →
                                                    </a>
                                                </td>
                                            </tr>
                                            @empty
                                            @endforelse
                                                <tr>
                                                    <td>
                                                        Üdvözlettel:
                                                    </td>
                                                </tr>
                                            <tr style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; margin: 0; border-top: 1px solid #e9ebec;">
                                                <td class="content-block" style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0; padding-top: 15px" valign="top">
                                                    <div style="display: flex; align-items: center;">
                                                        @include('emails.signature')
                                                    </div>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </td>
            <td style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;" valign="top"></td>
        </tr>
    </tbody>
</table>