<link rel="stylesheet" type="text/css" href="include/jQuery/jquery-table/jquery.appendGrid-1.3.1.css"/>
<link rel="stylesheet" type="text/css" href="include/jQuery/jquery-ui/themes/base/jquery-ui.css"/>
<link rel="stylesheet" type="text/css" href="modules/EcmReports/TableSorter/css/theme.blue.css"/>
<link rel="stylesheet" type="text/css" href="modules/EcmReports/TableSorter/css/theme.blue2.css"/>
<!--  Tablesorter -->
<script src="include/jQuery/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="modules/EcmReports/TableSorter/js/jquery.min.js"></script>
<script type="text/javascript" src="modules/EcmReports/TableSorter/js/jquery.tablesorter.min.js"></script>
<script type="text/javascript" src="modules/EcmReports/TableSorter/js/jquery.tablesorter.widgets.js"></script>

<script type="text/javascript" src="modules/EcmReports/javascript/ReportAcceptance.js"></script>

<style type="text/css">
	{literal}
		thead, tfoot {font-weight: bold;}

		table.tablesorter tbody tr:hover td {
			background: #E8E8E8;
			color: #343432;
		}
		/* Extra selectors needed to override the default styling */
		table.tablesorter tbody tr.normal-row td {
			background: #EFEFF1;
			color: #343432;
		}
		table.tablesorter tbody tr.alt-row td {
			background: #FFF;
			color: #343432;
		}
		/* Extra selectors needed to override the default styling */
		table.tablesorter tbody tr.normal-row:hover td {
			background: #E8E8E8;
			color: #343432;
		}
		table.tablesorter tbody tr.alt-row:hover td {
			background: #E8E8E8;
			color: #343432;
		}
		.element{ 
			position:fixed;
			bottom: 0%;
			width: 97%;
			padding:10px;
			font-family:Arial;
			background-color: white;
			border:1px solid black; 
		}
	{/literal}
</style>

<table id="tableMenu" cellspacing="0" cellpadding="0" border="0">
<tbody>
	<tr>
		<td>
			<img src="themes/Sugar/images/EcmProducts.gif" style="margin-top: 3px; margin-right: 3px;" alt="EcmProducts" width="16" border="0" height="16">
		</td>
		<td>
			<h2>{$MOD.LBL_REPORT_ACCEPTANCE}</h2>
		</td>
	</tr>
</table>

<br>

<ul class="tablist" style="width:100%;">
	<li>
		<a class="current" href="#">Wyszukiwanie</a>
	</li>		
</ul>
<form action="index.php" method="get" name="searchReportAcceptance" id="searchReportAcceptance">
	<input type="hidden" name="module" value="EcmReports" />
	<input type="hidden" name="action" value="ReportAcceptance" />
	<input type="hidden" name="first_load" value ="{$first_load}"/>
	<table style="border-top: 0px none; margin-bottom: 4px;width:100%" class="tabForm" border="0" cellpadding="0" cellspacing="0">
		<tr>
			{* Search by date_from *}	
			<td class="dataLabel" nowrap="nowrap"> Data od </td>
			<td class="dataField" nowrap="nowrap">
				<input id="date_from" name="date_from" type="text" maxlength="10" size="11" tabindex="" title="" value="{$date_from}" autocomplete="off">
				<img id="date_from_trigger" border="0" align="absmiddle" alt="Enter Date" src="themes/default/images/jscalendar.gif">
				<script language="JavaScript" type="text/javascript">
					Calendar.setup ({ldelim}
						inputField : "date_from",
						daFormat : "{$dateFormat}",
						button : "date_from_trigger",
						singleClick : true,
						dateStr : "",
						step : 1
						{rdelim}
					);
				</script>
			</td>
			<td nowrap="nowrap" class="dataLabel">Nazwa Dokumentu:</td>
			<td nowrap="nowrap" class="dataField">	
				<input type="text" value="{$doc_name}" size="60" id="doc_name" name="doc_name">
			</td>
			<td class="dataLabel" nowrap="nowrap">Status:</td>
			<td class="dataField" nowrap="nowrap">	
				{html_options name=status options=$statusy selected=$status}
			</td>
		</tr>
		<tr>
			{* Search by date_to *}
			<td class="dataLabel" nowrap="nowrap">Data do</td>
			<td class="dataField" nowrap="nowrap">
				<input autocomplete="off" name="date_to" id="date_to" value="{$date_to}" title="" tabindex="" size="11" maxlength="10" type="text">
				<img src="themes/default/images/jscalendar.gif" alt="Enter Date" id="date_to_trigger" align="absmiddle" border="0">
				<script language="JavaScript" type="text/javascript">
					Calendar.setup ({ldelim}
						inputField : "date_to",
						daFormat : "{$dateFormat}",
						button : "date_to_trigger",
						singleClick : true,
						dateStr : "",
						step : 1
						{rdelim}
					);
				</script>
			</td>
			<td class="dataLabel" nowrap="nowrap">Kategoria:</td>
			<td class="dataField" nowrap="nowrap">
				<select id="category_id" name="category_id">
					<option value="" label=""> </option
					{foreach from=$category key=k item=v}
						<option value="{$k}" label="{$v}"
						{if $category_selected eq $k}
							selected="selected"
						{/if}
							>{$v}</option>	
					{/foreach}
				</select>
			</td>
		</tr>
</table>
</form>
<input class="button" name="submit" value="{$MOD.LBL_EXECUTE}" type="submit" form="searchReportAcceptance">
<input class="button" name="clear" value="{$MOD.LBL_CLEAR}" type="button" onclick="location.href='index.php?module=EcmReports&action=ReportAcceptance';">
<input class="button" name="print" id="print"  value="PDF" type="submit" form="printReportAcceptance">

<form method="post" name="printReportAcceptance" action="index.php?module=EcmReports&action=printReportAcceptance&to_pdf=1" id="printReportAcceptance">
<table id="myTable" class="tablesorter tablesorter-blue" role="grid">
	<thead>
		<tr class="tablesorter-headerRow" role="row">
			<th width="1%" class="header"><input type="checkbox" name="checkAll" id="checkAll"></th>
		    <th width="1%">Opis</th>
			<th width="20%" class="sorter-text tablesorter-header tablesorter-headerUnSorted" data-column="1" tabindex="0" scope="col" role="columnheader" aria-disabled="false" unselectable="on" style="-moz-user-select: none;" aria-sort="none" aria-label="Name: No sort applied, activate to apply an ascending sort">{$MOD.LBL_REPORT_ACCEPTANCE_DOCNAME}</th>
			<th width="1%" class="sorter-saas tablesorter-header tablesorter-headerUnSorted" data-column="2" tabindex="0" scope="col" role="columnheader" aria-disabled="false" unselectable="on" style="-moz-user-select: none;" aria-sort="none" aria-label="Name: No sort applied, activate to apply an ascending sort">{$MOD.LBL_DATE_CREATED}</th>
			<th width="1%" class="sorter-saas tablesorter-header tablesorter-headerUnSorted" data-column="3" tabindex="0" scope="col" role="columnheader" aria-disabled="false" unselectable="on" style="-moz-user-select: none;" aria-sort="none" aria-label="Name: No sort applied, activate to apply an ascending sort">{$MOD.LBL_REPORT_ACCEPTANCE_DOCDATE}</th>
			<th width="5%" class="sorter-saas tablesorter-header tablesorter-headerUnSorted" data-column="4" tabindex="0" scope="col" role="columnheader" aria-disabled="false" unselectable="on" style="-moz-user-select: none;" aria-sort="none" aria-label="Name: No sort applied, activate to apply an ascending sort">{$MOD.LBL_REPORT_ACCEPTANCE_CATEGORY}</th>
			<th width="30%" class="sorter-saas tablesorter-header tablesorter-headerUnSorted" data-column="5" tabindex="0" scope="col" role="columnheader" aria-disabled="false" unselectable="on" style="-moz-user-select: none;" aria-sort="none" aria-label="Name: No sort applied, activate to apply an ascending sort">{$MOD.LBL_REPORT_ACCEPTANCE_DES}</th>
			<th width="3%"  class="sorter-saas tablesorter-header tablesorter-headerUnSorted" data-column="6" tabindex="0" scope="col" role="columnheader" aria-disabled="false" unselectable="on" style="-moz-user-select: none;" aria-sort="none" aria-label="Name: No sort applied, activate to apply an ascending sort">{$MOD.LBL_VALUE}</th> 
		</tr>
	</thead>
	
	<tbody>
	{foreach from=$DATA item=i}
		<tr>
			<td><input type="checkbox" id="box_{$i.docid}" name="box_{$i.docid}" value='{$i.docid}'></td>
			<td style="text-align: center">
				{if $i.docreport == 1}
					<input type="button" onclick="getDes('{$i.docid}')" value="Opis">
				{else}
					brak
				{/if}
			</td>
			<td><a href="index.php?module=Documents&action=DetailView&record={$i.docid}">{$i.docname}</a></td>
			<td>{$i.docdateentered}</td>
			<td>{$i.docdate}</td>
			<td>{$i.doccategory}</td>
			<td>{$i.docdes}</td>
			<td style="text-align: right;">{$i.docwartosc}</td>
		</tr>
	{/foreach}
	</tbody>
	<tfoot>
		<tr>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td style="text-align: right;">Suma:</td>
			<td style="text-align: right;">{$SUMA}</td>
		</tr>
	</tfoot>
	</form>
</table>
<div class="element" id="raport" style="display: none"></div>