<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="x-apple-disable-message-reformatting">
    <title></title>
    <!--[if mso]>
  <style>
    table {border-collapse:collapse;border-spacing:0;border:none;margin:0;}
    div, td {padding:0;}
    div {margin:0 !important;}
	</style>
  <noscript>
    <xml>
      <o:OfficeDocumentSettings>
        <o:PixelsPerInch>96</o:PixelsPerInch>
      </o:OfficeDocumentSettings>
    </xml>
  </noscript>
  <![endif]-->
    <style>
        table,
        td,
        div,
        h1,
        p {
            font-family: Arial, sans-serif;
        }

        a {
            text-decoration: none;
            color: #00bcd4;
        }

        @media screen and (max-width: 530px) {
            .unsub {
                display: block;
                padding: 8px;
                margin-top: 14px;
                border-radius: 6px;
                background-color: #555555;
                font-weight: bold;
                font-size: 12px;
            }

            .col-lge {
                max-width: 100% !important;
            }
        }

        @media screen and (min-width: 531px) {
            .col-sml {
                max-width: 27% !important;
            }

            .col-lge {
                max-width: 73% !important;
            }
        }

    </style>
</head>

<body style="margin:0;padding:0;word-spacing:normal;background-color:#efefef;">
    <div role="article" aria-roledescription="email" lang="en"
        style="text-size-adjust:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:#efefef;">
        <table role="presentation" style="width:100%;border:none;border-spacing:0;">
            <tr>
                <td align="center" style="padding:0;">
                    <!--[if mso]>
                <table role="presentation" align="center" style="width:600px;">
                <tr>
                <td>
                <![endif]-->
                    @php
                        $logoPath = public_path('/storage/' . setting('site.logo'));

                        if(getDisk() == 's3') 
                            $logoPath = getStorageImage(setting('site.logo'));
                    @endphp
                   
                    <table role="presentation"
                        style="width:94%;max-width:600px;border:none;border-spacing:0;text-align:left;font-family:Arial,sans-serif;font-size:16px;line-height:22px;color:#363636;">
                        <tr>
                            <td style="padding:40px 30px 30px 30px;text-align:center;font-size:24px;font-weight:bold;">
                                <a href="{{ eventmie_url() }}" style="text-decoration:none;">
                                    <img
                                        src="{{ $logoPath }}" width="80" alt="Logo"
                                        style="width:88px;max-width:80%;height:auto;border:none;text-decoration:none;color:#ffffff;">
                                    <h1
                                        style="margin-top:8px;margin-bottom:0px;font-size:26px;font-weight:bold;color: #000;">
                                        {{ (setting('site.site_name') ? setting('site.site_name') : config('app.name')) }}</h1>
                                    <h5
                                        style="margin-top:6px;margin-bottom:8px;font-size:20px;font-weight:normal;color: #222;">
                                        {{ setting('site.site_slogan') }}</h5>
                                </a>
                            </td>
                        </tr>
                        <tr>
                            <td style="padding:30px;background-color:#ffffff;">
                                <h1
                                    style="margin-top:0;margin-bottom:16px;font-size:26px;line-height:32px;font-weight:bold;letter-spacing:-0.02em;">
                                    {{ $mail['mail_subject'] }}</h1>
                                <p style="margin:0;">{{ $mail['mail_message'] }}</p>
                            </td>
                        </tr>
                        
                        <tr>
                            <td
                                style="padding:15px 30px 11px 30px;font-size:0;background-color:#ffffff;">
                                <!--[if mso]>
                <table role="presentation" width="100%">
                <tr>
                <td style="width:100%;padding-bottom:20px;" valign="top">
                <![endif]-->
                                <div
                                    style="display:inline-block;width:100%;vertical-align:top;padding-bottom:20px;font-family:Arial,sans-serif;font-size:16px;line-height:22px;color:#363636;">
                                    <table style="width:100%;border:none;border-spacing:0;text-align:left;font-family:Arial,sans-serif;font-size:16px;line-height:22px;color:#363636;">
                                        @foreach($mail['extra_lines'] as $val)
                                        <tr>
                                            <td colspan="2"
                                                style="padding: 10px; border-bottom: 1px solid #ededed; width: 35%; font-weight:500; color:rgba(0,0,0,.64)">{{ $val }}</td>
                                        </tr>
                                        @endforeach
                                    </table>
                                </div>
                                <!--[if mso]>
                </td>
                </tr>
                </table>
                <![endif]-->
                            </td>
                        </tr>
                        
                        
                        <tr>
                          <td
                              style="padding:15px 30px 11px 30px;font-size:0;background-color:#ffffff;">
                              <!--[if mso]>
              <table role="presentation" width="100%">
              <tr>
              <td style="width:100%;padding-bottom:20px;" valign="top">
              <![endif]-->
                              <div
                                  style="display:inline-block;width:100%;vertical-align:top;padding-bottom:20px;font-family:Arial,sans-serif;font-size:16px;line-height:22px;color:#363636;text-align:center;">
                                  <p style="margin:0;"><a href="{{ $mail['action_url'] }}" style="background: #222; text-decoration: none; padding: 10px 25px; color: #ffffff; border-radius: 4px; display:inline-block; mso-padding-alt:0;text-underline-color:#000"><!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%;mso-text-raise:20pt">&nbsp;</i><![endif]--><span style="mso-text-raise:10pt;font-weight:bold;">{{ $mail['action_title'] }}</span><!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%">&nbsp;</i><![endif]--></a></p>
                              </div>
                              <!--[if mso]>
              </td>
              </tr>
              </table>
              <![endif]-->
                          </td>
                      </tr>
                        <tr>
                            <td
                                style="padding:30px;text-align:center;font-size:16px;background-color:#222;color:#cccccc;">
                                <p style="margin:0;font-size:16px;line-height:30px;"><span>©</span> {{ date('Y') }} 
                                    <a style="color: #fff;text-decoration: underline;" href="{{ eventmie_url() }}">{{ (setting('site.site_name') ? setting('site.site_name') : config('app.name')) }}</a><br>
                                    
                                    @if(!empty(setting('site.site_footer'))) {!! setting('site.site_footer') !!} @endif

                                    <br><a
                                        class="unsub" href="{{ eventmie_url() }}"
                                        style="color:#cccccc;font-size: 10px;">@lang('eventmie-pro::em.unsubscribe')</a></p>
                            </td>
                        </tr>
                    </table>
                    <!--[if mso]>
          </td>
          </tr>
          </table>
          <![endif]-->
                </td>
            </tr>
        </table>
    </div>
</body>

</html>
