
<%
  background_color = '#f2f2f2'
  foreground_color = '#ffffff'
  text_color = '#324164'
  heading_color = text_color
  mixed_color = '#f9f9f9'
  border_color = '#e5e5e5'
  link_color = '#0080e6'
  muted_color = '#808080'
  positive_color = '#01c8a9'
  negative_color = '#fe7d99'
  action_background = '#0080e6'
  action_border = '#0080e6'
  mail_width = '480'
  padding = '24'
%>
<!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" />
  <title>
    <%- if content_for?(:email_title) -%>
        <%= yield :email_title -%>
    <%- end -%>
  </title>
  <style type="text/css">
    /* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
    #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
    .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
    .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
    body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
    table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
    img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */

    /* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */
    body{margin:0; padding:0;}
    img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
    table{border-collapse:collapse !important;}
    body, #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;}

    /* /\/\/\/\/\/\/\/\/ TEMPLATE STYLES /\/\/\/\/\/\/\/\/ */

    /* ========== Page Styles ========== */

    #bodyCell {padding:<%= padding%>px;}
    #templateContainer{min-width:320px; width: 80%; max-width: <%= mail_width%>px;}

    /**
    * @tab Page
    * @section background style
    * @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
    * @theme page
    */
    #bodyTable {
      /*@editable*/ background-color:<%= background_color%>;
    }

    /**
    * @tab Page
    * @section background style
    * @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
    * @theme page
    */
    #bodyCell {
      /*!*@editable*! border-top:4px solid <%= border_color%>;*/
    }

    /**
    * @tab Page
    * @section email border
    * @tip Set the border for your email.
    */
    #templateContainer {
      /*@editable border:1px solid <%= border_color%>;*/
    }

    hr {
      border: 0;
      border-bottom: 1px solid <%= border_color%>;
      margin-top:  <%= padding%>px;
      margin-bottom:  <%= padding%>px;
    }

    p {
      margin: 0;
    }

    ul{
      padding-left: <%= padding%>px;;
    }

    /**
    * @tab Page
    * @section heading 1
    * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
    * @style heading 1
    */
    h1 {
      /*@editable*/ color:<%= heading_color%> !important;
      display:block;
      /*@editable*/ font-family:Helvetica,Arial,Sans-Serif;
      /*@editable*/ font-size:26px;
      /*@editable*/ font-style:normal;
      /*@editable*/ font-weight:bold;
      /*@editable*/ line-height:120%;
      /*@editable*/ letter-spacing:normal;
      margin-top:10px;
      margin-right:0;
      margin-bottom:<%= padding%>px;
      margin-left:0;
      /*@editable*/ text-align:left;
    }

    /**
    * @tab Page
    * @section heading 2
    * @tip Set the styling for all second-level headings in your emails.
    * @style heading 2
    */
    h2 {
      /*@editable*/ color:<%= heading_color%> !important;
      display:block;
      /*@editable*/ font-family:Helvetica,Arial,Sans-Serif;
      /*@editable*/ font-size:20px;
      /*@editable*/ font-style:normal;
      /*@editable*/ font-weight:bold;
      /*@editable*/ line-height:120%;
      /*@editable*/ letter-spacing:normal;
      margin-top:10px;  ;
      margin-right:0;
      margin-bottom:10px;
      margin-left:0;
      /*@editable*/ text-align:left;
    }

    /**
    * @tab Page
    * @section heading 3
    * @tip Set the styling for all third-level headings in your emails.
    * @style heading 3
    */
    h3 {
      /*@editable*/ color:<%= heading_color%> !important;
      display:block;
      /*@editable*/ font-family:Helvetica,Arial,Sans-Serif;
      /*@editable*/ font-size:16px;
      /*@editable*/ font-style:normal;
      /*@editable*/ font-weight:normal;
      /*@editable*/ line-height:120%;
      /*@editable*/ letter-spacing:normal;
      margin-top:0;
      margin-right:0;
      margin-bottom:10px;
      margin-left:0;
      /*@editable*/ text-align:left;
    }

    /**
    * @tab Page
    * @section heading 4
    * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
    * @style heading 4
    */
    h4 {
      /*@editable*/ color:#808080 !important;
      display:block;
      /*@editable*/ font-family:Helvetica,Arial,Sans-Serif;
      /*@editable*/ font-size:14px;
      /*@editable*/ font-style:normal;
      /*@editable*/ font-weight:normal;
      /*@editable*/ line-height:120%;
      /*@editable*/ letter-spacing:normal;
      margin-top:0;
      margin-right:0;
      margin-bottom:10px;
      margin-left:0;
      /*@editable*/ text-align:left;
    }

    /* ========== Header Styles ========== */

    /**
    * @tab Header
    * @section preheader style
    * @tip Set the background color and bottom border for your email's preheader area.
    * @theme header
    */
    #templatePreheader {
      /*@editable*/ background-color: <%= background_color%>;
      /*@editable border-bottom:1px solid <%= border_color%>;*/
    }

    /**
    * @tab Header
    * @section preheader text
    * @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
    */
    .preheaderContent {
      /*@editable*/ color:<%= muted_color%>;
      /*@editable*/ font-family:Helvetica,Arial,Sans-Serif;
      /*@editable*/ font-size:11px;
      /*@editable*/ line-height:125%;
      /*@editable*/ text-align:center;
    }

    /**
    * @tab Header
    * @section preheader link
    * @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
    */
    .preheaderContent a:link, .preheaderContent a:visited, /* Yahoo! Mail Override */ .preheaderContent a .yshortcuts /* Yahoo! Mail Override */ {
      /*@editable*/ color:<%= link_color%>;
      /*@editable*/ font-weight:normal;
      /*@editable*/ text-decoration: none;
    }

    /**
    * @tab Header
    * @section header style
    * @tip Set the background color and borders for your email's header area.
    * @theme header
    */
    #templateHeader {
      /*@editable*/ background-color:<%= mixed_color%>;
      /*@editable*/ border-top:1px solid <%= foreground_color%>;
      /*@editable*/ border-bottom:1px solid <%= border_color%>;
    }

    /**
    * @tab Header
    * @section header text
    * @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
    */
    .headerContent {
      /*@editable*/ color:<%= text_color%>;
      /*@editable*/ font-family:Helvetica,Arial,Sans-Serif;
      /*@editable*/ font-size:20px;
      /*@editable*/ font-weight:bold;
      /*@editable*/ line-height:100%;
      /*@editable*/ padding-top:0;
      /*@editable*/ padding-right:0;
      /*@editable*/ padding-bottom:0;
      /*@editable*/ padding-left:0;
      /*@editable*/ text-align:left;
      /*@editable*/ vertical-align:middle;
    }

    /**
    * @tab Header
    * @section header link
    * @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
    */
    .headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */ {
      /*@editable*/ color:<%= link_color%>;
      /*@editable*/ font-weight:normal;
      /*@editable*/ text-decoration:underline;
    }

    #headerImage {
      height:auto;
      max-width:<%= mail_width%>;
    }

    /* ========== Body Styles ========== */

    /**
    * @tab Body
    * @section body style
    * @tip Set the background color and borders for your email's body area.
    */
    #templateBody {
      /*@editable*/ background-color:<%= foreground_color%>;
      /*@editable*/ border-top:1px solid <%= foreground_color%>;
      /*@editable*/ border-bottom:1px solid <%= border_color%>;
    }

    /**
    * @tab Body
    * @section body text
    * @tip Set the styling for your email's main content text. Choose a size and color that is easy to read.
    * @theme main
    */
    .bodyContent {
      /*@editable*/ color:<%= text_color%>;
      /*@editable*/ font-family:Helvetica,Arial,Sans-Serif;
      /*@editable*/ font-size:14px;
      /*@editable*/ line-height:150%;
      padding-top:<%= padding%>px;
      padding-right:<%= padding%>px;
      padding-bottom:<%= padding%>px;
      padding-left:<%= padding%>px;
      /*@editable*/ text-align:left;
    }

    /**
    * @tab Body
    * @section body link
    * @tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text.
    */
    .bodyContent a:link, .bodyContent a:visited, /* Yahoo! Mail Override */ .bodyContent a .yshortcuts /* Yahoo! Mail Override */ {
      /*@editable*/ color:<%= link_color%>;
      /*@editable*/ font-weight:normal;
      /*@editable*/ text-decoration:underline;
    }

    .bodyContent img {
      display:inline;
      height:auto;
      max-width:560px;
    }

    /* ========== Footer Styles ========== */

    /**
    * @tab Footer
    * @section footer style
    * @tip Set the background color and borders for your email's footer area.
    * @theme footer
    */
    #templateFooter {
      /*@editable*/ background-color:<%= mixed_color%>;
      /*@editable border-top:1px solid <%= foreground_color%>;*/
    }

    #templateFooter tr + tr > td {
      /*@editable background-color:<%= background_color%>;*/
      /*@editable*/ border-top:1px dashed <%= border_color%>;
      /*@editable text-align:center;*/
    }

    /**
    * @tab Footer
    * @section footer text
    * @tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
    * @theme footer
    */
    .footerContent {
      /*@editable*/ color:<%= muted_color%>;
      /*@editable*/ font-family:Helvetica,Arial,Sans-Serif;
      /*@editable*/ font-size:11px;
      /*@editable*/ line-height:150%;
      padding-top:<%= padding%>px;
      padding-right:<%= padding%>px;
      padding-bottom:<%= padding%>px;
      padding-left:<%= padding%>px;
      /*@editable*/ text-align:left;
    }

    /**
    * @tab Footer
    * @section footer link
    * @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
    */
    .footerContent a:link, .footerContent a:visited, /* Yahoo! Mail Override */ .footerContent a .yshortcuts, .footerContent a span /* Yahoo! Mail Override */ {
      /*@editable*/ color:<%= heading_color%>;
      /*@editable*/ font-weight:normal;
      /*@editable*/ text-decoration:underline;
    }
    <%= render :partial => 'mailer/easy_styles_common', :formats => [:css] %>
  </style>
  <style type="text/css" data-roadie-ignore>
    /* /\/\/\/\/\/\/\/\/ MOBILE STYLES /\/\/\/\/\/\/\/\/ */

    @media only screen and (max-width: 639px){
    /* /\/\/\/\/\/\/ CLIENT-SPECIFIC MOBILE STYLES /\/\/\/\/\/\/ */
    body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} /* Prevent Webkit platforms from changing default text sizes */
    body{width:100% !important; min-width:100% !important;} /* Prevent iOS Mail from adding padding to the body */

    /* /\/\/\/\/\/\/ MOBILE RESET STYLES /\/\/\/\/\/\/ */
    #bodyCell {padding:0px !important;}

    /* /\/\/\/\/\/\/ MOBILE TEMPLATE STYLES /\/\/\/\/\/\/ */

    /* ======== Page Styles ======== */

    /**
    * @tab Mobile Styles
    * @section template width
    * @tip Make the template fluid for portrait or landscape view adaptability. If a fluid layout doesn't work for you, set the width to 300px instead.
    */
    #templateContainer {
    max-width:600px !important;
    /*@editable*/ width:100% !important;
    }

    /**
    * @tab Mobile Styles
    * @section heading 1
    * @tip Make the first-level headings larger in size for better readability on small screens.
    */
    h1 {
    /*@editable*/ font-size:21px !important;
    /*@editable*/ line-height:100% !important;
    }

    /**
    * @tab Mobile Styles
    * @section heading 2
    * @tip Make the second-level headings larger in size for better readability on small screens.
    */
    h2 {
    /*@editable*/ font-size:20px !important;
    /*@editable*/ line-height:100% !important;
    }

    /**
    * @tab Mobile Styles
    * @section heading 3
    * @tip Make the third-level headings larger in size for better readability on small screens.
    */
    h3 {
    /*@editable*/ font-size:18px !important;
    /*@editable*/ line-height:100% !important;
    }

    /**
    * @tab Mobile Styles
    * @section heading 4
    * @tip Make the fourth-level headings larger in size for better readability on small screens.
    */
    h4 {
    /*@editable*/ font-size:16px !important;
    /*@editable*/ line-height:100% !important;
    }

    /* ======== Header Styles ======== */

    /*#templatePreheader{display:none !important;} !* Hide the template preheader to save space */

    /**
    * @tab Mobile Styles
    * @section header image
    * @tip Make the main header image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
    */
    #headerImage {
    height:auto !important;
    /*@editable*/ max-width:600px !important;
    /*@editable*/ width:100% !important;
    }

    /**
    * @tab Mobile Styles
    * @section header text
    * @tip Make the header content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
    */
    .headerContent {
    /*@editable*/ font-size:20px !important;
    /*@editable*/ line-height:125% !important;
    }

    /* ======== Body Styles ======== */

    /**
    * @tab Mobile Styles
    * @section body text
    * @tip Make the body content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
    */
    .bodyContent {
    /*@editable*/ font-size:18px !important;
    /*@editable*/ line-height:125% !important;
    }

    /* ======== Footer Styles ======== */

    /**
    * @tab Mobile Styles
    * @section footer text
    * @tip Make the body content text larger in size for better readability on small screens.
    */
    .footerContent {
    /*@editable*/ font-size:14px !important;
    /*@editable*/ line-height:115% !important;
    }

    .footerContent a{display:block !important;} /* Place footer social and utility links on their own lines, for easier access */
    }
    <%= render :partial => 'mailer/easy_non_inline', :formats => [:css] %>
  </style>
  <!--[if gt mso 11]>
  <style type="text/css">
    <%= render :partial => 'mailer/easy_styles_outlook', :formats => [:css] %>
  </style>
  <![endif]-->
</head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
<center>
  <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable">
    <tr>
      <td align="center" valign="top" id="bodyCell">
        <!-- BEGIN TEMPLATE // -->
        <!-- logo -->
        <div style="padding-bottom: <%= 0.5*padding.to_f%>px; align: center;">
          <%= image_tag(attachments['ep-logo.png'].url, alt: 'Easy Project', style: 'display:block !important;border:none;') if attachments['ep-logo.png'] -%>
        </div>
        <table border="0" cellpadding="0" cellspacing="0" id="templateContainer">
          <%- if content_for?(:email_header) || Setting.emails_header.present?-%>
          <tr>
            <td align="center" valign="top">
              <!-- BEGIN PREHEADER // -->
              <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templatePreheader">
                <tr>
                  <td valign="top" class="preheaderContent" style="padding-top:<%= 0.5*padding.to_f%>px; padding-right:<%= padding%>px; padding-bottom:<%= 0.5*padding.to_f%>px; padding-left:<%= padding%>px;">
                    <%- if content_for?(:email_header) -%>
                      <%= yield :email_header -%>
                    <%- else -%>
                      <% if Setting.emails_header.present? -%>
                        <%= Redmine::WikiFormatting.to_html(Setting.text_formatting, Setting.emails_header).html_safe %>
                      <% end -%>
                    <%- end -%>
                  </td>
                </tr>
              </table>
              <!-- // END PREHEADER -->
            </td>
          </tr>
          <%- end -%>
          <tr>
            <td align="center" valign="top">
              <!-- BEGIN BODY // -->
              <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateBody">
                <tr>
                  <td valign="top" class="bodyContent">
                    <%- @_message.subject -%>
                    <%- if content_for?(:email_heading) -%>
                        <h1><%= yield :email_heading -%></h1>
                    <%- end -%>
                    <%= yield %>
                  </td>
                </tr>
              </table>
              <!-- // END BODY -->
            </td>
          </tr>
          <tr>
            <td align="center" valign="top">
              <!-- BEGIN FOOTER // -->
              <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateFooter">
                <%- if content_for?(:email_actions) -%>
                    <tr>
                      <td valign="top" class="footerContent footerActions">
                        <%= yield :email_actions %>
                      </td>
                    </tr>
                <%- end -%>
                <tr>
                  <td valign="top" class="footerContent">
                    <%- if content_for?(:email_prefooter)-%>
                      <%= yield :email_prefooter %>
                    <%- end -%>
                    <%- if content_for?(:email_footer) -%>
                        <%= yield :email_footer %>
                    <%- elsif Setting.emails_footer.present? -%>
                        <%= Redmine::WikiFormatting.to_html(Setting.text_formatting, Setting.emails_footer).html_safe -%>
                    <%- else -%>
                        <%=  l(:mail_footer, {:instance => Setting.host_name, :account_url => my_account_url}).html_safe %>
                    <%- end -%>
                  </td>
                </tr>
              </table>
              <!-- // END FOOTER -->
            </td>
          </tr>
        </table>
        <!-- // END TEMPLATE -->
      </td>
    </tr>
  </table>
</center>
</body>
</html>
