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

[% FOREACH chart = SELF.charts %]
<div class='chart_picker_chart [% FORM.hide_chart_details ? 'cpc_line' : 'cpc_block' %]'>
  <input type='hidden' class='chart_picker_id' value='[% chart.id %]'>
  <input type='hidden' class='chart_picker_description' value='[% chart.displayable_name %]'>
  <span class='cpc_block_number'>[% chart.accno | html %]</span>
  <span class='cpc_block_description'>[% chart.description | html %]</span>
  [% UNLESS FORM.hide_chart_details %]
    <span class='cpc_block_balance'>[% chart.formatted_balance_dc | html %]</span>
    <div style='clear:both;'></div>
    <span class='cpc_block_second_row'>[% LxERP.t8("Chart Type") %]: [% chart.displayable_category %] &nbsp;&nbsp;&nbsp; [% IF chart.has_transaction %][% LxERP.t8("Last transaction")%]: [% chart.date_of_last_transaction.to_kivitendo %][% END %]</span>
  [% END %]
</div>
[%- END %]

<div style='clear:both'></div>

[% L.paginate_controls(target='#chart_picker_result', selector='#chart_picker_result', models=SELF.models) %]
<script type='text/javascript'>
  kivi.ChartPicker($('#'+$('#chart_picker_real_id').val())).init_results()
</script>