{literal}
<style>
.table-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.table-scroll table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
}

@media print {   
    div.dataTables_scrollHead {
        overflow: visible !important;
    } 
    div.dataTables_scrollHead table thead {
        display: table-header-group !important;
        visibility: visible !important;
    }
    .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="storeReturnReport.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="storeReturnReport.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="month" id="datepicker_from">
                    </div>
                    <div class="form-group">
                        <label class="sr-only">نوع العرض</label>
                        <div class="radio-inline">
                            <label>
                                <input value="price" class="radioR showTypeCls" name="showType" type="radio" checked="checked">
                                قيمة </label>
                        </div>
                        <div class="radio-inline">
                            <label>
                                <input value="quantity" class="radioR showTypeCls" name="showType" type="radio">
                                كمية </label>
                        </div>
                    </div>

                    <div class="form-group" id="priceTypeDiv">
                        <label class="sr-only">نوع السعر </label>
                        <div class="radio-inline">
                            <label>
                                <input value="sell" class="radioR" name="priceType" type="radio" checked="checked">
                                سعر البيع </label>
                        </div>
                        <div class="radio-inline">
                            <label>
                                <input value="cost" class="radioR" name="priceType" type="radio">
                                سعر التكلفة </label>
                        </div>
                    </div>

                    <button type="submit" class="btn btn-primary">بحث</button>
                </form>
            </div>
            <hr />
            {if $allData}
            <div class="table-scroll">
                <table class="table table-bordered table-striped text-center" id="example">
                    <thead>
                        <tr>
                            <th>التاريخ</th>
                            {foreach from=$storesList item=store}
                                <th>{$store.storeName}</th>
                            {/foreach}
                            <th>إجمالي اليوم</th>
                        </tr>
                    </thead>
                    <tbody>
                        {foreach from=$allData key=date item=row}
                            <tr>
                                <td>{$date}</td>
                                {foreach from=$storesList item=store}
                                    <td>
                                        {if isset($row[$store.storeId]) && $row[$store.storeId] > 0}
                                            {$row[$store.storeId]|number_format:2}
                                        {else}
                                            -
                                        {/if}
                                    </td>
                                {/foreach}
                                <td class="fw-bold">
                                    {if $row.dayTotal > 0}
                                        {$row.dayTotal|number_format:2}
                                    {else}
                                        -
                                    {/if}
                                </td>
                            </tr>
                        {/foreach}
                    </tbody>
                    <tfoot>
                        <tr class="table-secondary fw-bold">
                            <td>الإجمالي</td>
                            {foreach from=$storesList item=store}
                                <td>{$totalPerStore[$store.storeId]|number_format:2}</td>
                            {/foreach}
                            <td>{$grandTotal|number_format:2}</td>
                        </tr>
                    </tfoot>
                </table>
            </div>
            {/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 () {
        $('body').on('change','.showTypeCls',function(){
            if($(this).val() == 'quantity'){
                $('#priceTypeDiv').css('display','none');
            }else{
                $('#priceTypeDiv').css('display','inline');
            }
        });
    });
</script>
{/literal}