<!--to call from js-->
<div id="RawMaterials" style="display:none">
    {foreach $rows as $material}
    <option value="{$material->productId}">{$material->productName}</option>
    {/foreach}
</div>
<!--    end   -->

<div class="row">
    <div class="container">
        <ol class="breadcrumb">
            <li><a href="#">التصنيع</a></li>
            <li><a href="#">معادلات الانتاج</a></li>
            <li class="active">اضافة جديد</li>
        </ol>

        <div class="panel panel-default panel-m">
            <div class="panel-heading">
                <h3 class="panel-title"> اضافة معادلة انتاج</h3>
            </div>

            <div class="panel-body">

                <form action="productionEquationController.php?do=add" method="post" id="form1" class="form-horizontal nameToBeChecked">
                    <input type="hidden" name="searchvalue" id="searchvalue" value="{$Programsettingdata->searchvalue}"/>
                    <div class="row">
                        <div class="col-lg-8">

                            <div class="form-group">
                                <label class="col-lg-4 control-label">اسم معادلة الانتاج</label>
                                <div class="col-lg-4">
                                    <input name="name" id="name"  type="text" class="form-control checkExist"/>
                                    <span id="nameError" style="display: none;color: darkred;">هذا الاسم موجود مسبقاً من فضلك اختر اسماً آخر.</span>
                                </div>
                            </div>


                            <div class="form-group" style="margin-top:30px">
                                </br>
                                <label class="col-lg-4 control-label">اختر اسم المنتج النهائى</label>
                                <div class="col-lg-4">
                                    <input type="hidden"  class="getFinalProductsWithOutProductionRate wdt300" name="finalProductId" id="finalProductId" data-placeholder=" اختر منتج"  />
                                </div>

                            </div>

                        </div>
                    </div>

                    <div class="row"  >

                        <div class="row">
                            <hr/>
                            <div class="col-lg-6">
                                <h4 class="col-lg-4">المكونات
                                    <input type="hidden" name="rowitr" id="rowitr" value="1" />
                                </h4>
                            </div>

                            <div class="col-lg-6">
                                <button type="button" name="addrow" id="addrow" class="btn btn-primary pull-left ft-nor"> اضافة جديد</button>
                                <button type="button" style="display:none;" name="addrow" id="addrow" class="btn btn-primary pull-left ft-nor" onclick="addrow();"> اضافة جديد</button>
                            </div>

                        </div>

                        <p><!-- end of title row--></p>
                        <table class="table billtable table-bordered table-black col-lg-4" id="table">
                            <thead>
                                <tr>
                                    <th class="wdt400">المنتجات الخام</th>
                                    <th  class="wdt200"><span class="sr-only">وحدة القياس</span></th>
                                    <!--<th  class="wdt200">نسبة المشاركة </th>-->
                                    <th  class="wdt200" >عدد الوحدات</th>
                                    <th class="wdt200">حذف</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <input type="hidden"  class="select2RawMaterials wdt300" name="product1" id="product1" data-placeholder=" اختر منتج خام"  />
                                        <!--select class="select2 wdt300" name="product1" id="product1" >

                                          <option value="-1">اختر منتج خام</option>

                                          {foreach $rows as $material}
                                          <option value="{$material->productId}">{$material->productName}</option>
                                          {/foreach}


                                        </select-->
                                    </td>
                                    <td> <div id="unitDiv1">
                                            <select name="unitId1" id="unitId1" class="select2 wdt300">
                                                <option value="-1"> اختر المنتج اولا</option>
                                            </select>
                                        </div> </td>
                                    <!--                                    <td><div id="table">
                                                                                <input type="text" name="input1" id="input1"  class="form-control check" value="100" tabindex="" required  />
                                                                            </div></td>-->
                                    <td><div id="table">
                                            <input name="inputt1" id="inputt1"  class="form-control positive" value="" tabindex="" />
                                        </div></td>
                                    <td id="1">
                                        <button id="remove1" name="remove1" type="button" class="close flt-none removeicon removeproduct"  aria-hidden="true" onclick="removerow();">&times;</button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <p>&nbsp; </p>
                        <!--                        <button type="button" class="btn btn-primary pull-left ft-nor"> اجمالى النسبة <span class="badge wht-clo">
                                                        <div id="percentage">100</div>

                                                    </span></button>-->
                    </div>
                    <div class="row" align="center">
                        <button type="submit" id="save" class="btn btn-primary">  حفظ</button>

                        <span style="color:#F00;font-weight:bold;font-size:120%;" > {$msg}</span>
                        <!--<button type="submit" id="saveAndNew" class="btn btn-success" onclick="return changeFormAction({$billnameid});">حفظ وجديد</button>-->
                    </div>

                </form>

            </div> <!-- end of panel-body-->

        </div>  <!-- end of panel panel-default-->

    </div> <!-- end of container-->

</div>  <!-- end of row-->


<script>
    $(function(){
        $("#save").on('click',function() {
            $(this).hide();
        });
    });
</script>
