{% 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> 프로젝트의 <b>새 업무 [#{{ instance.pk }}]
        "{{ instance.subject }}"</b>을(를) 생성 {% if instance.assigned_to %}하여 &lt;"{{ instance.assigned_to.username }}"&gt; 님에게 배정(요청){% endif %} 하였습니다.</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>
  <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>
  </tbody>
</table>