{literal}
<style>
@media print {    
    .table th,.table-transparent th {
        background-color: #d1e7dd !important;
        color: black !important;
    }
}

</style>
{/literal}

<div class="row">
    <div class="container">
        <ol class="breadcrumb">
            <li><a href="#">تقارير مجمعة </a></li>
            <li><a href="supplierReportAccountReport.php"> كشف حساب المورد</a></li>
            <li class="active">عرض</li>
        </ol>
        <div class="panel panel-default panel-m">
            <!-- Default panel contents -->
            <div class="panel-heading"> 
                {if $message != ""}
                {$message}
                {/if}</div>
            <div class="panel-body">
                <form class="form-inline  hidden-print" action="supplierReportAccountReport.php?do=show" method="post">
                    <div class="form-group wdt300">
                        <label class="sr-only"> اسم المورد</label>
                        <select data-placeholder="اختر مورد" class="select2 wdt300" name="supplierid" id="supplierid">
                            <option value="">-- كل الموردين --</option>
                            {foreach from=$allSuppliers item=sup}
                            <option value="{$sup.supplierid}" {if
                                $smarty.post.supplierid==$sup.supplierid}selected{/if}>
                                {$sup.suppliername}
                            </option>
                            {/foreach}

                        </select>
                    </div>
                    <div class="form-group">
                        <label class="sr-only">من التاريخ</label>
                        <input type="text" class="form-control awdatepicker" autocomplete="off"
                            data-date-format="yyyy-mm-dd" name="date_from" id="datepicker_from">
                    </div>
                    <div class="form-group">
                        <label class="sr-only">إلى التاريخ</label>
                        <input type="text" class="form-control awdatepicker" autocomplete="off"
                            data-date-format="yyyy-mm-dd" name="date_to" id="datepicker_to">
                    </div>

                    <button type="submit" class="btn btn-primary">بحث</button>
                </form>
            </div>
            <hr />
            <div id="resultDiv">
                {if $reportRows}
                <table class="table table-bordered table-striped text-center" id="example">
                    <thead>
                        <tr>
                            <th colspan="2"></th>
                            <th colspan="2" style="text-align: center;">الرصيد السابق</th>
                            <th colspan="2" style="text-align: center;">حركة الحساب</th>
                            <th colspan="2" style="text-align: center;">الرصيد الحالي</th>
                        </tr>
                        <tr>
                            <th style="text-align: center;">الكود</th>
                            <th style="text-align: center;">اسم المورد</th>
                            <th style="text-align: center;">مدين</th>
                            <th style="text-align: center;">دائن</th>
                            <th style="text-align: center;">مدين</th>
                            <th style="text-align: center;">دائن</th>
                            <th style="text-align: center;">مدين</th>
                            <th style="text-align: center;">دائن</th>
                        </tr>
                    </thead>
                    <tbody>
                        {foreach from=$reportRows item=row}
                        <tr>
                            <td>{$row.supplierid}</td>
                            <td class="text-right">{$row.suppliername}</td>
                            <td class="debit">{if $row.prevDebit > 0}{$row.prevDebit|number_format:2}{else}-{/if}</td>
                            <td class="credit">{if $row.prevCredit > 0}{$row.prevCredit|number_format:2}{else}-{/if}
                            </td>
                            <td class="debit">{if $row.totalDebit > 0}{$row.totalDebit|number_format:2}{else}-{/if}</td>
                            <td class="credit">{if $row.totalCredit > 0}{$row.totalCredit|number_format:2}{else}-{/if}
                            </td>
                            <td class="debit">{if $row.curDebit > 0}{$row.curDebit|number_format:2}{else}-{/if}</td>
                            <td class="credit">{if $row.curCredit > 0}{$row.curCredit|number_format:2}{else}-{/if}</td>
                        </tr>
                        {/foreach}
                    </tbody>
                    <tfoot>
                        <tr>
                            <td title="عدد الحركات">عدد الحسابات</td>
                            <td title="عدد حسابات الموردين">{$grandTotals.suppliersCount}</td>
                            <td class="debit">{$grandTotals.prevDebit|number_format:2}</td>
                            <td class="credit">{$grandTotals.prevCredit|number_format:2}</td>
                            <td class="debit">{$grandTotals.debit|number_format:2}</td>
                            <td class="credit">{$grandTotals.credit|number_format:2}</td>
                            <td class="debit">{$grandTotals.curDebit|number_format:2}</td>
                            <td class="credit">{$grandTotals.curCredit|number_format:2}</td>
                        </tr>
                    </tfoot>
                </table>
                {elseif $message && $smarty.post.date_from}
                <p class="no-data">لا توجد بيانات لعرضها في الفترة المحددة</p>
                {/if}
            </div>
            <div class="clearfix"></div>
            <hr />
            <div class=" hidden-print">
                <div class="col-lg-12">
                    <div class="form-group">
                        <div class="col-lg-4">
                            <button type="button" onclick="print_Custom('mycustomheader');"
                                class="btn btn-success pull-right">طباعة</button>
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>