One reply theme, multiple agent signatures

reply_theme.html

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" valign="top">

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" style="color:#333; font-family:Arial; font-size:14px; line-height:150%; text-align:left;">

<table border="0" cellpadding="10" cellspacing="0" width="100%">
<tr>
<td valign="top">

<div>
<span style="font-size:90%; color:#777;">{{system.snippets.response_above_this_line}}</span>

<hr />

<div id="section-header" style="background-color:#efefef; font-size:100%; padding:5px; margin:10px 0 0 0;">
<strong>{{customer.name}}</strong><br/>
<strong>{{system.snippets.subject}}:</strong> {{case.subject}}
</div>

<hr />

{% assign emails = case.emails %}
{% for email in emails reversed %}

{% if email.agent %}

<span class="email-date" style="font-size:80%;">{{email.send_at | date: "%b %d, %Y" | upcase}} &nbsp;|&nbsp; {{email.send_at | in_time_zone: site.timezone | date: "%I:%M%p %Z"}}</span>
<br />

<strong>{{email.agent.name_public}}</strong> {{system.snippets.replied}}:<br/>
<div class="email-body">{{email.new_html}}</div>

{% if forloop.first %}
  {% case email.agent.name_public %}
    {% when 'Ty K' %}
      <br/><b>Ty K</b> | <em>Community Manager</em>
    {% when 'Ricky R' %}
      <br/><b>Ricky R</b> | <em>Customer Success</em>
      </p>
    {% when 'Zack D' %}
      <br/><b>Zack D</b> | <em>Customer Support</em></b><br/>
    {% else %}
      <br/><b>Example Inc Customer Support</b><br/>
      <a href="mailto:[email protected]">[email protected]</a>
  {% endcase %}
{% endif %}

{% if email.has_customer_feedback? %}
<hr />
<div id="section-customer-feedback" style="background-color:#fafafa; border:0; padding:2px;">
  <div id="customer-feedback-question">{{email.customer_feedback.question}}</div>
  {% if email.customer_feedback.yes_no_rating? %}
    <span class="customer-feedback-rating">
      <a href="{{email.customer_feedback.rating0_link}}"><img style="vertical-align:middle;" src="{{email.customer_feedback.rating0_yes_no_img}}" alt="{{system.snippets.customer_feedback_poor}}" title="{{system.snippets.customer_feedback_poor}}"></a>
    </span>
    <span style="margin: 0 10px 0 10px;">|</span>
    <span class="customer-feedback-rating">
      <a href="{{email.customer_feedback.rating3_link}}"><img style="vertical-align:middle;" src="{{email.customer_feedback.rating3_yes_no_img}}" alt="{{system.snippets.customer_feedback_good}}" title="{{system.snippets.customer_feedback_good}}"></a>
    </span>
  {% endif %}
  {% if email.customer_feedback.four_star_rating? %}
    <span class="customer-feedback-rating">
      <a href="{{email.customer_feedback.rating0_link}}"><img style="vertical-align:middle;" src="{{email.customer_feedback.rating0_four_star_img}}" alt="{{system.snippets.customer_feedback_poor}}" title="{{system.snippets.customer_feedback_poor}}"></a>
    </span>
    <span style="margin: 0 10px 0 10px;">|</span>
    <span class="customer-feedback-rating">
      <a href="{{email.customer_feedback.rating1_link}}"><img style="vertical-align:middle;" src="{{email.customer_feedback.rating1_four_star_img}}" alt="{{system.snippets.customer_feedback_fair}}" title="{{system.snippets.customer_feedback_fair}}"></a>
    </span>
    <span style="margin: 0 10px 0 10px;">|</span>
    <span class="customer-feedback-rating">
      <a href="{{email.customer_feedback.rating2_link}}"><img style="vertical-align:middle;" src="{{email.customer_feedback.rating2_four_star_img}}" alt="{{system.snippets.customer_feedback_good}}" title="{{system.snippets.customer_feedback_good}}"></a>
    </span>
    <span style="margin: 0 10px 0 10px;">|</span>
    <span class="customer-feedback-rating">
      <a href="{{email.customer_feedback.rating3_link}}"><img style="vertical-align:middle;" src="{{email.customer_feedback.rating3_four_star_img}}" alt="{{system.snippets.customer_feedback_great}}" title="{{system.snippets.customer_feedback_great}}"></a>
    </span>
  {% endif %}
</div>
{% endif %}
<hr />

{% else %}

<span class="email-date" style="font-size:80%;">{{email.created_at | date: "%b %d, %Y" | upcase}} &nbsp;|&nbsp; {{email.created_at | in_time_zone: site.timezone | date: "%I:%M%p %Z"}}
</span>
<br />

{% if forloop.last %}
<span style="background-color: #efefef; font-weight:strong;">{{system.snippets.original_message}}</span><br/>
{% endif %}

<strong>
{% if customer.id == email.from_customer.id %}
  {{customer.first_name}}
{% else %}
  {{email.from_customer.first_name}}
{% endif %}
</strong>

{% if forloop.last %}
  {{system.snippets.wrote}}:<br /><br />
{% elsif customer.id == email.from_customer.id %}
  {{system.snippets.replied}}:<br />
{% endif %}

<div class="email-body">{{email.new_html}}</div>
<hr />

{% endif %}
{% endfor %}

<div id="section-footer" style="background-color:#fafafa; border:0; font-size:80%; padding:2px;"> {{system.snippets.message_was_sent_to}} {{case.customer.email}} {{system.snippets.in_reference_to_case}}: {{case.id}}. <br />
{% if site.myportal_enabled %}
{{system.snippets.email_reply_portal_link}}<br /><a href="{{portal_link}}">{{portal_link}}</a><br /><br />
<strong>{{system.snippets.email_reply_multi_recipient_msg}}</strong><br/>
{{system.snippets.email_reply_multi_recipient_exp}}<br />
{% endif %}
</div>
</div>

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

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

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