<style>
    .myresult {
        -webkit-print-color-adjust: exact;
    }

    @media print {

        /* p,h4,h3,h2,h1,span,label,td,th,div.dataTables_info,a,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
        div.dataTables_wrapper div.dataTables_info,.panel-heading, tr.odd td.sorting_1,
        .table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td{
            color:#000!important
        } */
        .table thead>tr>th,
        .table tbody>tr>th,
        .table tfoot>tr>th,
        .table thead>tr>td,
        .table tbody>tr>td,
        .table tfoot>tr>td {
            text-align: center
        }
    }
</style>

<div class="row">
    <div class="container">
        <ol class="breadcrumb">
            <li><a href="#">التقارير</a></li>
            <li class="active">تقرير التصنيفات الرئيسية</li>
        </ol>
        <div class="panel panel-default panel-m">
            <!-- Default panel contents -->
            <div class="panel-heading">تقرير التصنيفات الرئيسية
                <a href="{$youtubes[149]->url}" target="_blank" class="hidden-print"><img
                        src="../views/default/assets/img/youtube.png" class="pull-left" alt="Youtube"
                        style="width: 2%;"></a>
            </div>
            <div class="panel-body">
                <form class="form-inline hidden-print" action="productsellsreportController.php?do=showmain"
                    method="post">
                    <!--                    <div class="form-group">
                        <label class="sr-only">تصنيفات المنتج</label>
                        <select class="select2 wdt100"  name="productCatId" id="productCatId" >
                            <option value="-1">اختر تصنيف</option>


                            {foreach $productCatData as $productCat}



                            <option value="{$productCat->productCatId}">{$productCat->productCatName} </option>


                            {/foreach}


                        </select>
                    </div>-->

                    <div class="form-group">
                        <label class="sr-only">تصنيف المنتج</label>
                        <select class="select2 wdt300 productCat" data-level="0" name="productCatId" id="productCatId0">
                            <option value="-1">اختر تصنيف</option>
                            {foreach $catDataReport as $data}
                            <option value="{$data->productCatId}">{$data->productCatName}</option>
                            {/foreach}
                        </select>
                        <input type="hidden" id="level" name="level" value="0">
                    </div>
                    <div class="form-group">
                        <div id="manyParents">

                        </div>
                    </div>
                    <div class="row"></div>
                    <br />
                    <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="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="to">
                    </div>
                    <button type="submit" class="btn btn-primary">بحث</button>
                </form>
            </div>

            <div class="panel panel-default panel-m">
                <!-- Default panel contents -->
                <div class="panel-heading">{$message}</div>
                <div class="panel-body">

                    <div class="clearfix"></div>
                    <!-- <hr /> -->
                    <div class=" col-lg-4 hidden-print">
                        <div class="well well-sm">
                            <h4 class="text-center">اجمالى القطع المباعه: {$totalRemainQuantitytmain}</h4>
                        </div>


                    </div>



                    <div class=" col-lg-4 hidden-print">
                        <div class="well well-sm">
                            <h4 class="text-center">اجمالى المبيعات: {$totaltotalsellmain}</h4>
                        </div>


                    </div>



                    <div class=" col-lg-4 hidden-print">
                        <div class="well well-sm">
                            <h4 class="text-center">اجمالى الربح: {$totalproductproftmain}</h4>
                        </div>


                    </div>


                    <hr />
                    <table class="table table-black dataTableClass22">
                        <thead>
                            <tr>
                                <th>الرقم</th>
                                <th>اسم التصنيف الفرعي</th>
                                <th>المبيعات</th>
                                <th>مردودات المبيعات</th>
                                <th>صافى الكميه المباعه</th>
                                <th> مبلغ المبيعات </th>
                                {if $usergroupdata->netprofit != 1}<th>صافى الربح</th>{/if}

                            </tr>
                        </thead>
                        <tbody>

                            {assign var=i value=1}
                            {foreach $allsubcat as $myallsubcat}


                            <tr>
                                <td>{$i}</td>
                                <td>
                                    {$myallsubcat->productCatName}
                                </td>
                                <td>{$totaltotalSellsQuantity{$i}}</td>
                                <!--td>{$totalReturnSellsQuantity{$i}}</td-->
                                <td>{$totaltotalReturnSellsQuantity{$i}}</td>
                                <td>{$totalRemainQuantity{$i}}</td>

                                <td>{$totaltotalsell{$i}}</td>
                                {if $usergroupdata->netprofit neq 1}<td> {$totalproductproft{$i}}</td>{/if}



                            </tr>
                            {capture assign=i}{$i+1}{/capture}
                            {/foreach}

                        </tbody>

                    </table>



                    <div class="clearfix"></div>
                    <hr />
                    <div class=" col-lg-4 ">
                        <div class="well well-sm">
                            <h4 class="text-center">اجمالى القطع المباعه: {$totalRemainQuantitytmain}</h4>
                        </div>


                    </div>



                    <div class=" col-lg-4 ">
                        <div class="well well-sm">
                            <h4 class="text-center">اجمالى المبيعات: {$totaltotalsellmain}</h4>
                        </div>


                    </div>


                    {if $usergroupdata->netprofit neq 1}
                    <div class=" col-lg-4 ">
                        <div class="well well-sm">
                            <h4 class="text-center">اجمالى الربح: {$totalproductproftmain}</h4>
                        </div>


                    </div>
                    {/if}


                    {if {count($allsubcat)} > 0}
                    <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 hidden-print">طباعة</button>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    {/if}
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>

        {literal}
        <script>
            $('.productCat').live('change', function () {
                var id = $(this).val();
                var level = Number($(this).attr('data-level'));
                level = level + 1;
                $('#level').val(level);
                $.post('salesreportajax.php?do=getparentsubcat', { id: id, level: level }, function (data) {
                    $('.productCat').each(function () {
                        var thisLevel = Number($(this).attr('data-level'));
                        if (thisLevel >= level) {
                            $(this).parent('div').remove();
                        }
                    });
                    if (data != "-1") {
                        $('#manyParents').append(data);
                    }
                    else {
                        $('#level').val((level - 1));
                    }
                });

            });
            $('.dataTableClass22').dataTable({
                "order"
                    : [
                        [4, "desc"]       // order by drug cat
                    ]
            });
        </script>
        {/literal}