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

<div id="phone-notes">
 [% IF ( SELF.order.phone_notes && SELF.order.phone_notes.size ) %]
  <table>
    <tr>
      <th class="listheading">[% 'Subject' | $T8 %]</th>
      <th class="listheading">[% 'Created on' | $T8 %]</th>
      <th class="listheading">[% 'Created by' | $T8 %]</th>
    </tr>

    [%- FOREACH row = SELF.order.phone_notes %]
     <tr class="listrow">
       <td>[% P.link_tag('#', row.subject, onclick="kivi.Order.load_phone_note(" _ HTML.url(row.id) _ ", '" _ HTML.escape(row.subject) _ "', '" _ HTML.escape(row.body) _ "')") %]</td>
       <td>[% row.itime.to_kivitendo | html %]</td>
       <td>[% row.employee.safe_name | html %]</td>
     </tr>
    [% END %]
  </table>
 [% END %]

  <h2 id='phone_note_edit_text'>[% 'Add note' | $T8 %]</h2>

  [% L.hidden_tag('phone_note.id') %]

  <table>
    <tr>
      <td valign="right">[% 'Subject' | $T8 %]</td>
      <td>[% L.input_tag('phone_note.subject', '', size = 50) %]</td>
    </tr>
    <tr>
      <td valign="right" align="top">[% 'Body' | $T8 %]</td>
      <td align="top">[% L.textarea_tag('phone_note.body', '', cols = 50 rows = 10) %]</td>
    </tr>
  </table>

 <p>
   [% P.button_tag("kivi.Order.save_phone_note()",   LxERP.t8('Save')) %]
   [% P.button_tag("kivi.Order.delete_phone_note()", LxERP.t8('Delete'), id = 'phone_note_delete_button', style='display:none') %]
   [% P.button_tag("kivi.Order.cancel_phone_note()", LxERP.t8('Cancel')) %]
 </p>

</div>