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

<div id="vcnotes">
   [% IF ( NOTES && 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>
              [% L.hidden_tag('notes[+].id', row.id) %]
              [% IF ( !NOTE_id || (NOTE_id != row.id) ) %]
                [% L.checkbox_tag('notes[].delete', 0) %]
              [% END %]
            </td>

            <td>
              <a href="ct.pl?action=edit&db=[% HTML.url(db) %]&id=[% HTML.url(id) %]&edit_note_id=[% HTML.url(row.id) %]">[% HTML.escape(row.subject) %]</a>
            </td>

            <td>
              [% HTML.escape(row.created_on) %]
            </td>

            <td>
              [% IF ( row.created_by_name ) %]
                [% HTML.escape(row.created_by_name) %]
              [% ELSE %]
                [% HTML.escape(row.created_by_login) %]
              [% END %]
            </td>

            <td>
              [% HTML.escape(row.follow_up_date) %]
            </td>

            <td>
              [% IF ( row.created_for_name ) %]
                [% HTML.escape(row.created_for_name) %]
              [% ELSE %]
                [% HTML.escape(row.created_for_login) %]
              [% END %]
            </td>

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

  <div class="listtop">
    [% IF ( NOTE_id ) %]
      [% 'Edit note' | $T8 %]
    [% ELSE %]
      [% 'Add note' | $T8 %]
    [% END %]
  </div>

  [% 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>