+ <div id="ui-tabs-letter">
+
+<table width=100%>
+<tr>
+ <td width=50%>
+ <!-- upper left block -->
+ <table width=90%>
+[%- IF SELF.is_sales %]
+ <tr>
+ <th align='right'>[% 'Customer' | $T8 %]:</th>
+ <td>[% P.customer_vendor.picker('letter.customer_id', letter.customer_id, type='customer') %]</td>
+ </tr>
+[%- ELSE %]
+ <tr>
+ <th align='right'>[% 'Vendor' | $T8 %]:</th>
+ <td>[% P.customer_vendor.picker('letter.vendor_id', letter.vendor_id, type='vendor') %]</td>
+ </tr>
+[%- END %]
+ <tr>
+ <th align='right'>[% 'Contact Person' | $T8 %]</th>
+ <td>[% L.select_tag('letter.cp_id', letter.customer_vendor_id ? letter.customer_vendor.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>