{% load markdown_filters %}

<style>
    @media (prefers-color-scheme: dark) {
        .logo {
            content: url('{{ settings.DOMAIN_HOST }}/static/ibs/images/logo-dark.png');
        }
    }
</style>

<table width="720" border="0" cellpadding="0" cellspacing="0"
       style="border-left: 1px solid rgb(226,226,225);border-right: 1px solid rgb(226,226,225);background-color: rgb(255,255,255);border-top:10px solid #348fe2; border-bottom:5px solid #348fe2;border-collapse: collapse;">
  <tbody>
  <tr>
    <td colspan="2"
        style="font-size:12px;padding:20px 30px;font-family: Arial,sans-serif;color: rgb(0,0,0);font-size: 14px;line-height: 20px;">
      <img src="{{ settings.DOMAIN_HOST }}/static/ibs/images/logo.png" alt height="35" />
      <p style="margin-top: 25px;">[{{ user.username }}]님이 <b>{{ instance.project }}</b> 프로젝트의 업무 [#{{ instance.pk }}]
        "{{ instance.subject }}"의 담당자를 [{{ instance.old_assigned_to.username }}]에서 [{{ instance.assigned_to.username }}](으)로 변경
        하였습니다.</p>
    </td>
  </tr>
  <tr style="border-top:1px solid #999; border-bottom:1px solid #999; background: #eee; height: 50px;">
    <td width="120"
        style="padding:10px 20px;font-family: Arial,sans-serif;color: rgb(0,0,0);font-size: 14px;line-height: 20px;">
      <strong>프로젝트</strong>
    </td>
    <td width="600"
        style="padding:10px 20px;font-family: Arial,sans-serif;color: rgb(0,0,0);font-size: 14px;line-height: 20px;">
      <strong>「{{ instance.project }}」</strong>
    </td>
  </tr>
  <tr style="border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; height: 46px;">
    <td style="padding:10px 20px;font-family: Arial,sans-serif;color: rgb(0,0,0);font-size: 14px;line-height: 20px;">
      <strong>업무</strong>
    </td>
    <td style="padding:10px 20px;font-family: Arial,sans-serif;color: rgb(0,0,0);font-size: 14px;line-height: 20px;">
      <strong>[#{{ instance.pk }}] {{ instance.subject }}</strong>
    </td>
  </tr>
  <tr style="border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; background: #FFFFDD;">
    <td style="padding:10px 20px;font-family: Arial,sans-serif;color: rgb(0,0,0);font-size: 14px;line-height: 20px;">
      <strong>설명</strong>
    </td>
    <td style="padding:10px 20px;font-family: Arial,sans-serif;color: rgb(0,0,0);font-size: 14px;line-height: 20px;">
      <span>{{ instance.description|markdown|safe }}</span>
    </td>
  </tr>
  {% if instance.files.exists %}
      <tr style="border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;">
          <td style="padding:10px 20px;font-family: Arial,sans-serif;color: rgb(0,0,0);font-size: 14px;line-height: 20px;">
              <strong>파일</strong>
          </td>
          <td style="padding:10px 20px;font-family: Arial,sans-serif;color: rgb(0,0,0);font-size: 14px;line-height: 20px;">
              {% for file in instance.files.all %}
                  - <a href="{{ settings.DOMAIN_HOST }}/media/{{ file.file }}">{{ file.file_name }}</a><br />
              {% endfor %}
          </td>
      </tr>
  {% endif %}
  <tr style="border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;">
    <td style="padding:10px 20px;font-family: Arial,sans-serif;color: rgb(0,0,0);font-size: 14px;line-height: 20px;">
      <strong>유형</strong>
    </td>
    <td style="padding:10px 20px;font-family: Arial,sans-serif;color: rgb(0,0,0);font-size: 14px;line-height: 20px;">
      <span>{{ instance.tracker.name }}</span>
    </td>
  </tr>
  <tr style="border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;">
    <td style="padding:10px 20px;font-family: Arial,sans-serif;color: rgb(0,0,0);font-size: 14px;line-height: 20px;">
      <strong>상태</strong>
    </td>
    <td style="padding:10px 20px;font-family: Arial,sans-serif;color: rgb(0,0,0);font-size: 14px;line-height: 20px;">
      <span>{{ instance.status.name }}</span>
    </td>
  </tr>
  <tr style="border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;">
    <td style="padding:10px 20px;font-family: Arial,sans-serif;color: rgb(0,0,0);font-size: 14px;line-height: 20px;">
      <strong>목표버전</strong>
    </td>
    <td style="padding:10px 20px;font-family: Arial,sans-serif;color: rgb(0,0,0);font-size: 14px;line-height: 20px;">
      <span>{{ instance.fixed_version|default:"" }}</span>
    </td>
  </tr>
  <tr style="border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;">
    <td style="padding:10px 20px;font-family: Arial,sans-serif;color: rgb(0,0,0);font-size: 14px;line-height: 20px;">
      <strong>담당</strong>
    </td>
    <td style="padding:10px 20px;font-family: Arial,sans-serif;color: rgb(0,0,0);font-size: 14px;line-height: 20px;">
      <span>{{ instance.assigned_to.username|default:"" }}</span>
    </td>
  </tr>
  <tr style="border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;">
    <td style="padding:10px 20px;font-family: Arial,sans-serif;color: rgb(0,0,0);font-size: 14px;line-height: 20px;">
      <strong>완료기한</strong>
    </td>
    <td style="padding:10px 20px;font-family: Arial,sans-serif;color: rgb(0,0,0);font-size: 14px;line-height: 20px;">
      <span>{{ instance.due_date|default:"" }}</span>
    </td>
  </tr>
  <tr style="border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;">
    <td style="padding:10px 20px;font-family: Arial,sans-serif;color: rgb(0,0,0);font-size: 14px;line-height: 20px;">
      <strong>링크</strong>
    </td>
    <td style="padding:10px 20px;font-family: Arial,sans-serif;color: rgb(0,0,0);font-size: 14px;line-height: 20px;">
      <span>
        <a href="{{ settings.DOMAIN_HOST }}/cms/#/work/project/redmine/issue/{{ instance.pk }}">
        [#{{ instance.pk }}] 업무 - {{ instance.subject }}
        </a>
      </span>
    </td>
  </tr>
  <tr style="border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;">
    <td style="padding:10px 20px;font-family: Arial,sans-serif;color: rgb(0,0,0);font-size: 14px;line-height: 20px;">
      <strong>등록자</strong>
    </td>
    <td style="padding:10px 20px;font-family: Arial,sans-serif;color: rgb(0,0,0);font-size: 14px;line-height: 20px;">
      <span><a href="mailto:{{ user.email }}">{{ user.username }} &lt;{{ user.email }}&gt;</a></span>
    </td>
  </tr>
  <tr style="border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;">
      <td style="padding:10px 20px;font-family: Arial,sans-serif;color: rgb(0,0,0);font-size: 14px;line-height: 20px;">
          <strong>업무 관람자</strong>
      </td>
      <td style="padding:10px 20px;font-family: Arial,sans-serif;color: rgb(0,0,0);font-size: 14px;line-height: 20px;">
      <span>
          {% for w in watchers %}
              <a href="mailto:{{ w.email }}">{{ w.username }}</a>{% if not forloop.last %}, {% endif %}
          {% endfor %}
      </span>
      </td>
  </tr>
  </tbody>
</table>