@component('mail::message')
    @section('email_style')
        <style>
          .inner-body {
            background: #FFF url("{{url("/images/email/banner.png")}}") no-repeat;
            background-size: contain;
          }

          .inner-body .content-cell {
            padding-top: 232px;
          }

          @media only screen and (max-width: 600px) {
            .inner-body {
              width: 100% !important;
            }

            .footer {
              width: 100% !important;
            }
          }

          @media only screen and (max-width: 500px) {
            .button {
              width: 100% !important;
            }
          }

          @media (prefers-color-scheme: dark ) {
            table,tr,td, .event_contact{
              color: black !important;
            }
          }

          a.button.button-primary{
            font-size: 16px;
          }

          div, span, p, td, a{
            word-break: break-all;
          }
        </style>
    @endsection
{{-- Greeting --}}
@if (! empty($greeting))
# {{ $greeting }}
@else
@if ($level === 'error')
# @lang('Whoops!')
@else
{{--# @lang('Hello!')--}}
@endif
@endif

{{-- Intro Lines --}}
@foreach ($introLines as $line)
{{ $line }}

@endforeach

{{-- Action Button --}}
@isset($actionText)
@component('mail::button', ['url' => $actionUrl, 'color' => $color])
{{ $actionText }}
@endcomponent
@endisset

{{-- Outro Lines --}}
@foreach ($outroLines as $line)
{{ $line }}

@endforeach

{{-- Salutation --}}
@if (! empty($salutation) && false)
{{ $salutation }}
@else
{{--@lang('Regards'),<br>--}}
{{ config('app.name') }}
@endif

{{-- Subcopy --}}
{{--@isset($actionText)--}}
{{--@slot('subcopy')--}}
{{--@lang(--}}
{{--    "If you're having trouble clicking the \":actionText\" button, copy and paste the URL below\n".--}}
{{--    'into your web browser:',--}}
{{--    [--}}
{{--        'actionText' => $actionText,--}}
{{--    ]--}}
{{--) <span class="break-all">[{{ $displayableActionUrl }}]({{ $actionUrl }})</span>--}}
{{--@endslot--}}
{{--@endisset--}}
@slot('subcopy')
<div class="contact_us">
    <a href="{{asset('/#contact_us')}}" style="text-decoration:none">
        <p style="padding-right: 5px">聯絡我們</p>
        <img src="{{asset('images/email/contact.png')}}" style="width: 25px;top:-3px;" alt="contact_image">
    </a>
</div>
<div>
    <p class="text-center">
        This is an <b>automatically generated</b> email, please do not reply.
    </p>
    <p class="text-center">
        © {{\Carbon\Carbon::now()->format('Y')}} EasySchoolConnect All Rights Reserved.
    </p>
    <p  class="text-center">
        <a href="{{route('un_subscription')}}">Unsubscribe</a>
    </p>
</div>
@endslot
@endcomponent