{if $allowedit == 0}




{assign var="totalQuantity" value="0"}
{assign var="totalCost" value="0"}
{assign var="totalQuantityUnit" value="0"}
{assign var="totalActualQuantityUnit" value="0"}
{assign var="totalCostUnit" value="0"}
{assign var="totalActualCostUnit" value="0"}


{foreach $allRawProducts as $pro}

<tr>
    <td>
        <input type="hidden" readonly id="pro{$pro@iteration}" name="pro{$pro@iteration}" value="{if $pro->productid}{$pro->productid}{else}{$pro->productId}{/if}"/>
        {$pro->productName}
    </td>
    <td>
        <input type="hidden" readonly id="unit{$pro@iteration}" name="unit{$pro@iteration}" value="{if $pro->unitid}{$pro->unitid}{else}{$pro->unitId}{/if}"/>
        {$pro->unitName}
    </td>
    <td>
        {$pro->currentQuantity}
    </td>
    <td class="quantityStyle">
        <span id="quantity{$pro@iteration}">{$pro->quantity}</span>
        <input type="hidden" class="quantity" name="quantity{$pro@iteration}" id="quantityVal{$pro@iteration}" data-val="{$pro->quantity/$proNumber}" value="{$pro->quantity}"/>
    </td>
    <td>
        <span id="actualSpan{$pro@iteration}">{$pro->quantity}</span>
        <input type="hidden" step="any" class="actual" id="actual{$pro@iteration}" name="actual{$pro@iteration}" data-val="{$pro->quantity}" value="{$pro->quantity}"/>
    </td>
    {if $showPriceCol == 1}
    <td>
        <span id="unitPrice{$pro@iteration}">{$pro->productBuyPrice}</span>
    </td>
      {else}
     <td style="display: none;">
    <span  id="unitPrice{$pro@iteration}">{$pro->productBuyPrice}</span>
    </td>
    {/if}
    <td class="costStyle">
        <span id="costSpan{$pro@iteration}">{($pro->productBuyPrice*$pro->quantity)|round:3}</span>
        <input type="hidden" class="cost" id="cost{$pro@iteration}" name="cost{$pro@iteration}" data-val="{$pro->productBuyPrice}" value="{($pro->productBuyPrice * $pro->quantity)|round:3}"/>
    </td>
    <td>
        <span id="actualCostSpan{$pro@iteration}">{($pro->productBuyPrice*$pro->quantity)|round:3}</span>
        <input type="hidden" class="actualCost" id="actualCost{$pro@iteration}" name="actualCost{$pro@iteration}" value="{($pro->productBuyPrice * $pro->quantity)|round:3}"/>
    </td>

    <td class="quantityStyle">
        <span id="quantityUnit{$pro@iteration}">{$pro->quantity/$proNumber}</span>
        <input type="hidden" class="quantityUnit" name="quantityUnit{$pro@iteration}" id="quantityUnitVal{$pro@iteration}" data-val="{$pro->quantity/$proNumber}" value="{$pro->quantity/$proNumber}"/>
    </td>
    <td>
        <span id="actualUnit{$pro@iteration}">{$pro->quantity/$proNumber}</span>
        <input type="hidden" class="actualUnit" id="actualUnitVal{$pro@iteration}" name="actualUnitVal{$pro@iteration}" data-val="{$pro->quantity/$proNumber}" value="{$pro->quantity/$proNumber}"/>
    </td>
    <td class="costStyle">
        <span id="costSpanUnit{$pro@iteration}">{($pro->productBuyPrice*$pro->quantity/$proNumber)|round:3}</span>
        <input type="hidden" class="costUnit" id="costUnit{$pro@iteration}" name="costUnit{$pro@iteration}" value="{($pro->productBuyPrice * $pro->quantity/$proNumber)|round:3}"/>
    </td>
    <td>
        <span id="actualCostSpanUnit{$pro@iteration}">{($pro->productBuyPrice*$pro->quantity/$proNumber)|round:3}</span>
        <input type="hidden" class="actualCostUnit" id="actualCostUnit{$pro@iteration}" name="actualCostUnit{$pro@iteration}" value="{($pro->productBuyPrice * $pro->quantity/$proNumber)|round:3}"/>
    </td>
    
    {if $allowAddDel == 1}
    <td>
        <button id="remove{$pro@iteration}" type="button" class="close flt-none removeicon rawProduct" aria-hidden="true" data-itr="{$pro@iteration}">×</button>
    </td>
    {/if}
</tr>
{assign var="totalQuantity" value=$totalQuantity+$pro->quantity}
{assign var="totalCost" value=$totalCost+($pro->productBuyPrice * $pro->quantity)}

{assign var="totalQuantityUnit" value=$totalQuantityUnit+($pro->quantity/$proNumber)}
{assign var="totalActualQuantityUnit" value=$totalActualQuantityUnit+($pro->quantity/$proNumber)}
{assign var="totalCostUnit" value=$totalCostUnit+($pro->productBuyPrice * $pro->quantity/$proNumber)}
{assign var="totalActualCostUnit" value=$totalActualCostUnit+($pro->productBuyPrice * $pro->quantity/$proNumber)}

{/foreach}






{else}



{assign var="totalQuantity" value="0"}
{assign var="totalCost" value="0"}
{assign var="totalQuantityUnit" value="0"}
{assign var="totalActualQuantityUnit" value="0"}
{assign var="totalCostUnit" value="0"}
{assign var="totalActualCostUnit" value="0"}

{foreach $allRawProducts as $pro}

<tr>
    <td>
        <input type="hidden" name="pro{$pro@iteration}" id="pro{$pro@iteration}"/>
        <input type="hidden" id="oldproId{$pro@iteration}" value="{if $pro->productid}{$pro->productid}{else}{$pro->productId}{/if}"/>
        <input type="hidden" id="oldproName{$pro@iteration}" value="{$pro->productName}"/>
    </td>
    <td>
        <div id="unitDiv{$pro@iteration}">
            <input type="hidden" readonly name="unit{$pro@iteration}" id="unit{$pro@iteration}"/>
        </div>

        <input type="hidden" id="oldunitId{$pro@iteration}" value="{if $pro->unitid}{$pro->unitid}{else}{$pro->unitId}{/if}"/>
        <input type="hidden" id="oldunitName{$pro@iteration}" value="{$pro->unitName}"/>
    </td>
    <td>
        {$pro->currentQuantity}
    </td>
    <td class="quantityStyle">
        <input type="number" step="any" class="quantity" name="quantity{$pro@iteration}" id="quantityVal{$pro@iteration}" data-val="{$pro->quantity/$proNumber}" value="{$pro->quantity}"/>
    </td>
    <td>
        <input type="number" step="any" class="form-control actual" id="actual{$pro@iteration}" name="actual{$pro@iteration}" data-val="{$pro->quantity}" value="{$pro->quantity}"/>
    </td>
    {if $showPriceCol == 1}
    <td>
        <span id="unitPrice{$pro@iteration}">{$pro->productBuyPrice}</span>
    </td>
     {else}
     <td style="display: none;">
    <span  id="unitPrice{$pro@iteration}">{$pro->productBuyPrice}</span>
    </td>
    {/if}
    <td class="costStyle">
        <input type="number" step="any" class="cost" id="cost{$pro@iteration}" name="cost{$pro@iteration}" data-val="{$pro->productBuyPrice}" value="{($pro->productBuyPrice * $pro->quantity)|round:3}"/>
    </td>
    <td>
        <input type="number" step="any" class="form-control actualCost" id="actualCost{$pro@iteration}" name="actualCost{$pro@iteration}" value="{($pro->productBuyPrice * $pro->quantity)|round:3}"/>
    </td>
    
    <td class="quantityStyle">
        <span id="quantityUnit{$pro@iteration}">{$pro->quantity/$proNumber}</span>
        <input type="hidden" class="quantityUnit" name="quantityUnit{$pro@iteration}" id="quantityUnitVal{$pro@iteration}" data-val="{$pro->quantity/$proNumber}" value="{$pro->quantity/$proNumber}"/>
    </td>
    <td>
        <span id="actualUnit{$pro@iteration}">{$pro->quantity/$proNumber}</span>
        <input type="hidden" class="actualUnit" id="actualUnitVal{$pro@iteration}" name="actualUnitVal{$pro@iteration}" data-val="{$pro->quantity/$proNumber}" value="{$pro->quantity/$proNumber}"/>
    </td>
    <td class="costStyle">
        <span id="costSpanUnit{$pro@iteration}">{($pro->productBuyPrice*$pro->quantity/$proNumber)|round:3}</span>
        <input type="hidden" class="costUnit" id="costUnit{$pro@iteration}" name="costUnit{$pro@iteration}" value="{($pro->productBuyPrice * $pro->quantity/$proNumber)|round:3}"/>
    </td>
    <td>
        <span id="actualCostSpanUnit{$pro@iteration}">{($pro->productBuyPrice*$pro->quantity/$proNumber)|round:3}</span>
        <input type="hidden" class="actualCostUnit" id="actualCostUnit{$pro@iteration}" name="actualCostUnit{$pro@iteration}" value="{($pro->productBuyPrice * $pro->quantity/$proNumber)|round:3}"/>
    </td>
    {if $allowAddDel == 1}
    <td>
        <button id="remove{$pro@iteration}" type="button" class="close flt-none removeicon rawProduct" aria-hidden="true" data-itr="{$pro@iteration}">×</button>
    </td>
    {/if}
</tr>
{assign var="totalQuantity" value=$totalQuantity+$pro->quantity}
{assign var="totalCost" value=$totalCost+($pro->productBuyPrice * $pro->quantity)}
{assign var="totalQuantityUnit" value=$totalQuantityUnit+($pro->quantity/$proNumber)}
{assign var="totalActualQuantityUnit" value=$totalActualQuantityUnit+($pro->quantity/$proNumber)}
{assign var="totalCostUnit" value=$totalCostUnit+($pro->productBuyPrice * $pro->quantity/$proNumber)}
{assign var="totalActualCostUnit" value=$totalActualCostUnit+($pro->productBuyPrice * $pro->quantity/$proNumber)}

{/foreach}







{/if}
<tr id="totalRowOut">
    <th colspan="3" style="color: #eeecda; background-color: #0081a8;"><span style="font: bold;">الإجمالي</span></th>
    <th class="quantityStyle"><span id="totalQuantitySpan">{$totalQuantity|round:3}</span></th>
    <th><span id="totalActualQuantity">{$totalQuantity|round:3}</span></th>
    {if $showPriceCol == 1}<th></th>{/if}
    <th id="totCost" class="costStyle">{$totalCost|round:3}</th>
    <th>
        <span id="actualTotalCost">{$totalCost|round:3}</span>
        <input type="hidden" id="actlTotalCost" name="actlTotalCost" value="{$totalCost}"/>
    </th>
    <th><span id="totalQuantityUnit">{$totalQuantityUnit|round:3}</span></th>
    <th><span id="totalActualQuantityUnit">{$totalActualQuantityUnit|round:3}</span></th>
    <th><span id="totalCostUnit">{$totalCostUnit|round:3}</span></th>
    <th><span id="totalActualCostUnit">{$totalActualCostUnit|round:3}</span></th>
    {if $allowAddDel == 1}<th></th>{/if}
</tr>
<input type="hidden" name="rowitr" id="rowitr" value="{count($allRawProducts)}"/>
<input type="hidden" name="proHasSizeColor" id="proHasSizeColor" value="{$proHasSizeColor}">
<input type="hidden" id="allowedit" value="{$allowedit}"/>




{literal}
<script>
    if ($('#allowedit').val() == 1) {
        var rowitr = $('#rowitr').val();
        for (var q = 1; q <= rowitr; q++)
        {
            initializeSelectt2Raw(q);
        }
        calcSumOfRawMaterials();

        function initializeSelectt2Raw(q) {



            $("#pro" + q).select2({
                placeholder: "إسم المنتج",
                minimumInputLength: document.getElementById("searchvalue").value,
                //minimumInputLength: 3,
                multiple: false,
                quietMillis: 100,
                ajax: {
                    url: "sellbillAjaxController.php?do=GetRawMaterials", //getFinalProducts
                    dataType: 'json',
                    data: function (term, page) {
                        return {
                            term: term, //search term
                            page_limit: 10 // page size
                        };
                    },
                    results: function (data) {
                        return {results: data};
                    }
                },
                formatResult: formatResult,
                initSelection: function (element, callback) {
                    var item = element.val().split(':');
                    var data = {id: item[0], text: item[1]};
                    callback(data);
                }
            });

            var theselectedvalue = $('#oldproId' + q).val();
            $("#pro" + q).select2("data", {id: $('#oldproId' + q).val(), text: $('#oldproName' + q).val()});
            $('#unitDiv' + q).load('damagedProductAjaxController.php?do=unitsWithItration&productid=' + theselectedvalue + '&itr=' + q + '', function () {
                //change comming name,id attributes
                $('#unitId' + q).attr('id', 'unit' + q);
                $('#unit' + q).attr('name', 'unit' + q);

                $('select').select2();
                $("#unit" + q).select2("data", {id: $('#oldunitId' + q).val(), text: $('#oldunitName' + q).val()});
            });


            ///////////  دى بسمعانا/////
            $("#pro" + q).change(function () {


                var currentId = $(this).attr('id');
                n = currentId.substr(7);
                var theselectedvalue = $(this).val();

                $('#cost' + q).val($("#pro" + q).select2('data').productBuyPrice).change();
                $('#actualCost' + q).val($('#cost' + q).val() * $('#actual' + q).val()).change();
                $('#unitDiv' + q).load('damagedProductAjaxController.php?do=unitsWithItration&productid=' + theselectedvalue + '&itr=' + q + '', function () {
                    //change comming name,id attributes
                    $('#unitId' + q).attr('id', 'unit' + q);
                    $('#unit' + q).attr('name', 'unit' + q);


                    $('select').select2();
                    $("#unit" + q).select2("data", {id: $('#oldunitId' + q).val(), text: $('#oldunitName' + q).val()});
                });

            });





        }

        var calcInPricesFunc = function (n, isInPrice = 0) {
    if (isInPrice != 1) {
  //        var p = $("#product" + n).select2('data').price;
  //        var pnum = $("#unitIdIn" + n).select2('data').pnum; 
  //        var tp = Number((p * pnum).toFixed(2));

        var actlTotalCost = Number($('#actlTotalCost').val());
        var totalNumIn = 0
        $('input.select2productin').each(function () {
            var j = $(this).attr('id').slice(7);
            if ((Number($("#product" + j).val()) > 0 || $("#product" + j).val().includes("hasSizeColor")) && Number($("#unitIdIn" + j).val()) > 0) {
                totalNumIn += Number($('#quantity' + j).val());
            }
        });
        //price
        $('input.select2productin').each(function () {
            var j = $(this).attr('id').slice(7);
            if ((Number($("#product" + j).val()) > 0 || $("#product" + j).val().includes("hasSizeColor")) && Number($("#unitIdIn" + j).val()) > 0) {
                var price = actlTotalCost / totalNumIn;//Number($('#quantity' + j).val())
                $('#price' + j).val(Number(price.toFixed(3)));
            } else {
                $('#price' + j).val(0);
            }
        });
    }


    var tot = 0;
    var totUnitManufPrice = 0;
    $('input.select2productin').each(function () {
        var j = $(this).attr('id').slice(7);
        if ((Number($("#product" + j).val()) > 0 || $("#product" + j).val().includes("hasSizeColor")) && Number($("#unitIdIn" + j).val()) > 0) {
            var q = Number($('#quantity' + j).val());
            var p = Number($('#price' + j).val());
            var UMP = Number($('#unitManufPrice' + j).val());
            var t = Number(((q * p) + (q * UMP)).toFixed(2));
            $('#inTotalCost' + j).html(t);
            $('#inTotalCostUnit' + j).html(p + UMP);
            $('#inTotalCostUnit_h' + j).val(p + UMP);
            tot += t;
            totUnitManufPrice += (q * UMP);
        } else {
            $('#inTotalCost' + j).html(0);
            $('#inTotalCostUnit' + j).html(0);
            $('#inTotalCostUnit_h' + j).val(0);
        }
    });
    $('#allCost').html(Number(tot.toFixed(3)));
    $('#allUnitManufPrice').html(Number(totUnitManufPrice.toFixed(3)));




}

        function calcSumOfRawMaterials() {
            $(document).on('keyup change', '.quantity', function () {
                //$('.quantity').on('keyup change', function () {
                var sum = 0;
                $('.quantity').each(function () {
                    sum += Number($(this).val());
                });
                $('#totalQuantitySpan').html(sum.toFixed(3));

                //change actualTotalCost or incalc class , calc prices of input
                calcInPricesFunc($('input.select2productin').first().attr('itr'))
            });
            $(document).on('keyup change', '.actual', function () {
                //$('.actual').on('keyup change', function () {
                var itr = $(this).attr('id').slice(6);
                var quantity = Number($(this).val());
                var uPrice = Number($('#unitPrice' + itr).html());
                var rowTot = Number((quantity * uPrice).toFixed(3));
                $('#actualCost' + itr).val(rowTot).keyup();

                var sum = 0;
                $('.actual').each(function () {
                    sum += Number($(this).val());
                });
                $('#totalActualQuantity').html(sum.toFixed(3));


            });
            $(document).on('keyup change', '.cost', function () {
                //$('.cost').on('keyup change', function () {
                var sum = 0;
                $('.cost').each(function () {
                    sum += Number($(this).val());
                });
                $('#totCost').html(sum);
            });
            $(document).on('keyup change', '.actualCost', function () {
                //$('.actualCost').on('keyup change', function () {
                var sum = 0;
                $('.actualCost').each(function () {
                    sum += Number($(this).val());
                });
                $('#actualTotalCost').html(sum);
                $('#actlTotalCost').val(sum);

                //change actualTotalCost or incalc class , calc prices of input
                calcInPricesFunc($('input.select2productin').first().attr('itr'))
            });
        }
    }
</script>
{/literal}