[%- USE T8 %]
[%- USE HTML %]
[%- USE L %]

<div id="vcnotes">
  [% IF ( SELF.notes && SELF.notes.size ) %]
     <p>
       <table>
        <tr>
          <th class="listheading">[% 'Delete' | $T8 %]</th>
          <th class="listheading">[% 'Subject' | $T8 %]</th>
          <th class="listheading">[% 'Created on' | $T8 %]</th>
          <th class="listheading">[% 'Created by' | $T8 %]</th>
          <th class="listheading">[% 'Follow-Up Date' | $T8 %]</th>
          <th class="listheading">[% 'Follow-Up for' | $T8 %]</th>
          <th class="listheading">[% 'Follow-Up done' | $T8 %]</th>
        </tr>

        [%- FOREACH row = SELF.notes %]
          <tr class="listrow[% loop.count % 2 %]">
            <td>
              [% IF ( !SELF.note || SELF.note.id != row.id ) %]
                [% L.checkbox_tag('delete_notes[]', value = row.id) %]
              [% END %]
            </td>

            <td>
              <a href="controller.pl?action=CustomerVendor/edit&db=[% SELF.is_vendor() ? 'vendor' : 'customer' %]&id=[% HTML.url(SELF.cv.id) %]&note_id=[% HTML.url(row.id) %]">[% HTML.escape(row.subject) %]</a>
            </td>

            <td>
              [% row.itime.to_kivitendo | html %]
            </td>

            <td>
              [% row.employee.safe_name | html %]
            </td>

            <td>
              [% row.follow_up.follow_up_date.to_kivitendo | html %]
            </td>

            <td>
              [% row.follow_up.created_for.safe_name | html %]
            </td>

            <td>
              [% IF ( row.follow_up.follow_up_date ) %]
                [% IF ( row.follow_up.done ) %]
                  [% 'Yes' | $T8 %]
                [% ELSE %]
                  [% 'No' | $T8 %]
                [% END %]
              [% END %]
            </td>
          </tr>
        [% END %]
      </table>
    </p>
  [% END %]

  <h2>
    [% IF ( SELF.note.id ) %]
      [% 'Edit note' | $T8 %]
    [% ELSE %]
      [% 'Add note' | $T8 %]
    [% END %]
  </h2>

  [% L.hidden_tag('note.id', SELF.note.id) %]

  <p>
    <table>
      <tr>
        <td valign="right">[% 'Subject' | $T8 %]</td>

        <td>
          [% L.input_tag('note.subject', SELF.note.subject, size = 50) %]
        </td>
      </tr>

      <tr>
        <td valign="right" align="top">[% 'Body' | $T8 %]</td>

        <td align="top">
          [% L.textarea_tag('note.body', SELF.note.body, cols = 50 rows = 10) %]
        </td>
      </tr>

      <tr>
        <td valign="right">[% 'Follow-Up On' | $T8 %]</td>

        <td>
          [% L.date_tag('note_followup.follow_up_date', SELF.note_followup.follow_up_date) %]
          [% 'for' | $T8 %]
          [% L.select_tag(
               'note_followup.created_for_user',
               SELF.all_employees,
               default = SELF.note_followup.created_for_user,
               title_key = 'safe_name'
             )
          %]
        </td>
      </tr>

      <tr>
        <td>&nbsp;</td>

        <td>
          [% L.checkbox_tag('note_followup.done', checked = SELF.note_followup.done) %]
          <label for="note_followup_done">[% 'Follow-Up done' | $T8 %]</label>
        </td>
      </tr>

    </table>
  </p>
</div>