<div class="modal-header">
  <h5 class="modal-title" id="announcementModalTitle">{{data.bulletin.display_name}}</h5>
  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>

<div class="modal-body">
  <div class="row" id="announcementForm-response-alert">
  </div>

  <table class="table table-bordered fixed">
    <tbody>
      <tr>
        <th class="align-middle text-center w-25" colspan="1">公告起始日期</th>
        <td class="align-middle text-left w-75" colspan="3">{{data.start_date_tw_format}}</td>
      </tr>
      <tr>
        <th class="align-middle text-center w-25" colspan="1">公告結束日期</th>
        <td class="align-middle text-left w-75" colspan="3">{{data.end_date_tw_format}}</td>
      </tr>
      <tr>
        <th class="align-middle text-center w-25" colspan="1">類型</th>
        <td class="align-middle text-left w-75" colspan="3">{{data.type.name}}</td>
      </tr>
      <tr>
        <th class="align-middle text-center w-25" colspan="1">發文者</th>
        <td class="align-middle text-left w-75" colspan="3">{{data.author.name}}</td>
      </tr>
      <tr>
        <th class="align-middle text-center w-25" colspan="1">發文單位</th>
        <td class="align-middle text-left w-75" colspan="3">{{data.publish_department.name}}</td>
      </tr>
      <tr>
        <th class="align-middle text-center w-25" colspan="1">校內分機</th>
        <td class="align-middle text-left w-75" colspan="3">{{data.author.meta.school_extension.meta_value}}</td>
      </tr>
      <tr>
        <th class="align-middle text-center w-25" colspan="1">標題</th>
        <td class="align-middle text-left w-75" colspan="3">{{data.title}}</td>
      </tr>
      <tr>
        <th class="align-middle text-center w-25" colspan="1">內文</th>
        <td class="align-middle text-left w-75" colspan="3">{{{data.content}}}</td>
      </tr>
      <tr>
        <th class="align-middle text-center w-25" colspan="1">附件</th>
        <td class="align-middle text-left w-75" colspan="3">
          {{#if data.files.length }}
            {{#each data.files}}
              <div><a class="text-primary" href="{{this.url}}" target="_blank">{{this.name}}</a></div>
            {{/each}}
          {{else}}
            {{#if data.file_display_name }}
              <div><a class="text-primary" href="{{data.file_url}}" target="_blank">{{data.file_display_name}}</a></div>
            {{else}}
              無附件
            {{/if}}
          {{/if}}
        </td>
      </tr>
    </tbody>
  </table>
</div>

<div class="modal-footer">
  <button type="button" class="btn btn-primary btn-print" data-url="{{data.print_url}}">
    <i class="fas fa-print fa-fw"></i><span class="ml-1">列印</span>
  </button>
</div>
