Email for Notification

gistfile1.txt

    {% assign emails = case.emails %}
    {% for email in emails reversed %}
      {% if forloop.first %}
        {% if forloop.length > 1 %}
          <div style="line-height: 18px; margin-left: 10px; font-size: 12px; font-weight: bold; ">History:</div>
        {% endif %}
        <div style="border-top: solid 2px #e8f6f9; margin: 10px 0px 0px 10px;"></div>
        <div style="border-bottom: solid 1px #ddd; margin: 0px 0px 15px 10px;"></div>
      {% else %}
        {% if email.agent %}
          <div style="line-height: 18px; margin-left: 10px;">
            <div style="font-size: 14px; font-weight: bold; ">{{email.agent.name_public}}</div>
            <div style="color: #777; font-size: 10px; margin-bottom: 10px;">
              {{email.send_at | date: "%b %d, %Y" | upcase}} &nbsp;|&nbsp; {{email.send_at | date: "%I:%M%p %Z"}}</div>    
            <div>
              {{email.new_html}}
            </div>
          </div>
          <div style="clear:left"></div>
          <div style="border-top: solid 2px #e8f6f9; margin: 10px 0px 0px 10px;"></div>
          <div style="border-bottom: solid 1px #ddd; margin: 0px 0px 15px 10px;"></div>
        {% else %}
          <div style="line-height: 18px; margin-left: 10px;">
            <div style="font-size: 14px; font-weight: bold; ">
              {% if customer.id == email.from_customer.id %}  
                {{customer.first_name}}
              {% else %}
                {{email.from_customer.first_name}}
              {% endif %}
            </div>

            <div style="color: #777; font-size: 10px; margin-bottom: 10px;">
              {{email.created_at | date: "%b %d, %Y" | upcase}} &nbsp;|&nbsp; {{email.created_at | date: "%I:%M%p %Z"}}
              {% if forloop.last %}
                <br />
                <span style="background-color: #d8f4fa;">Original message</span>
              {% endif %}
            </div>
            {% if customer.id == email.from_customer.id %}  
              <div style="color: #777;">
            {% else %}
              <div>
            {% endif %}
                {{email.new_html}}
              </div>
          </div>
          {% if forloop.rindex0 != 0 %}
            <div style="border-top: solid 2px #e8f6f9; margin: 15px 0px 0px 10px;"></div>
            <div style="border-bottom: solid 1px #ddd; margin: 0px 0px 15px 10px;"></div>
          {% endif %}
        {% endif %}
      {% endif %}
    {% endfor %}