<?php
/**
 * @var string $title
 * @var string $subtitle
 * @var array $summary_data
 * @var array $headers
 * @var array $data
 * @var array $config
 */
?>
<?= view('partial/header') ?>

<script type="application/javascript">
	dialog_support.init("a.modal-dlg");
</script>

<div id="page_title"><?= esc($title) ?></div>

<div id="page_subtitle"><?= esc($subtitle) ?></div>

<div id="table_holder">
	<table id="table"></table>
</div>

<div id="report_summary">
	<?php
	foreach($summary_data as $name => $value)
	{
		if($name == "total_quantity")
		{
	?>
			<div class="summary_row"><?= lang("Reports.$name") . ": $value" ?></div>
	<?php
		}
		else
		{
	?>
			<div class="summary_row"><?= lang("Reports.$name") . ': ' . to_currency($value) ?></div>
	<?php
		}
	}
	?>
</div>

<script type="application/javascript">
	$(document).ready(function()
	{
		<?= view('partial/bootstrap_tables_locale') ?>

		$('#table')
			.addClass("table-striped")
			.addClass("table-bordered")
			.bootstrapTable({
				columns: <?= transform_headers(esc($headers), true, false) ?>,
				stickyHeader: true,
				pageSize: <?= $config['lines_per_page'] ?>,
				sortable: true,
				showExport: true,
				exportDataType: 'all',
				exportTypes: ['json', 'xml', 'csv', 'txt', 'sql', 'excel', 'pdf'],
				pagination: true,
				showColumns: true,
				data: <?= json_encode($data) ?>,
				iconSize: 'sm',
				paginationVAlign: 'bottom',
				escape: true,
				search: true
		});
	});
</script>

<?= view('partial/footer') ?>
