<div class="row">
    <div class="container">
        <ol class="breadcrumb">
            <li><a href="#">شئون العاملين</a></li>
            <li><a href="employees.php?do=show">الموظفيين </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"> {literal}
                <form class="nameToBeChecked form-horizontal" role="form" action="employees.php?do=add"
                      method="post" enctype="multipart/form-data" id="spform">
                    {/literal}

                    <!-- =================================================   -->
                 
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label class="col-lg-4 control-label">الاسم</label>
                            <div class="col-lg-8">
                                <span id="sprytextfield1">
                                    <input name="empName" type="text" class="form-control" />
                                    <span class="textfieldRequiredMsg">من فضلك اختر الاسم</span></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-4 control-label">الكود</label>
                            <div class="col-lg-8">
                                <span id="sprytextfield2">
                                    <input name="empCode" type="text" class="form-control positiveNo" />
                                    <span class="textfieldRequiredMsg">من فضلك ادخل الكود</span></span>
                            </div>
                        </div>
                        
                        <div class="form-group">
                            <label class="col-lg-4 control-label">بصمة الموظف</label>
                            <div class="col-lg-8">
                                <!--<span id="employeesubgroupidsp">-->
                                <input type="text" name="empFingerId" id="empFingerId" class="form-control positiveNo"
                                       value="" />
                                <!--<span class="textfieldRequiredMsg">*</span></span>-->
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-4 control-label">المرتب </label>
                            <div class="col-lg-8">
                                
                                <input type="number" name="salary" id="salary" class="form-control positiveNo"
                                       value="" />
                                
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-lg-4 control-label">كارت RFID الموظف</label>
                            <div class="col-lg-8">
                                <!--<span id="employeesubgroupidsp">-->
                                <input type="text" name="empRFID" id="empRFID" class="form-control positiveNo"
                                       value="" />
                                <!--<span class="textfieldRequiredMsg">*</span></span>-->
                            </div>
                        </div>

                        
                        <div class="form-group">
                            <label class="col-lg-4 control-label">تاريخ الميلاد </label>
                            <div class="col-lg-8">
                                <input name="empDOF" id="empDOF" class="form-control awdatepicker" autocomplete="off"
                                       data-date-format="yyyy-mm-dd" type="text" />
                            </div>
                        </div>


                        <div class="form-group">
                            <label class="col-lg-4 control-label"> الجنسية </label>
                            <div class="col-lg-8">
                                <input name="nationality" type="text" class="form-control" />
                            </div>
                        </div>
                        
                         <div class="form-group">
                            <label class="col-lg-4 control-label"> الديانة </label>
                            <div class="col-lg-8">
                                <input name="religion" type="text" class="form-control" />
                            </div>
                        </div>

                         
                        <div class="form-group">
                            <label class="col-lg-4 control-label">رقم الجوال </label>
                            <div class="col-lg-8">
                                <input name="empTel" type="text" class="form-control" />
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-lg-4 control-label"> العنوان </label>
                            <div class="col-lg-8">
                                <input name="empAddress" type="text" class="form-control" />
                            </div>
                        </div>

                        

                        <div class="form-group">
                            <label class="col-lg-4 control-label"> الإدارة </label>
                            <div class="col-lg-8">
                                <span >
                                    <input name="administration" type="text" class="form-control" />
                                    <span class="textfieldRequiredMsg"></span></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-4 control-label">الإدارة الفرعية </label>
                            <div class="col-lg-8">
                                <span >
                                    <input name="subManagement" type="text" class="form-control" />
                                    <span class="textfieldRequiredMsg"></span></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-4 control-label"> اسم المدير المباِشر </label>
                            <div class="col-lg-8">
                                <span >
                                    <input name="directManager" type="text" class="form-control" />
                                    <span class="textfieldRequiredMsg"></span></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-4 control-label"> الوظيفة</label>
                            <div class="col-lg-8">
                                <span >
                                    <input name="occupation" type="text" class="form-control" />
                                    <span class="textfieldRequiredMsg"></span></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-4 control-label"> تاريخ التعين </label>
                            <div class="col-lg-8">
                                <span >
                                    <input name="dateBeing" id="dateBeing" class="form-control awdatepicker"
                                           autocomplete="off" data-date-format="yyyy-mm-dd" type="text" />
                            </div>
                        </div>


                        <div class="form-group">
                            <label class="col-lg-4 control-label">النوع</label>
                            <div class="col-lg-8">
                                <div class="radio-inline">
                                    <label>
                                        <input value="0" name="gender" type="radio" checked="checked" />

                                        ذكر </label>
                                </div>
                                <div class="radio-inline">
                                    <label>
                                        <input value="1" name="gender" type="radio" />
                                        انثى </label>
                                </div>

                            </div>
                        </div>



                        <div class="form-group">
                            <label class="col-lg-4 control-label"> الحالة الاجتماعية</label>
                            <div class="col-lg-8">
                                <span >
                                    <input name="socialSituation" type="text" class="form-control" />
                                    <span class="textfieldRequiredMsg"></span></span>
                            </div>
                        </div>



                    



                        <div class="form-group">
                            <label class="col-lg-4 control-label"> رقم حساب البنك </label>
                            <div class="col-lg-8">
                                <span >
                                    <input name="bankAccount" type="text" class="form-control" />
                                    <span class="textfieldRequiredMsg"></span></span>
                            </div>
                        </div>






                        
                        <div class="form-group">
                            <label class="col-lg-4 control-label">صورة التعاقد</label>
                            <div class="col-lg-8">
                                <input type="file" name="contract" id="contract" />
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-lg-4 control-label">صورة شخصية</label>
                            <div class="col-lg-8">
                                <input type="file" name="personalPhoto" id="personalPhoto" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-4 control-label">صورة الكارت الصحى</label>
                            <div class="col-lg-8">
                                <input type="file" name="healthCard" id="healthCard" />
                            </div>
                        </div>
                   
                        <div class="form-group">
                            <label class="col-lg-4 control-label">شهادة تخرج</label>
                            <div class="col-lg-8">
                                <input type="file" name="graduate" id="graduate" />
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-lg-4 control-label">شهادة خبرة 1</label>
                            <div class="col-lg-8">
                                <input type="file" name="expert" id="expert" />
                            </div>
                        </div>

                       
                        <div class="form-group">
                            <label class="col-lg-4 control-label">صورة شهادة الميلاد </label>
                            <div class="col-lg-8">
                                <input type="file" name="birthCertificate" id="birthCertificate" />
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-lg-4 control-label">صورة الجيش </label>
                            <div class="col-lg-8">
                                <input type="file" name="armyPhoto" id="armyPhoto" />
                            </div>
                        </div>


                        <div class="form-group">
                            <label class="col-lg-4 control-label">صورة البطاقة الشخصية </label>
                            <div class="col-lg-8">
                                <input type="file" name="idCard" id="idCard" />
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-lg-4 control-label">صورة رخصة القيادة </label>
                            <div class="col-lg-8">
                                <input type="file" name="driverLicense" id="driverLicense" />
                            </div>
                        </div>


                        <div class="form-group">
                            <label class="col-lg-4 control-label">صورة اقرار استلام العمل</label>
                            <div class="col-lg-8">
                                <input type="file" name="endorsementPeace" id="endorsementPeace" />
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-lg-4 control-label">صورة اقرار الحفاظ على سريةالعمل </label>
                            <div class="col-lg-8">
                                <input type="file" name="confidentiality" id="confidentiality" />
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-lg-4 control-label">صورة القيش الجنائي</label>
                            <div class="col-lg-8">
                                <input type="file" name="criminalCamouflage" id="criminalCamouflage" />
                            </div>
                        </div>

                            <div class="form-group">
                            <label class="col-lg-4 control-label">صورة رخصة مزاولة المهنة</label>
                            <div class="col-lg-8">
                                <input type="file" name="practiceProfession" id="practiceProfession" />
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-lg-4 control-label"> صورة الحالة الاجتماعية </label>
                            <div class="col-lg-8">
                                <input type="file" name="socialStatus" id="socialStatus" />
                            </div>
                        </div>


                    
                    <!--==============================-->
                    
                    <!-- =================================================   -->
                    <div class="form-group">
                        <div class="col-lg-offset-2 col-lg-4">
                            <button type="button" class="btn btn-primary pull-left" id="spbutton">حفظ</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

{literal}
<script type="text/javascript">
    var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
    var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");
    $('#spbutton').live('click', function (e) {
        if (!$('#spbutton').hasClass("processing")) {
            $('#spbutton').addClass("processing");
            var myForm = document.getElementById("spform");
            var SS = Spry.Widget.Form.validate(myForm);
            if (SS == true) {
                myForm.submit();
            } else {
                $('#spbutton').removeClass("processing");
            }
        }
    });
$(document).ready(function() {
    $('#nature').on('change', function() {
        if ($(this).val() === 'other') {
            $('#other_input_container').show();
        } else {
            $('#other_input_container').hide(); 
            $('#other_nature').val(''); 
        }
    });
});
$(document).ready(function(){
    $('#name').on('change', function() {
        let sideValue = $(this).find(':selected').data('side');
        if (sideValue) {
                $('#side').val(sideValue);
            } else {
                $('#side').val(''); 
            }
        });
});
  /*var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
    var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2", "real");
    var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3", "real");
    var spryselect1 = new Spry.Widget.ValidationSelect("spryselect1", {isRequired: false, invalidValue: "0"});
    var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4", "real");*/
</script>
{/literal}