{literal}
<style>
@media print {
    /* 1) إخفاء الهيدر الداخلي المكرر تماماً والمسؤول عن الصف الفاضي */
    div.dataTables_scrollBody table thead {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
    }
    
    /* 2) تثبيت وإظهار الهيدر الرئيسي الأصلي للجدول بالكامل */
    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="productStoresSalesReport.php">  مبيعات المنتجات بالمخازن</a></li>
            <li class="active">عرض</li>
        </ol>
        <div class="panel panel-default panel-m">

            <div class="panel-heading">{$message}</div>

            <form class="form-inline hidden-print" method="post" action="productStoresSalesReport.php?do=show">
                    <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" placeholder="من تاريخ" value="{$dateFrom}">
                    </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" placeholder="إلى تاريخ" value="{$dateTo}">
                    </div>
                    <div class="form-group">
                        <label class="sr-only">التصنيف</label>
                        <select class="form-control" name="cat_id">
                            <option value="">كل التصنيفات</option>
                            {foreach from=$allCategories item=c}
                                <option value="{$c.productCatId}" {if $selectedCatId eq $c.productCatId}selected{/if}>{$c.productCatName}</option>
                            {/foreach}
                        </select>
                    </div>
                    
                    <div class="form-group">
                        <label class="sr-only">عرض المخزن الرئيسي</label>
                        <input type="checkbox" name="showMAinStore" value="1" checked/>
                    </div>
                    <br />

                    <div class="form-group">
                        <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>
            <hr/>

            {if $warehouses}
            <div class="container">                
                <table class="table table-bordered table-striped text-center" id="example">
                    <thead>
                        <!-- 1) صف تصنيفات المنتجات -->
                        <tr>
                            <th></th>
                            {foreach from=$categories item=cat}
                                {if $cat.products|@count > 0}
                                    <th class="table-primary" style="text-align: center;" colspan="{$cat.products|@count}">{$cat.productCatName}</th>
                                {/if}
                            {/foreach}
                        </tr>
                        <!-- 2) صف أسماء المنتجات -->
                        <tr>
                            <th style="text-align: center;">المخازن</th>
                            {foreach from=$categories item=cat}
                                {foreach from=$cat.products item=prod}
                                    <th class="table-info" style="text-align: center;" data-cat-id="{$cat.productCatId}">{$prod.productName}</th>
                                {/foreach}
                            {/foreach}
                        </tr>
                        <!-- 3) صف رصيد أول المدة (قبل المخازن) -->
                        <tr class="table-warning" style="font-weight: bold;">
                            <th style="text-align: center;">رصيد أول المدة</th>
                            {foreach from=$categories item=cat}
                                {foreach from=$cat.products item=prod}
                                    {$pid = $prod.productId}
                                    <th>{($productStart[$pid])|default:0|number_format:3}</th>
                                {/foreach}
                            {/foreach}
                        </tr>
                        <tr class="table-warning" style="font-weight: bold;">
                            <th style="text-align: center;">قيمة رصيد أول المدة</th>
                            {foreach from=$categories item=cat}
                                {foreach from=$cat.products item=prod}
                                    {$pid = $prod.productId}
                                    <th>{($productStartValue[$pid])|default:0|number_format:2}</th>
                                {/foreach}
                            {/foreach}
                        </tr>
                    </thead>
                    <tbody>
                        <!-- 4) عرض كميات المبيعات لكل مخزن قصاد اسم المخزن -->
                        {foreach from=$warehouses item=w}
                            <tr>
                                <td class="font-weight-bold">{$w.storeName}</td>
                                {foreach from=$categories item=cat}
                                    {foreach from=$cat.products item=prod}
                                        {$sid = $w.storeId}
                                        {$pid = $prod.productId}
                                        <td>{($soldPerStoreProduct[$sid][$pid])|default:0|number_format:3}</td>
                                    {/foreach}
                                {/foreach}
                            </tr>
                        {/foreach}

                        <!-- 5) صف إجمالي الكمية المباعة لكل المخازن -->
                        <tr class="table-secondary" style="font-weight: bold; color: black;">
                            <td class="font-weight-bold">إجمالي المبيعات</td>
                            {foreach from=$categories item=cat}
                                {foreach from=$cat.products item=prod}
                                    {$pid = $prod.productId}
                                    <td>{($productSoldTotal[$pid])|default:0|number_format:3}</td>
                                {/foreach}
                            {/foreach}
                        </tr>

                        <!-- 5.1) صف قيمة إجمالي المبيعات -->
                        <tr class="table-secondary" style="font-weight: bold; color: black;">
                            <td class="font-weight-bold">قيمة إجمالي المبيعات</td>
                            {foreach from=$categories item=cat}
                                {foreach from=$cat.products item=prod}
                                    {$pid = $prod.productId}
                                    <td>{($productSoldValue[$pid])|default:0|number_format:2}</td>
                                {/foreach}
                            {/foreach}
                        </tr>

                        <!-- 6) صف سعر المنتج (بعد الإجمالي) -->
                        <tr class="table-info" style="font-weight: bold;">
                            <td class="font-weight-bold">السعر</td>
                            {foreach from=$categories item=cat}
                                {foreach from=$cat.products item=prod}
                                    {$pid = $prod.productId}
                                    <td>{($productPrice[$pid])|default:0|number_format:2}</td>
                                {/foreach}
                            {/foreach}
                        </tr>

                        <!-- 7) صف الرصيد المتبقي -->
                        <tr class="table-info" style="font-weight: bold;">
                            <td class="font-weight-bold">الرصيد المتبقي</td>
                            {foreach from=$categories item=cat}
                                {foreach from=$cat.products item=prod}
                                    {$pid = $prod.productId}
                                    <td>{($productRemaining[$pid])|default:0|number_format:3}</td>
                                {/foreach}
                            {/foreach}
                        </tr>

                        <!-- 8) صف إجمالي سعر الرصيد المتبقي -->
                        <tr class="table-success" style="font-weight: bold;">
                            <td class="font-weight-bold">إجمالي السعر</td>
                            {foreach from=$categories item=cat}
                                {foreach from=$cat.products item=prod}
                                    {$pid = $prod.productId}
                                    <td>{($productRemainingValue[$pid])|default:0|number_format:2}</td>
                                {/foreach}
                            {/foreach}
                        </tr>
                    </tbody>
                </table>

            </div>
            {/if}


            <div class="clearfix"></div>
            <!-- <input type="button" class="btn btn-primary hidden-print" value="طباعة" onclick="print_Custom('mycustomheader')" /> -->
        </div>

    </div>

</div>

{literal}
<script type="text/javascript">
    $(document).ready(function () {
$('#example').DataTable({
    dom: 'Bfrtip',
    "bPaginate": false,
    "aaSorting": [],
    buttons: [
        {
            extend: 'print',
            text: 'طباعة التقرير ',
            orientation: 'landscape',
            pageSize: 'A4',
            customize: function (win) {
                try {
                    // 1) ضبط اتجاه الصفحة بالكامل (RTL)
                    var $body = $(win.document.body);
                    $body.css({
                        'direction': 'rtl',
                        'text-align': 'right'
                    }).attr('dir', 'rtl');

                    // 2) جلب رأس الجدول الحقيقي والظاهر من الصفحة
                    var $headerRows;
                    if ($('.dataTables_scrollHeader table').length) {
                        $headerRows = $('.dataTables_scrollHeader table thead tr');
                    } else {
                        $headerRows = $('#example thead tr');
                    }

                    if ($headerRows.length < 3) {
                        console.error("لم يتم العثور على الصفوف المطلوبة في هيدر الصفحة.");
                        return;
                    }

                    // --- تحديد الصفوف بدقة بالبحث عن النصوص الفردية ---
                    var $catRow = $headerRows.eq(0);      // الصف الأول: التصنيفات
                    var $prodRow = $headerRows.eq(1);     // الصف الثاني: أسماء المنتجات (المخازن)
                    var $startBalRow = $headerRows.eq(2);     // الصف الثالث: أسماء المنتجات (المخازن)


                    var prodsPerTable = 15; // تقسيم كل 15 منتج في صفحة واحدة

                    // --- [خارطة الطريق] استخلاص أسماء التصنيفات لكل عمود لتفادي ظهور كلمة "عام" ---
                    var categoryMap = [];
                    var $catCells = $catRow.find('th');
                    
                    $catCells.each(function(index) {
                        if (index === 0) return; // تخطي العمود الأول لعنوان الصف
                        var $this = $(this);
                        var catName = $this.text().trim();
                        var colspan = parseInt($this.attr('colspan') || 1, 10);
                        
                        for (var c = 0; c < colspan; c++) {
                            categoryMap.push(catName);
                        }
                    });

                    // جلب خلايا أسماء المنتجات (تخطي أول عمود الذي يحتوي على كلمة "المخازن")
                    var $prodCells = $prodRow.find('th');
                    var $filteredProdCells = [];
                    $prodCells.each(function(index) {
                        if (index > 0) {
                            $filteredProdCells.push($(this));
                        }
                    });
                    
                    var totalProdCols = $filteredProdCells.length;
                    if (totalProdCols === 0) return;

                    
                    // جلب خلايا رصيد أول المدة الفعلي (مع استبعاد العمود الأول للعنوان "رصيد أول المدة")
                    var $startBalCells = $startBalRow.find('th');
                    var $filteredStartBalCells = [];
                    $startBalCells.each(function(index) {
                        if (index > 0) {
                            $filteredStartBalCells.push($(this));
                        }
                    });


                    var totalChunks = Math.ceil(totalProdCols / prodsPerTable);
                    var $dividedContainers = $('<div class="printed-chunks-container" style="direction: rtl !important; text-align: right !important; width: 100%;"></div>');

                    for (var chunk = 0; chunk < totalChunks; chunk++) {
                        var startIdx = chunk * prodsPerTable;
                        var endIdx = Math.min(startIdx + prodsPerTable - 1, totalProdCols - 1);

                        var $newTable = $('<table class="table table-bordered text-center compact" style="width:100%; direction:rtl !important; margin-bottom: 30px; font-size:11px; border-collapse: collapse !important;"></table>');
                        var $thead = $('<thead style="direction:rtl !important;"></thead>');
                        var $tbody = $('<tbody style="direction:rtl !important;"></tbody>');

                        // أ) بناء صف التصنيفات
                        var $trCat = $('<tr></tr>');
                        $trCat.append($('<th class="custom-header-main" style="border: 1px solid #000 !important; font-weight: bold;">التصنيف</th>')); 

                        var i = startIdx;
                        while (i <= endIdx) {
                            var currentCatName = categoryMap[i] || 'عام';
                            var runLength = 1;
                            var j = i + 1;
                            
                            while (j <= endIdx && categoryMap[j] === currentCatName) {
                                runLength++;
                                j++;
                            }

                            var $catTh = $('<th class="custom-header-main" style="text-align:center; border: 1px solid #000 !important; font-weight: bold;"></th>');
                            $catTh.attr('colspan', runLength);
                            $catTh.text(currentCatName);
                            $trCat.append($catTh);
                            i = j;
                        }
                        $thead.append($trCat);

                        // ب) بناء صف أسماء المنتجات بجانب كلمة "المخازن" (الصف الثاني)
                        var $trProd = $('<tr></tr>');
                        $trProd.append($('<th class="custom-header-sub" style="border: 1px solid #000 !important; font-weight: bold;">المخازن</th>'));
                        for (var c = startIdx; c <= endIdx; c++) {
                            var $clonedProd = $filteredProdCells[c].clone();
                            $clonedProd.find('span, i').remove(); // إزالة أسهم الترتيب
                            var prodName = $clonedProd.text().trim();
                            
                            $trProd.append($('<th class="custom-header-sub" style="border: 1px solid #000 !important; font-weight: bold;"></th>').text(prodName));
                        }
                        $thead.append($trProd);

                        // ج) بناء صف رصيد أول المدة (المصحح)
                        if ($startBalRow.length) {
                            var $trStartBal = $('<tr></tr>');
                            // $trStartBal.addClass('custom-start-bal').attr('style', 'font-weight:bold;');
                            // $trStartBal.append($('<th style="border: 1px solid #000 !important; font-weight: bold;">رصيد أول المدة</th>'));
                            $trStartBal.append($('<th class="custom-header-sub" style="border: 1px solid #000 !important; font-weight: bold;">رصيد أول المدة</th>'));

                            for (var c = startIdx; c <= endIdx; c++) {
                                var $cellToClone = $filteredStartBalCells[c];
                                if ($cellToClone && $cellToClone.length) {
                                    var $balCell = $cellToClone.clone();
                                    $balCell.find('span, i').remove(); 
                                    var balNo = $balCell.text().trim();
                                    // $trStartBal.append($balCell.css('border', '1px solid #000 !important'));
                                    $trStartBal.append($('<th class="custom-header-sub" style="border: 1px solid #000 !important; font-weight: bold;"></th>').text(balNo));
                                } else {
                                    $trStartBal.append($('<td style="border: 1px solid #000 !important; font-weight: bold;">0.000</td>'));
                                }
                            }
                            $thead.append($trStartBal);
                        }

                        // د) نسخ صفوف البيانات المتبقية من جسم الجدول
                        var $realTbodyTable = $('#example');
                        if ($('.dataTables_scrollBody table').length) {
                            $realTbodyTable = $('.dataTables_scrollBody table');
                        }

                        $realTbodyTable.find('tbody tr').each(function () {
                            var $origTr = $(this);
                            
                            // تخطي صف رصيد أول المدة إذا كان موجوداً داخل الـ tbody لتجنب تكراره مرتين
                            if ($origTr.find('td, th').first().text().indexOf('رصيد أول المدة') !== -1) {
                                return; 
                            }

                            var $tr = $('<tr></tr>');
                            
                            if ($origTr.hasClass('table-secondary')) {
                                $tr.addClass('table-secondary').attr('style', 'font-weight:bold; background-color:#d1e7dd !important;');
                            } else if ($origTr.hasClass('table-info')) {
                                $tr.addClass('table-info').attr('style', 'font-weight:bold; background-color:#d1e7dd !important;');
                            } else if ($origTr.hasClass('table-success')) {
                                $tr.addClass('table-success').attr('style', 'font-weight:bold; background-color:#d1e7dd !important;');
                            } else if ($origTr.hasClass('table-warning')) {
                                $tr.addClass('table-warning').attr('style', 'font-weight:bold; background-color:#d1e7dd !important;');
                            } else {
                                $tr.attr('style', $origTr.attr('style'));
                            }

                            // العمود الأول (اسم المخزن أو عنوان العملية)
                            $tr.append($origTr.find('td').eq(0).clone().css('border', '1px solid #000 !important')); 

                            // نسخ خلايا البيانات المقابلة للمنتجات
                            var $dataCells = $origTr.find('td').not(':first');
                            for (var c = startIdx; c <= endIdx; c++) {
                                if ($dataCells.eq(c).length) {
                                    $tr.append($dataCells.eq(c).clone().css('border', '1px solid #000 !important'));
                                } else {
                                    $tr.append($('<td style="border: 1px solid #000 !important;">0.000</td>'));
                                }
                            }
                            $tbody.append($tr);
                        });

                        $newTable.append($thead).append($tbody);

                        var partNum = chunk + 1;
                        $dividedContainers.append('<h4 style="direction:rtl !important; text-align:right !important; margin-top:20px; font-family:sans-serif;">تقرير مبيعات المنتجات بالمخازن - الجزء (' + partNum + ' من ' + totalChunks + ')</h4>');
                        $dividedContainers.append($newTable);

                        if (chunk < totalChunks - 1) {
                            $dividedContainers.append('<div style="page-break-after: always;"></div>');
                        }
                    }

                    // استبدال محتوى نافذة الطباعة الافتراضية بالجداول المخصصة المقسمة
                    var $winTable = $body.find('table').first();
                    if ($winTable.length) {
                        $winTable.replaceWith($dividedContainers);
                    } else {
                        $body.empty().append($dividedContainers);
                    }

                    // تنظيف أي بقايا لهياكل وجداول التمرير الجانبية لمنع التكرار
                    $body.find('.dataTables_scrollHeader, .dataTables_scrollHead, .dataTables_scrollBody, .dataTables_scrollFoot').remove();

                } catch (e) {
                    console.error("حدث خطأ أثناء إعداد الطباعة: ", e);
                }

                // تنسيقات الـ CSS وتثبيت الألوان الهادئة
                var css = '@page { size: landscape; margin: 10mm; } ' +
                        'html, body { direction: rtl !important; text-align: right !important; margin: 0; padding: 0; background: #fff !important; font-family: sans-serif; }' +
                        '.printed-chunks-container { direction: rtl !important; text-align: right !important; width:100% !important; }' +
                        'table { direction: rtl !important; border-collapse: collapse !important; width:100% !important; }' +
                        'th, td { padding: 6px !important; border: 1px solid #000 !important; text-align: center !important; direction: rtl !important; }' +
                        // أزرق كحلي داكن لصف التصنيفات
                        '.custom-header-main {-webkit-print-color-adjust: exact; print-color-adjust: exact; }' +
                        // أزرق متوسط لصف أسماء المنتجات والمخازن
                        '.custom-header-sub {-webkit-print-color-adjust: exact; print-color-adjust: exact; }' +
                        // رمادي فاتح جداً هادئ لرصيد أول المدة
                        '.custom-start-bal {-webkit-print-color-adjust: exact; print-color-adjust: exact; }' +
                        '.table-secondary {-webkit-print-color-adjust: exact; print-color-adjust: exact; }' +
                        '.table-info {-webkit-print-color-adjust: exact; print-color-adjust: exact; }' +
                        '.table-warning {-webkit-print-color-adjust: exact; print-color-adjust: exact; }' +
                        '.table-success {-webkit-print-color-adjust: exact; print-color-adjust: exact; }';

                var head = win.document.head || win.document.getElementsByTagName('head');
                var style = win.document.createElement('style');
                style.type = 'text/css';
                if (style.styleSheet) { style.styleSheet.cssText = css; } else { style.appendChild(win.document.createTextNode(css)); }
                head.appendChild(style);
            }
        }
    ],
    scrollX: true
});
    });


</script>
{/literal}