<script>
    $(document).ready(function () {
        $(window).keydown(function (event) {
            if (event.keyCode == 13) {
                event.preventDefault();
                return false;
            }
        });
    });
    function gettotal(i) {

        var totalproduct = Number(document.getElementById('totalproduct' + i + '').value);
        // alert(totalproduct);
        var mytotal = 0;
        for (var x = 1; x <= totalproduct; x++) {
            // alert('quantity'+x+i+'');
            //alert (document.getElementById('quantity'+x+i+'').value);
            var quantity = Number(document.getElementById('quantity' + x + i + '').value);
            // alert('tt'+tt);
            mytotal = mytotal + quantity;
            // alert('mytotal'+mytotal);
            if (mytotal > totalproduct) {
                //alert('in if')
                alert('من فضلك  عدل اعددا المنتجات لتصل الى ' + totalproduct);
                document.getElementById("subbtn").style.display = "none";
                break;
            }
            else {
                //alert('in else')
                document.getElementById("subbtn").style.display = "block";
            }
        }

    }

    function deleteitr(id) {

        // delete by parents
        $("#serialnumber" + id).parent().parent().remove();
        return false;
    }
</script>

<div class="row">
    <div class="container">
        <ol class="breadcrumb">
            <li><a href="#">إدارة الفواتير</a></li>
            <li><a href="#">فاتورة الشراء</a></li>
            <li class="active">عرض فاتورة</li>
        </ol>
        <h3>فاتورة المشتريات</h3>
        <hr />
        <form class="form-horizontal" role="form" action="buyBillController.php?do=saveserail" method="post"
            id="billform">

            <!-- =========================== START BUY BILL SETTINGS ================================== -->
            <input type="hidden" name="billnameid" id="billnameid" value="{$billnameid}" />
            <input type="hidden" name="returnBillSetting" id="returnBillSetting"
                value="{$billsettingsData[0]->billsettingsvalue}" />
            <input type="hidden" name="storeSetting" id="storeSetting"
                value="{$billsettingsData[2]->billsettingsvalue}" />
            <input type="hidden" name="parcodeSetting" id="parcodeSetting"
                value="{$billsettingsData[4]->billsettingsvalue}" />
            <input type="hidden" name="dateSetting" id="dateSetting"
                value="{$billsettingsData[5]->billsettingsvalue}" />
            <input type="hidden" name="newProductSetting" id="newProductSetting"
                value="{$billsettingsData[6]->billsettingsvalue}" />
            <input type="hidden" name="noteSetting" id="noteSetting"
                value="{$billsettingsData[7]->billsettingsvalue}" />

            <!-- ==========================  END BUY BILL SETTINGS ============================ -->

            <!-- =========================== START GENERAL INFO PANEL =====================-->
            <div class="row">
                <div class="col-lg-8">
                    <div class="form-group" {if {$billsettingsData[61]->billsettingsvalue} eq 0} {else}
                        style="display:none !important" {/if}>
                        <label class="col-lg-4 control-label">رقم الفاتورة</label>
                        <div class="col-lg-4">
                            {$buyBillData->buybillSerial}
                        </div>
                    </div>
                    <!-- end of form-group-->

                    <div class="form-group" {if $billsettingsData[5]->billsettingsvalue eq 0} style="display:block
                        !important;" {else} style="display:none !important;" {/if}>
                        <label class="col-lg-4 control-label">تاريخ الفاتورة</label>
                        <div class="col-lg-4">
                            {$buyBillData->buybilldate}
                        </div>
                    </div>
                    <!-- end of form-group-->
                </div>
                <!-- end of bill no-->
                <div class="col-lg-4">
                    <div class="form-group mg-bt5">
                        <label class="col-lg-4 control-label">اسم المورد</label>
                        <div class="col-lg-8">
                            <div id="supplierIdDiv"> {$buyBillData->suppliername}
                                <input type="hidden" name="buybillid" id="buybillid"
                                    value="{$buyBillData->buybillid}" />
                            </div>
                        </div>
                    </div>
                    <!-- end of form-group-->
                    <div class="form-group mg-bt5">
                        <label class="col-lg-4 control-label">رصيد الدين</label>
                        <div class="col-lg-8">
                            <div id="debt" class="form-control-static"> </div>
                            {$buyBillData->buybilltotaldeptbefor}
                        </div>
                    </div>
                    <!-- end of form-group-->
                    <hr class="mg-bt5 mg-tp5" />
                    <div class="form-group mg-bt5" {if $billsettingsData[2]->billsettingsvalue eq 0}
                        style="display:block !important;" {else} style="display:none !important;" {/if}>
                        <label class="col-lg-4 control-label">المخزن</label>
                        <div class="col-lg-8">
                            {$buyBillData->storeName}
                        </div>
                    </div>
                    <!-- end of form-group-->

                    <!-- end of form-group-->
                </div>
                <!-- end of client info-->

            </div>
            <!-- =========================== END GENERAL INFO PANEL ====================== -->
            <input name="countmyusedserial" value="{$countmyusedserial}" type="hidden" />
            <!-- =========================== START BUY BILL PANEL ======================= -->
            <div class="row">
                <div class="row">
                    <hr />
                    <div class="col-lg-6">
                        <h4>المشتريات</h4>
                    </div>
                    <div class="col-lg-6">
                    </div>
                </div>
                <!-- end of title row-->
                <div class="table-responsive">
                    <table class="table billtable table-bordered table-black" id="containerpros">
                        <thead>


                            <!--tr class="aw_td" id="newProduct1" style="background:#A3B0B1" >

                               <td colspan="4">
                                 <div id="productdiv1" class="aw_width aw_mt5">



                                 اسم المنتج: {$detail->productName} / {$detail->productCatName}



                                 </div>
                               </td>


                             </tr>
                             <tr>
                                <th>السيريال</th>
                                <th>التعليق</th>
                                <th>تاريخ البدايه</th>
                                <th>تاريخ النهايه</th>
                             </tr-->


                        </thead>
                        <tbody>
                            {assign var=x value=1}
                            {foreach $buyBillDetails as $detail}
                            <tr class="aw_td" id="newProduct1" style="background:#A3B0B1">

                                <td colspan="5">
                                    <div id="productdiv1" class="aw_width aw_mt5">



                                        اسم المنتج: {$detail->productName} / {$detail->productCatName}
                                        {if $detail->sizeName != ''} / {$detail->sizeName}{/if}
                                        {if $detail->colorName != ''} / {$detail->colorName}{/if}
                                        ------------العدد:{$totalproduct{$x}}



                                    </div>
                                </td>


                            </tr>
                            <tr>
                                <th>السيريال</th>
                                <th>الكميه</th>
                                <th>التعليق</th>
                                <th>تاريخ البدايه</th>
                                <th>تاريخ النهايه</th>
                            </tr>

                            <input name="productid{$x}" type="hidden" value="{$detail->buybilldetailproductid}">
                            <input name="sizeid{$x}" type="hidden" value="{$detail->sizeid}">
                            <input name="colorid{$x}" type="hidden" value="{$detail->colorid}">
                            <input name="productid{$x}" type="hidden" value="{$detail->buybilldetailproductid}">
                            <input name="buybilldetailid{$x}" type="hidden" value="{$detail->buybilldetailid}">
                            <input name="totalproduct{$x}" id="totalproduct{$x}" type="hidden"
                                value="{$totalproduct{$x}}">

                            <tr>
                                <td colspan="5">
                                    <table width="100%" class="table-black">
                                        {if empty($allseraildata{$x})}
                                        {assign var=m value=1}
                                        {for $foo=1 to $totalproductx{$x}}

                                        <tr>
                                            <td><input name="serialnumber{$foo}{$x}" value="{$returnedSerial{$x}{$m}}"
                                                    type="text"></td>
                                            <td><input name="quantity{$foo}{$x}" id="quantity{$foo}{$x}"
                                                    value="{$totalproduct{$x}}" type="text" onkeyup="gettotal({$x});">
                                            </td>
                                            <td><textarea name="comment{$foo}{$x}"></textarea></td>
                                            <td><input name="stratdate{$foo}{$x}" type="text" class="stratdate"></td>
                                            <td><input name="enddate{$foo}{$x}" type="text" class="enddate"></td>
                                        </tr>
                                        {capture assign=m}{$m+1}{/capture}
                                        {/for}
                                        {else}
                                        {assign var=z value=1}
                                        {foreach $allseraildata{$x} as $myallseraildata{$x}}
                                        <input type="hidden" name="productserailid{$z}{$x}"
                                            value="{$myallseraildata{$x}->productserailid}" />
                                        <tr>
                                            <td>
                                                <input name="serialnumber{$z}{$x}" id="serialnumber{$z}{$x}"
                                                    value="{$myallseraildata{$x}->serialnumber}" type="text">
                                            </td>
                                            <td><input name="quantity{$z}{$x}" id="quantity{$z}{$x}"
                                                    value="{$myallseraildata{$x}->don}" type="text"
                                                    onkeyup="gettotal({$x});"></td>
                                            <td><textarea
                                                    name="comment{$z}{$x}">{$myallseraildata{$x}->comment}</textarea>
                                            </td>
                                            <td><input name="stratdate{$z}{$x}"
                                                    value="{$myallseraildata{$x}->startdate}" type="text"
                                                    class="stratdate"></td>
                                            <td><input name="enddate{$z}{$x}" value="{$myallseraildata{$x}->enddate}"
                                                    type="text" class="enddate"></td>
                                            <td style="width: 4%;">تم التكويد من قبل</td>
                                            <td> {if {$countmyusedserial} > 0}
                                                لا يمكن حذفه
                                                {else}
                                                <input type="button" onclick="deleteitr({$z}{$x})" value="حذف" />
                                                {/if}
                                            </td>
                                        </tr>
                                        {capture assign=z}{$z+1}{/capture}
                                        {/foreach}
                                        {/if}
                                        <input name="totalproduct{$x}" value="{$totalproduct{$x}}" type="hidden">

                                    </table>
                                </td>
                            </tr>
                            {capture assign=x}{$x+1}{/capture}
                            {/foreach}



                            <input name="itr" type="hidden" value="{$countBillDetails}">
                        </tbody>
                    </table>
                </div>
            </div>
            <!-- end of second row-->
            <!-- =========================== END BUY BILL PANEL ==================== -->





            <div class="row">
                <button type="submit" id="subbtn" class="btn btn-primary">حفظ</button>
            </div><!-- end of fifth row-->

            <!-- =========================== END TOTAL VALUESPANEL ====================== -->
        </form>


    </div>
</div>