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

<h1>[% title %]</h1>

[%- INCLUDE 'common/flash.html' %]

<form method="post" action="controller.pl" id="form">
  [% P.hidden_tag('id',       SELF.time_recording.id) %]
  [% L.hidden_tag('callback', FORM.callback) %]

  <table>
   [%- IF SELF.use_duration %]
    <tr>
      <th align="right">[% 'Date' | $T8 %]</th>
      <td>
        [% P.date_tag('time_recording.date_as_date', SELF.time_recording.date_as_date, "data-validate"="required", "data-title"=LxERP.t8('Date')) %]<br>
      </td>
    </tr>
    <tr>
      <th align="right">[% 'Duration' | $T8 %]</th>
      <td>
        [% P.input_tag('duration_h', SELF.time_recording.duration_as_hours   || '', size=4, class='numeric',
           "data-validate"="number", "data-title"=LxERP.t8('h'),   "placeholder"=LxERP.format_amount(0.00, 2)) %] [% 'h'   | $T8 %]<sup>(1)</sup>
        [% P.input_tag('duration_m', SELF.time_recording.duration_as_minutes || '', size=4, class='numeric',
           "data-validate"="number", "data-title"=LxERP.t8('min'), "placeholder"="0"                         ) %] [% 'min' | $T8 %]
      </td>
    </tr>
   [%- ELSE %]
    <tr>
      <th align="right">[% 'Start' | $T8 %]</th>
      <td>
        [% P.date_tag('start_date',  SELF.start_date, "data-validate"="required", "data-title"=LxERP.t8('Start date'), onchange='kivi.TimeRecording.set_end_date()') %]
        [% P.input_tag('start_time', SELF.start_time, type="time", "data-validate"="required", "data-title"=LxERP.t8('Start time')) %]
        [% P.button_tag('kivi.TimeRecording.set_current_date_time("start")', LxERP.t8('now')) %]
      </td>
    </tr>
    <tr>
      <th align="right">[% 'End' | $T8 %]</th>
      <td>
        [% P.date_tag('end_date',  SELF.end_date) %]
        [% P.input_tag('end_time', SELF.end_time, type="time") %]
        [% P.button_tag('kivi.TimeRecording.set_current_date_time("end")', LxERP.t8('now')) %]
      </td>
    </tr>
   [%- END %]
    <tr></tr><tr></tr>
    <tr>
      <th align="right">[% 'Sales Order' | $T8 %]</th>
      <td>[% P.select_tag('time_recording.order_id', SELF.all_orders, default=SELF.time_recording.order_id, with_empty=1, style='width: 300px', onchange='kivi.TimeRecording.order_changed(this.value)') %]</td>
    </tr>
    <tr>
      <th align="right">[% 'Customer' | $T8 %]</th>
      <td>[% P.customer_vendor.picker('time_recording.customer_id', SELF.time_recording.customer_id, type='customer', style='width: 300px', "data-validate"="required", "data-title"=LxERP.t8('Customer')) %]</td>
    </tr>
    <tr>
      <th align="right">[% 'Project' | $T8 %]</th>
      <td>[% P.project.picker('time_recording.project_id', SELF.time_recording.project_id, description_style='both', style='width: 300px') %]</td>
    </tr>
    <tr></tr><tr></tr>
    <tr>
      <th align="right">[% 'Article' | $T8 %]</th>
      <td>[% P.select_tag('time_recording.part_id', SELF.all_time_recording_articles, default=SELF.time_recording.part_id, with_empty=1, value_key='id', title_key='description', style='width: 300px') %]</td>
    </tr>
    <tr>
      <th align="right">[% 'Description' | $T8 %]</th>
      <td>[% L.textarea_tag('time_recording.description', SELF.time_recording.description, wrap="soft", style="width: 300px; height: 150px", class="texteditor", "data-validate"="required", "data-title"=LxERP.t8('Description')) %]</td>
    </tr>
    <tr>
      <th align="right">[% 'Mitarbeiter' | $T8 %]</th>
      <td>
       [%- IF SELF.can_edit_all -%]
        [% L.select_tag('time_recording.staff_member_id', SELF.all_employees,
                        default    => SELF.time_recording.staff_member_id,
                        title_key  => 'safe_name',
                        value_key  => 'id',
                        style      => 'width: 300px') %]
       [%- ELSE -%]
        [% SELF.time_recording.staff_member.safe_name | html %]
       [%- END -%]
      </td>
    </tr>
  </table>

  [%- IF SELF.use_duration %]
  <p>
    <sup>(1)</sup>
    [% 'Valid are integer values and floating point numbers, e.g. 4.75h = 4 hours and 45 minutes.' | $T8 %]
  </p>
  [%- END %]

</form>

<script type="text/javascript">
<!--
  [% FOREACH i = inputs_to_disable %]
    kivi.TimeRecording.inputs_to_disable.push("[% i %]");
  [% END %]
-->
</script>