@component('mail::layout')
    @slot('header')
        @component('mail::header', ['url' => config('app.url')])
            <img src="{{ asset('images/layout/web/logo.png') }}"
                alt="Logotipo da empresa {{ config('app.name') }}" />
        @endcomponent
    @endslot

    <h1>
        Contato recebido de <strong>{{ $contact->name }}</strong>
    </h1>

    @slot('subcopy')
        <p>
            <small>
                <strong>Recebido em:</strong>
                {{ \Carbon\Carbon::parse($contact->created_at)->format('d/m/Y - H:i') }}
            </small>
        </p>
        <p>
            <strong>Nome</strong><br />
            {{ $contact->name }}
        </p>
        <p>
            <strong>E-mail</strong><br />
            {{ $contact->email }}
        </p>
        <p>
            <strong>Telefone</strong><br />
            {{ $contact->phone }}
        </p>
        <p>
            <strong>Mensagem</strong><br />
            {{ $contact->message ?? 'Nenhuma mensagem' }}
        </p>
    @endslot

    @slot('footer')
        @component('mail::footer')
            <h4>Contato</h4>
            <p>
                @foreach (config('web.contact.whatsApp') as $phone)
                    <a href="{{ $phone['link'] }}" rel="nofollow"
                        title="Entre em contato com a {{ config('app.name') }}">
                        {{ $phone['format'] }}
                    </a>
                    <br />
                @endforeach
                <a href="{{ config('web.location.link') }}" rel="noopener" target="_blank"
                    title="Faça uma visita ao {{ config('app.name') }}">
                    {{ config('web.location.address') }}
                </a>
                <br /><br />
                <strong>{{ config('app.name') }}</strong>
                • Todos os direitos reservados
            </p>
        @endcomponent
    @endslot
@endcomponent