@component('shop::emails.layouts.master')
    @slot('subject')
        {{ __('shop::app.mail.customer.verification.subject') }}
    @endslot

    <div>
        <div style="text-align: center;">
            <a href="{{ config('app.url') }}">
                @include ('shop::emails.layouts.logo')
            </a>
        </div>

        <div style="padding: 30px;">
            <div style="font-size: 20px;color: #242424;line-height: 30px;margin-bottom: 34px;">
                <p style="font-size: 16px;color: #5E5E5E;line-height: 24px;">
                    {{ __('shop::app.mail.customer.verification.dear', ['customer_name' => $customer->name]) }},
                </p>

                <p style="font-size: 16px;color: #5E5E5E;line-height: 24px;">
                    {{ __('shop::app.mail.customer.verification.greeting') }}
                </p>

                <p style="text-align: center;">
                    <a href="{{ $verificationUrl }}" style="padding: 10px 20px;background: #0041FF;color: #ffffff;text-transform: uppercase;text-decoration: none;">
                        {{ __('shop::app.mail.customer.verification.verify') }}
                    </a>
                </p>
            </div>
        </div>
    </div>
@endcomponent