@component('mail::layout')
    {{-- Header --}}
    @slot('header')
        @component('mail::header', ['url' => config('app.url')])
            <img src="{{ asset("/assets/images/logo.svg") }}" style="height:100px;">
        @endcomponent
    @endslot
    {{-- Body --}}
    <h2>{{ __("email.contact.message", ['name' => $data->name]) }}</h2>
    <strong>{{ __("email.contact.name") }}</strong>
    <p>{{$data->name}}</p>
    <strong>{{ __("email.contact.email") }}</strong>
    <p>{{$data->email}}</p>
    @if($data->phone)
        <strong>{{ __("email.contact.phone") }}</strong>
        <p>{{ $data->phone }}</p>
    @endif

    <strong>{{ __("email.contact.title") }}</strong>
    <p>{{$data->subject}}</p>
    <strong>{{ __("email.contact.content") }}</strong>
    <p>{{$data->message}}</p>
    <br>
    <hr>
    <p><strong>IP</strong> : {{$data->getClientIp()}}</p>
    <p><strong>Browser</strong> : {{$data->header('User-Agent')}}</p>
    <p><strong>Date of trace</strong> : {{date('d/m/Y H:i:s')}}</p>
    <p>
        <a href="mailto:{{$data->email}}" style="text-align: center; padding: 10px; border: 2px solid #38aec7; background-color: #4295b4; border-radius: 3px; color: white; text-decoration: none;">{{ __("email.contact.respond") }}</a>
    </p>
    {{-- Footer --}}
    @slot('footer')
        @component('mail::footer')
            © {{ date('Y') }}{{ config('shop.company_name') }}
        @endcomponent
    @endslot
@endcomponent