{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="hallPayedReport.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="hallPayedReport.php" method="post">
                    <div class="form-group">
                        <label class="sr-only">الشهر</label>
                        <input type="text" class="form-control awdatepicker" autocomplete="off"
                            data-date-format="yyyy-mm" name="search_month" id="datepicker_from">
                    </div>

                    <button type="submit" class="btn btn-primary">بحث</button>
                </form>
            </div>
            <hr />
            {if $days}
            <div class="table-scroll">
                <table class="table table-bordered table-striped text-center" id="example">
                    <thead>
                        <tr>
                            <th>اليوم</th>
                            {foreach from=$clients item=cl}
                                <th>{$cl.clientname}</th>
                            {/foreach}
                            <th>الإجمالي</th>
                        </tr>
                    </thead>
                    <tbody>
                        {foreach from=$days item=day}
                        <tr>
                            <td class="day-cell">{$day}</td>
                            {foreach from=$clients item=cl}
                                <td class="amount-cell">
                                    {if $dataMap[$day][$cl.clientid] > 0}
                                        {$dataMap[$day][$cl.clientid]|number_format:2}
                                    {else}
                                        -
                                    {/if}
                                </td>
                            {/foreach}
                            <td class="amount-cell total-cell">
                                {if $dayTotals[$day] > 0}
                                    {$dayTotals[$day]|number_format:2}
                                {else}
                                    -
                                {/if}
                            </td>
                        </tr>
                        {/foreach}
                    </tbody>
                    <tfoot>
                        <tr>
                            <td>الإجمالي</td>
                            {foreach from=$clients item=cl}
                                <td class="amount-cell">{$clientTotals[$cl.clientid]|number_format:2}</td>
                            {/foreach}
                            <td class="amount-cell">{$grandTotal|number_format:2}</td>
                        </tr>
                    </tfoot>
                </table>
            </div>
            {elseif $message && $smarty.post.search_month}
                <p class="no-data">لا توجد تحصيلات مسجلة خلال هذا الشهر</p>
            {/if}
            <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>


{literal}
<script type="text/javascript">
    $(document).ready(function () {
        $('#example').DataTable({
            scrollX: true
        });
    });
</script>
{/literal}