[%- USE LxERP -%][%- USE L -%][%- USE HTML -%][%- USE JavaScript -%][% USE Base64 %][% SET style="width: 500px" %]
[% SET id_base = 'edit_text_block_picture_' _ (SELF.picture.id ? SELF.picture.id : 'new') %]
<form method="post" id="[% id_base %]_form" method="POST" enctype="multipart/form-data">
 [% L.hidden_tag('form_prefix',                    id_base,         id=id_base _ '_form_prefix') %]
 [% L.hidden_tag('id',                             SELF.picture.id, no_id=1) %]
 [% L.hidden_tag(id_base _ '.text_block_id',       SELF.text_block.id) %]
 [% L.hidden_tag(id_base _ '.requirement_spec_id', SELF.text_block.requirement_spec_id) %]

 <h2>
  [%- IF SELF.picture.id %]
   [%- LxERP.t8("Edit text block picture #1", SELF.picture.number) %]
  [%- ELSE %]
   [%- LxERP.t8("Add picture to text block") %]
  [%- END %]
 </h2>

 <table>
[% IF SELF.picture.number %]
  <tr>
   <th align="right">[%- LxERP.t8("Number") %]:</th>
   <td>[% HTML.escape(SELF.picture.number) %]</td>
  </tr>
[% END %]

  <tr>
   <th align="right">[%- LxERP.t8("Description") %]:</th>
   <td>[% L.input_tag(id_base _ '.description', SELF.picture.description, style=style) %]</td>
  </tr>

[% IF SELF.picture.picture_content %]
  <tr>
   <th align="right">[%- LxERP.t8("File name") %]:</th>
   <td>[% HTML.escape(SELF.picture.picture_file_name) %]</td>
  </tr>

  <tr>
   <th align="right">[%- LxERP.t8("MIME type") %]:</th>
   <td>[% HTML.escape(SELF.picture.picture_content_type) %]</td>
  </tr>

  <tr>
   <th align="right">[%- LxERP.t8("Dimensions") %]:</th>
   <td>[% HTML.escape(SELF.picture.picture_width) %]x[% HTML.escape(SELF.picture.picture_height) %]</td>
  </tr>

  <tr>
   <th align="right">[%- LxERP.t8("Uploaded at") %]:</th>
   <td>[% HTML.escape(SELF.picture.picture_mtime.to_kivitendo(precision='second')) %]</td>
  </tr>
[% END %]

  <tr>
   <th align="right">[%- LxERP.t8("Select file to upload") %]:</th>
   <td>[% L.input_tag(id_base _ '.picture_content', '', type='file') %]</td>
  </tr>
 </table>

 <p>
  [%- L.ajax_submit_tag('controller.pl?action=RequirementSpecTextBlock/ajax_' _ (SELF.picture.id ? 'update' : 'create') _ '_picture', '#' _ id_base _ '_form', LxERP.t8('Save'), no_id=1) %]
  <a href="#" onclick="$('#jqueryui_popup_dialog').dialog('close');">[%- LxERP.t8("Cancel") %]</a>
 </p>

</form>

[% IF SELF.picture.id %]
<h2>[% LxERP.t8("Current picture") %]</h2>

<div>
 <img src="data:[% HTML.escape(SELF.picture.picture_content_type) %];base64,[% SELF.picture.picture_content.encode_base64 %]">
</div>
[% END %]