<script src="{$path}/SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="{$path}/SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css">

<div class="row">

    <div class="container">

        <ol class="breadcrumb">
            <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 id="myform" class="form-horizontal nameToBeChecked" action="datedCheckedController.php?do=add" method="post">

                    <input type="hidden" name="searchvalue" id="searchvalue" value="{$Programsettingdata->searchvalue}"/>

                    <input type="hidden" name="id" id="id" value="{$id}"/>

                    <input type="hidden" id="paytype" name="paytype" value="{$paytype}"/>
                    <!-- جميع  العملاء  -->
                    <div class="form-group mg-bt5" id="productdiv_re1">
                        <label class="col-lg-4 control-label"> جميع  العملاء  </label>
                        <div class="col-lg-4">
                            <div id="clientid">
                                <select name="clientNum" id="clientNum2"   data-placeholder="اختر" class="select2 aw_m1 wdt100 chosenproduct" >
                                    <option value="-1">  اختر عميل </option>
                                    {foreach $allClientData as $client }

                                    <option value="{$client->clientid}">{$client->clientname}</option>
                                    {/foreach}
                                </select>
                                <div id="clientrError" style="display:none;"></div>
                            </div>

                        </div>
                        <label class="col-lg-1 control-label">  أوراق دفع </label>
                        <div class="col-lg-1">
                            <input type="checkbox"  required  class="form-control paperType" name="paperType" value="1">
                            <div id="bankError" style="display:none;"></div>
                        </div>
                    </div>
                    <div id="paperType1" style="display: none;">
                        <div class="form-group">
                            <label class="col-lg-4 control-label">إسم البنك</label>
                            <div class="col-lg-4">
                                <span id="spryselect4">
                                    <div id="bankdiv">
                                        <select name="ddlBank" id="ddlBank" onChange="load1();"  class="select2 wdt100">
                                            <option value="-1"> اختر اسم البنك </option>
                                            {foreach $bank as $b}

                                            <option value="{$b -> bankid}">{$b -> bankname}</option>

                                            {/foreach}


                                        </select>
                                    </div>
                                    <span> <span class="selectInvalidMsg">يرجى إختيار بنك</span><span class="selectRequiredMsg">يرجى إختيار بنك</span></span>
                                </span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-4 control-label">إسم الحساب </label>
                            <div class="col-lg-4"> <span id="spryselect3">
                                    <div id="sss">
                                        <label for="ddlAccount"></label>

                                        <select id="accountid" class="select2 wdt100" onchange="load2();" name="accountid">
                                            <option value="-1"> اختر اسم الحساب </option>
                                        </select>

                                        <p id="result"></p>
                                    </div>
                                </span> <span> <span class="selectInvalidMsg">يرجى إختيار حساب</span><span class="selectRequiredMsg">يرجى إختيار حساب</span></span>
                            </div>
                        </div>

                        <!--==============================-->
                        <input type="hidden" name="accountid1" id="accountid1" value=""/>
                       
                    </div>
                    <!--اسم البنك -->
                    <div class="form-group mg-bt5" id="paperType">
                        <label class="col-lg-4 control-label"> اسم البنك </label>
                        <div class="col-lg-4">
                            <input type="text"  required  class="form-control numberinput" name="bankName" id="bankName">
                            <div id="bankError" style="display:none;"></div>
                        </div>
                    </div>

                    <div class="form-group" >
                        <label class="col-lg-4 control-label">التاريخ </label>
                        <div class="col-lg-4"> <span id="sprydate">
                                <input type="text" class="form-control awdatepicker" autocomplete="off"  data-date-format="yyyy-mm-dd" placeholder="التاريخ"  value="{$today}" name="checkdate" id="bn">
                                <span class="textfieldRequiredMsg">*</span></span> </div>
                    </div>
                    <!-- رقم حساب العميل -->
                    <div class="form-group mg-bt5">
                        <label class="col-lg-4 control-label"> رقم حساب العميل</label>
                        <div class="col-lg-4">
                            <input type="text"  required  class="form-control positiveNo" name="accountNo" id="accountNo" >
                            <div id="accountError" style="display:none;"></div>
                        </div>
                    </div>


                    <!-- قيمه الشيك -->
                    <div class="form-group"  >
                        <label class="col-lg-4 control-label">قيمه الشيك</label>
                        <div class="col-lg-4">
                            <input type="text"  required  class="form-control positivefloat" name="checkValue" id="checkValue">
                            <div id="chkValError" style="display:none;"></div>
                        </div>
                    </div>
                    <input type="hidden" name="checkValue1"  id="checkValue1" />

                    <!--  رقم الشيك -->
                    <div class="form-group"  >
                        <label class="col-lg-4 control-label">  رقم الشيك</label>
                        <div class="col-lg-4">
                            <input type="text"  required  class="form-control positiveNo" name="checkNo" id="checkNo" onkeypress="return isNumberKey(event)">
                            <div id="chkNoError" style="display:none;"></div>
                        </div>
                    </div>

                    <!--  تاريخ الاستحقاق-->
                    <div class="form-group mg-bt5">
                        <label class="col-lg-4 control-label">   تاريخ الاستحقاق</label>
                        <div class="col-lg-4">
                            <input type="text"  required  class="form-control wdt100 awdatepicker" autocomplete="off"  data-date-format="yyyy-mm-dd" name="dueDate" id="dueDate"/>
                            <div id="dateError" style="display:none;"></div>
                        </div>
                    </div>

                    <!-- تفاصيل اخرى -->
                    <div class="form-group mg-bt5">
                        <label class="col-lg-4 control-label"> تفاصيل اخرى </label>
                        <div class="col-lg-4">
                            <textarea name="antherDetailes" id="antherDetailes" class=" form-control" cols="45" rows="5"></textarea>
                        </div>
                    </div>


                    <!-- اضافه  -->
                    <div class="form-group">
                        <div class="col-lg-offset-2 col-lg-4">
                            <button type="button"  id="clibtn"  class="btn btn-primary pull-left">اضافه</button>
                        </div>
                    </div>

                </form>



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

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

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

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


<script>
    function isNumberKey(evt)
    {
        var charCode = (evt.which) ? evt.which : event.keyCode
        if (charCode > 31 && (charCode < 48 || charCode > 57))
            return false;

        return true;
    }
$(document).ready(function(e) {

    $('body').on('change', '.paperType', function () {
     if ($('input.paperType').is(':checked')) {
        $('#paperType1').show();
        $('#paperType').hide();
     }else{
        $('#paperType').show();
        $('#paperType1').hide();
     }

     
    });
});
</script>

