


<div class="row">
    <div class="container">

        <ol class="breadcrumb">
            <li><a href="#">اداره الموظفين</a></li>
            <li><a href="employeegroups.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">


                <form class="nameToBeChecked form-horizontal" role="form" action="employeegroups.php?do=add" method="post" id="spform">
                    <div class="form-group">
                        <label class="col-lg-2 control-label">اسم المجموعة</label>
                        <div class="col-lg-4">
                            <span id="namesp">
                                <input required="required" type="text" name="name" id="name" class="form-control" value=""/>
                                <span class="textfieldRequiredMsg">*</span></span>


                            <div id="nameError" class="alert alert-block alert-danger fade in" style="display:none">
                                <button type="button" class="close pull-left" data-dismiss="alert" aria-hidden="true">×</button>
                                <h4>رسالة خطا</h4>
                                <p>هذا الاسم مستخدم من قبل</p>

                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>

                    <!-- =================================================   -->



                    <div class="form-group">
                        <label class="col-lg-2 control-label">نظام الحضور</label>
                        <div class="col-lg-4">

                            <select class="select2" name="employeeattendancesystemid" id="employeeattendancesystemid">
                                <option value="-1"></option>
                                {foreach $employeeAttendanceSystem as $data}
                                <option value="{$data->id}">{$data->name}</option>
                                {/foreach}
                            </select>

                        </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>
    var namesp = new Spry.Widget.ValidationTextField("namesp");

    $('#spbutton').live('click', function (e) {
        if ($('#spform').validate().form()) {
            //ckeck name
            var tableName = 'employeegroups';
            var inputName = 'name';
            var name = $("#" + inputName).val();
            $.ajax({
                url: 'checkRedundantNames.php?name=' + name + '&tablename=' + tableName,
                success: function (data) {
                    //alert(data);
                    if (data == '0')
                    {
                        $("#nameError").css("display", "none");
                        //return true;
                        var myForm = document.getElementById("spform");
                        var SS = Spry.Widget.Form.validate(myForm);
                        if (SS == true) {

                            if (!$('#spbutton').hasClass("processing"))
                            {
                                $('#spbutton').addClass("processing");
                                myForm.submit();
                                //$('#spbutton').unbind('click');
                            }
                        }

                    } else if (data == '1')
                    {
                        $("#" + inputName).val("");
                        $("#" + inputName).focus();
                        $("#nameError").css("display", "block");
                        return false;
                    }
                }});

        }
        else
        {
            e.preventDefault();
        }
    });
</script>
{/literal}
