<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <style type="text/css">
      @import url(http://fonts.googleapis.com/css?family=Droid+Sans);

      img {
        max-width: 600px;
        outline: none;
        text-decoration: none;
        -ms-interpolation-mode: bicubic;
    }

    a {
        text-decoration: none;
        border: 0;
        outline: none;
        color: #bbbbbb;
    }

    a img {
        border: none;
    }

    td, h1, h2, h3  {
        font-family: Helvetica, Arial, sans-serif;
        font-weight: 400;
    }

    td {
        text-align: center;
    }

    body {
        -webkit-font-smoothing:antialiased;
        -webkit-text-size-adjust:none;
        width: 100%;
        height: 100%;
        color: {{ $setting->grab('email.color_body_bg') }};
        background: #ffffff;
        font-size: 16px;
        padding:0;
         margin:0; 
         display:block;
         background:#fff; 
         -webkit-text-size-adjust:none" bgcolor="#fff
    }

    table {
        border-collapse: collapse !important;
    }

    .subject {
        color: #ffffff;
        font-size: 36px;
    }

    .force-full-width {
      width: 100% !important;
  }

</style>

<style type="text/css" media="screen">
  @media screen {
    td, h1, h2, h3 {
      font-family: 'Droid Sans', 'Helvetica Neue', 'Arial', 'sans-serif' !important;
  }
}
</style>

<style type="text/css" media="only screen and (max-width: 480px)">
    @media only screen and (max-width: 480px) {

      table[class="w320"] {
        width: 320px !important;
    }
}
.ticket-div a {
  border-radius:4px;
  color:#ffffff;
  display:inline-block;
  font-family: Helvetica, Arial, sans-serif;
  font-size:16px;
  font-weight:bold;
  line-height:50px;
  text-align:center;
  text-decoration:none;
  width:200px;
  -webkit-text-size-adjust:none;
}
</style>
</head>
<body class="body">
    <br>
    <table align="center" cellpadding="0" cellspacing="0" width="100%" height="100%" >
      <tr>
        <td align="center" valign="top" bgcolor="#fff"  width="100%">
          <center>
            <table style="margin: 0 auto;" cellpadding="0" cellspacing="0" width="600" class="w320">
              <tr>
                <td align="center" valign="top">

              <table style="margin: 0 auto;" cellpadding="0" cellspacing="0" width="100%" bgcolor="{{ $setting->grab('email.color_header_bg') }}">
                <tr>
                    <td class="subject">
                    <br>
                        @yield('subject')
                  </td>
              </tr>
              <tr>
                <td>

                  <center>
                    <table cellpadding="0" cellspacing="0" width="80%">
                      <tr>
                        <td style="margin: 20px; text-align: left color:#187272;" align="left">
                            <br>
                            @yield('content')
                            <br>
                            <br>
                        </td>
                    </tr>
                </table>
            </center>

        </td>
    </tr>
</table>

<table style="margin: 0 auto;" cellpadding="0" cellspacing="0" width="100%" bgcolor="{{ $setting->grab('email.color_content_bg') }}">
<tr>
    <td>

      <center>
        <table style="margin: 0 auto;" cellpadding="0" cellspacing="0" width="60%">
          <tr>
            <td style="color:#933f24;">
            <br>
                @yield('link')
            <br><br>
          </td>
      </tr>
      <tr>
          <td style="color:#933f24;">
              {{ $setting->grab('email.signoff') }}<br>
              {{ $setting->grab('email.signature') }}
              <br><br>
          </td>
      </tr>
  </table>
</center>

</td>
</tr>
<tr>
    <td>
                      <div class="ticket-div">
                            <a href="{{ url($setting->grab('admin_route')) }}"
                            style="background-color:{{ $setting->grab('email.color_button_bg') }};">{{ $setting->grab('email.dashboard') }}</a>
                        <!--[if mso]>
                          </center>
                        </v:roundrect>
                        <![endif]--></div>
                        <br>
                        <br>
                    </td>
                </tr>
            </table>

            <table style="margin: 0 auto;" cellpadding="0" cellspacing="0" class="force-full-width" bgcolor="{{ $setting->grab('email.color_footer_bg') }}" style="margin: 0 auto">
              <tr>
                <td style="background-color:{{ $setting->grab('email.color_footer_bg') }};">
                    <br>
                    <br>
                      @if( (bool) $setting->grab('email.google_plus_link') )
                        <a href="{{ $setting->grab('email.google_plus_link') }}"><img src="https://www.filepicker.io/api/file/R4VBTe2UQeGdAlM7KDc4" alt="google+"></a>
                      @endif
                      @if( (bool) $setting->grab('email.facebook_link') )
                        <a href="{{ $setting->grab('email.facebook_link') }}"><img src="https://www.filepicker.io/api/file/cvmSPOdlRaWQZnKFnBGt" alt="facebook"></a>
                      @endif
                      @if( (bool) $setting->grab('email.twitter_link') )
                        <a href="{{ $setting->grab('email.twitter_link') }}"><img src="https://www.filepicker.io/api/file/Gvu32apSQDqLMb40pvYe" alt="twitter"></a>
                      @endif
                    <br>
                    <br>
                </td>
            </tr>
            
          <tr>
            <td style="color:#933f24; font-size:12px;">
             <a href="{{ $setting->grab('email.footer_link') }}">
                {{ $setting->grab('email.footer') }}
             </a>
             <br>
             <br>
         </td>
     </tr>
 </table>





</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
</body>
</html>
