v1 Email Reply Template.htm

<div style="color: #222; font-family: ''Lucida Grande'', Helvetica, Arial, Verdana, sans-serif; font-size:12px; width:800px;">

<div style="color: #ff0000; margin: 0px 0px 10px 10px;">

Please type your reply at the top of the email...

</div>

<div style="border-bottom: dotted 2px #bbb; margin:0px 0px 15px 10px;"></div>

{% assign emails = case.emails %}

{% for email in emails reversed %}

{% 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 | in_time_zone: site.timezone | 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 | in_time_zone: site.timezone | 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>

<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 %}

{% endfor %}    

<div style="color: #777; font-size: 10px; margin: 0px 0px 15px 10px;">

For your reference this is Case #: <span style="background-color: #d8f4fa;">{{case.id}}</span>

</div>

<div style="border-bottom: dotted 2px #bbb; margin: 15px 0px 0px 10px;"></div>

<div style="color: #bbb; font-size: 12px; margin-top: 15px; text-align: center;">

Support powered by <a href="http://www.assistly.com/" style="color: #0397D6;">Assistly</a>

</div>

</div>