[%- USE HTML %]
[%- USE T8 %]
[%- USE L %]
[%- USE P %]
[%- USE LxERP %]
<h1>[% title | html %]</h1>

<form action='controller.pl' method='POST'>
  <input type="hidden" name="letter.id" value="[% letter.id | html %]">
  <input type="hidden" name="draft.id" value="[% draft.id | html %]">
  <input type="hidden" name="type" value="[% type | html %]">

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

  <div id="oe_tabs" class="tabwidget">
   <ul>
    <li><a href="#ui-tabs-letter">[% LxERP.t8("Letter") %]</a></li>
[%- IF letter.id %]
    <li><a href="controller.pl?action=RecordLinks/ajax_list&object_model=Letter&object_id=[% HTML.url(letter.id) %]">[% LxERP.t8("Linked Records") %]</a></li>
[%- END %]
   </ul>

   <div id="ui-tabs-letter">

<table width=100%>
<tr>
 <td width=50%>
  <!-- upper left block -->
   <table width=90%>
    <tr>
     <th align='right'>[% 'Customer' | $T8 %]:</th>
     <td>[% P.customer_vendor_picker('letter.vc_id', letter.vc_id, type='customer') %]
[%- IF letter.customer_id %]
      <input type="button" value="[% 'Details (one letter abbreviation)' | $T8 %]" onclick="show_vc_details('customer')">
[%- END %]
     </td>
    </tr>
    <tr>
     <th align='right'>[% 'Contact Person' | $T8 %]</th>
     <td>[% L.select_tag('letter.cp_id', letter.cp_id ? letter.customer.contacts : [], value_key='cp_id', title_key='full_name', default=letter.cp_id) %]</td>
    </tr>
    <tr>
     <th align='right'>[% 'Your Reference' | $T8 %]:</th>
     <td><input name='letter.reference' style='width:70%' value='[% letter.reference | html %]'></td>
    </tr>
   </table>
  <!-- /upper left block -->
 </td>
 <td width=50%>
  <!-- upper right block -->
   <table align=center width=90%>
    <tr>
     <th align='right'>[% 'Letternumber' | $T8 %]:</th>
     <td><input name='letter.letternumber' style='width:70%' value='[% letter.letternumber | html %]'></td>
    </tr>
    <tr>
     <th align='right'>[% 'Date' | $T8 %]:</th>
      <td>[% L.date_tag('letter.date_as_date', letter.date_as_date, readonly=readonly) %]</td>
     </td>
    </tr>
   </table>
  <!-- /upper right block -->
 </td>
</tr>

<tr height=20></tr>

<tr>
 <td colspan=2 width=100%>
  <!-- central block -->
   <table width=80%>
    <tr>
     <th align=right>[% 'Subject' | $T8 %]</th>
     <td><textarea name='letter.subject' style='width:100%;font-weight:bold' rows=1>[% letter.subject | html %]</textarea></td>
    </tr>
     <th align=right>[% 'Greeting' | $T8 %]</th>
     <td><input name='letter.greeting' style='width:100%;font-weight:bold' value="[% letter.greeting | html %]"></td>
    </tr>
    <tr>
    <tr>
     <th align=right>[% 'Body' | $T8 %]</th>
     <td>[% L.textarea_tag('letter.body_as_restricted_html', letter.body_as_restricted_html, style='width:100%', rows=20, class="texteditor") %]</td>
    </tr>
    <tr height=10></tr>
     <th align=right>[% 'Internal Notes' | $T8 %]</th>
     <td><textarea name='letter.intnotes' style='width:100%' rows=4>[% letter.intnotes | html %]</textarea></td>
    </tr>

    <tr>
     <th></th>
     <td>
      <table width=90% align='center'>
       <tr>
        <td>
         <table width=100%>
          <tr>
           <td>[% 'Employee' | $T8 %]</td>
          </tr>
          <tr>
           <td>
            [%- L.select_tag('letter.employee_id', employees, default=letter.employee_id, title_key='safe_name', class='bold', allow_empty=1, style='width:70%') %]
           </td>
          </tr>
         </table>
        </td>
        <td>
         <table width=100%>
          <tr>
           <td>[% 'Salesman' | $T8 %]</td>
          </tr>
          <tr>
           <td>
            [%- L.select_tag('letter.salesman_id', employees, default=letter.salesman_id, title_key='safe_name', class='bold', allow_empty=1, style='width:70%') %]
           </td>
          </tr>
         </table>
        </td>
        <td>
        </td>
       </tr>
      </table>
     </td>
    </tr>
   </table>
  <!-- /central block -->
 </td>
</tr>
<tr>
  <td colspan=3><hr size="3" noshade></td>
</tr>
<tr>
 <td>
   [% print_options %]
 </td>
</tr>
</table>

 </div>
 <div id="ui-tabs-1">
  [%- LxERP.t8("Loading...") %]
 </div>
</div>

<input type="hidden" name="action" value="Letter/dispatch">
<input class="submit" type="submit" name="action_update" id="update_button" value="[% 'Update' | $T8 %]">

[%- IF letter.letternumber %]
  <input class="submit" type="submit" name="action_print_letter" value="[% 'Print' | $T8 %]">
[% END %]

<input class="submit" type="submit" name="action_save" value="[% 'Save' | $T8 %]">
[% L.submit_tag('action_delete', LxERP.t8('Delete'), confirm=LxERP.t8('Are you sure you want to delete this letter?')) %]
<input class="submit" type="submit" name="action_save_letter_draft" value="[% 'Save Draft' | $T8 %]">

</form>


<script type='text/javascript'>
  $(function(){
    $('#letter_vc_id').change(function(){
      var data = $('form').serializeArray();
      data.push({ name: 'action_update_contacts', value: 1 });
      $.post('controller.pl', data, kivi.eval_json_result);
    })
  })
</script>