
<div class="container">
    <ol class="breadcrumb">
        <li><a href="#">عرض المنتجات</a></li>
        <li class="active">اضافة عرض</li>
    </ol>
    <hr>
    <form class="form-horizontal " role="form" action="showController.php?do=add" method="post" id="sellbillForm" onsubmit="">

        <div class="row">
            <div class="col-lg-8">
                <!-- end of form-group-->
                <div class="form-group" style="display:block">
                    <label class="col-lg-3 control-label">تاريخ العرض</label>
                    <div class="col-lg-4"> <span id="sprydate">
                        <div class="input-group date form_datetime col-md-5" data-date=""
                             data-date-format="yyyy-mm-dd  h:i:s"
                             data-link-field="dtp_input1">
                        <input class="form-control" size="16" type="text" value="2019-09-04 11:24:00" name="mydate"
                               id="bn readonly=" "="" autocomplete="off">
                        <span class="input-group-addon "><span
                                class=" glyphicon glyphicon-remove col-lg-4"></span></span>
                        <span class="input-group-addon"><span class="glyphicon glyphicon-th col-lg-4"></span></span>
                    </div>                                <span class="textfieldRequiredMsg">*</span></span>
                    </div>
                </div>
            </div>
            <div class="form-group mg-bt5">
                <label class="col-lg-1 ">اسم العميل</label>
                <div class="col-lg-3">
                    <input type="hidden" id="client1" name="client" class="select2client wdt100 select2-offscreen" data-placeholder="اختر عميل" tabindex="-1" style="display: inline-block;">
                </div>
            </div>


            <input type="hidden" id="itr" name="itr" value="1">

            <div class="row">
                <div class="row">
                    <hr>
                    <div class="col-lg-6">
                        <h4>عرض المنتجات</h4>
                    </div>
                    <div class="col-lg-6">
                        <button type="button" name="addpr" id="addpr" class="btn btn-primary pull-left ft-nor"> اضافة جديد</button>
                    </div>
                </div>
                <!-- end of title row-->
                <div class="table-responsive bd-gr">
                    <table class="table billtable table-bordered  table-black" id="containerpros">
                        <thead>
                        <tr>
                            <th  style="width: 40px">صورة المنتج</th>
                            <th class="wdt400">اسم المنتج</th>
                            <th class="wdt100n check_tr_quantity ">العدد المطلوب</th>
                            <th class="wdt100n check_tr_quantity ">العدد بالمخزن</th>
                            <th class="wdt100n check_tr_quantity ">العدد المتاح</th>
                            <th class="wdt100n check_tr_quantity ">العدد الناقص</th>
                            <th class="wdt100n">السعر</th>
                            <th class="wdt100n">الاجمالى</th>
                            <th>حذف</th>
                        </tr>
                        </thead>
                        <tbody id="pro">

                        <tr>
                            <td style="width: 40px">
                                <input class="btn btn-primary"style="width: 30px"  id="images">
                            </td>
                            <td class="productdiv1">
                                <input type="hidden" id="product1" name="product1" class="select2product wdt100 select2-offscreen selproduct quantity" data-itr="1"  data-placeholder="اختر منتج" tabindex="-1" style="display: inline-block;" data-itr="1">
                            </td>
                            <td class="quantity1">
                                <input type="text" name="quantity1" id="quantity1" class="form-control  positivefloat quantity quant quantstore"  value="1"  data-itr="1">
                            </td>
                            <td class="prostore1">
                                <input type="text" name="prostore1" id="prostore1" class="form-control  positivefloat quantity prostore quantstore"  value="1"  data-itr="1">
                            </td>
                            <td class="proavailable1">
                                <input type="text" name="proavailable1" id="proavailable1" class="form-control  positivefloat quantity proavailable"  value="1"  data-itr="1">
                            </td>
                            <td class="prominus1">
                                <input type="text" name="prominus1" id="prominus1" class="form-control  positivefloat quantity prominus "  value="0"  data-itr="1">
                            </td>
                            <td  class="price1">
                                <input type="text" name="price1" id="price1" class="form-control  positivefloat quantity price " value="0"  data-itr="1">
                            </td>
                            <td class="total1">
                                <input name="total1" id="total1" class="form-control  positiveNo quantity total  " value="0" type="text" data-itr="1">
                            </td>
                            <td class="remove1">
                                <button id="remove1" type="button" class="close flt-none  remove" aria-hidden="true">×</button>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <button type="button" class="btn btn-primary pull-left ft-nor " >
                    اجمالى العرض <span class="badge wht-clo total " id="total">
                        <div id="sellbilltotal totals">0</div>
                    </span>
                    <input type="hidden" name="alltotal" id="tal" class="totall" value="0">
                </button>
            </div>
            <div style="text-align: center">
                <img  style="width: 200px;height: 200px;display:none"   id="logo">
            </div>
            <table class="table" style="margin-top: 20px">
                <thead>
                <tr>
                    <th  style="text-align: center" colspan="2">المطلوب</th>
                    <th  style="text-align: center" colspan="2">المخزن</th>
                    <th  style="text-align: center" colspan="2">المتاح</th>
                    <th  style="text-align: center" colspan="2">الناقص</th>
                </tr>
                </thead>
                <tbody >
                <tr style="text-align: center">
                    <td  style="color: blue;width: 12.5%" > <span class="allquantity" style="color: #000;padding-left:10px" >0</span>الكميه</td>
                    <input type="hidden" name="allquantity"  class="allquantity" value="0">
                    <td  style="color: blue;width: 12.5%" > <span class="total"   style="color: #000;padding-left:10px" >0</span>السعر</td>
                    <td  style="color: blue;width: 12.5%" > <span class="allquantstore" style="color: #000;padding-left:10px" >0</span>الكميه</td>
                    <input type="hidden" name="allquantstore"  class="allquantstore" value="0">
                    <td  style="color: blue;width: 12.5%" > <span class="pricestore" style="color: #000;padding-left:10px" >0</span>السعر</td>
                    <input type="hidden" name="pricestore"  class="pricest" value="0">
                    <td  style="color: blue;width: 12.5%" > <span class="allquantavailable" style="color: #000;padding-left:10px" >0</span>الكميه</td>
                    <input type="hidden" name="allquantavailable"  class="allquantavailable" value="0">
                    <td  style="color: blue;width: 12.5%" > <span class="priceavailable" style="color: #000;padding-left:10px" >0</span>السعر</td>
                    <input type="hidden" name="priceavailable"  class="priceavailable" value="0">
                    <td  style="color: blue;width: 12.5%" > <span class="allquantminus" style="color: #000;padding-left:10px" >0</span>الكميه</td>
                    <input type="hidden" name="allquantminus"  class="allquantminus" value="0">
                    <td  style="color: blue;width: 12.5%" > <span class="pricestminus" style="color: #000;padding-left:10px" >0</span>السعر</td>
                    <input type="hidden" name="pricestminus" class="pricestminus" value="0">
                </tr>
                </tbody>
            </table>
            </div>
            <!-- end of second row-->
           <div style="clear: both"></div>
            <div class="row" style="padding-top: 30px;text-align: center">
                <button type="button" onclick="print_Custom('mycustomheader');" class="btn btn-info">طباعة</button>
                <button type="submit" id="saveBill" onclick="return addDataOnly();" class="btn btn-primary">حفظ</button>
                <button type="submit" id="saveAndNew" onclick="return addDataAndReturn();" class="btn btn-success">حفظ وجديد</button>
            </div>
    </form>
</div>