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


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

        <ol class="breadcrumb">
            <li><a href="#">خصائص عامة</a></li>
            <li><a href="userController.php?do=show">المستخدمين</a></li>
            <li class="active">اضافة مستخدم</li>
        </ol>


        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">اضافة مستخدم</h3>
            </div>
            <div class="panel-body">
                <form class="form-horizontal" role="form" action="userController.php?do=add" method="post" id="spform">




                    <div class="form-group">
                        <label for="username" class="col-lg-2 control-label">اسم المستخدم</label>
                        <div class="col-lg-4">

                            <span id="name">
                                <input type="text" class="form-control" placeholder="اسم المستخدم" name="username" id="username">
                                <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">&times;</button>
                                <h4>رسالة خطا</h4>
                                <p>هذا الاسم مستخدم من قبل</p>

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


                        </div>
                    </div>


                    <div class="form-group">
                        <label for="password" class="col-lg-2 control-label">كلمة المرور</label>
                        <div class="col-lg-4">

                            <span id="sprytextfield1">
                                <input type="text" name="password" class="form-control" placeholder="كلمة المرور"/>
                                <span class="textfieldRequiredMsg">*</span></span>

                        </div>
                    </div>



                    <div class="form-group">
                        <label for="employeename" class="col-lg-2 control-label">اسم الموظف</label>
                        <div class="col-lg-4">

                            <span id="sprytextfield2">
                                <input type="text" class="form-control" placeholder="اسم الموظف" name="employeename" >
                                <span class="textfieldRequiredMsg">*</span></span>

                        </div>
                    </div>

                    <div class="form-group">
                        <label for="userstoreid" class="col-lg-2 control-label">السؤال السرى<span style="color: red;display: block">فى حالة نسيت كلمة المرور</span></label>
                        <div class="col-lg-4">
                            <textarea class="form-control" name="question" rows="3" required></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="userstoreid" class="col-lg-2 control-label">الاجابة السرية<span style="color: red;display: block">فى حالة نسيت كلمة المرور</span></label>
                        <div class="col-lg-4">
                            <textarea class="form-control" name="answer" rows="3" required></textarea>
                        </div>
                    </div>




                    <div class="form-group">
                        <label for="usergroupid" class="col-lg-2 control-label">المجموعة</label>
                        <div class="col-lg-4">


                            <span id="spryselect2">
                                <select class="select2 wdt100" name="usergroupid" id="usergroupid">
                                    <option value="-1">اختر مجموعة</option>


                                    {foreach $UserGroupData as $UserGroup}

                                    <option value="{$UserGroup->usergroupid}">{$UserGroup->usergroupname}</option>

                                    {/foreach}


                                </select>
                                <span class="selectInvalidMsg"> *</span></span>
                        </div>
                    </div>



                    <!--------------------------------------------->
                    <!--
                                        <div class="form-group">
                                            <label for="usergroupid" class="col-lg-2 control-label">الفرع</label>
                                            <div class="col-lg-4">



                                                <select required class="select2 wdt100" name="branchid" id="branchid" >
                                                    <option value="-1">اختر الفرع</option>
                                                    <option value="0">  كل الفروع</option>

                                                    {foreach $allbranchdata as $myallbranchdata}

                                                    <option value="{$myallbranchdata->branchId}">{$myallbranchdata->branchName}</option>

                                                    {/foreach}


                                                </select>

                                            </div>
                                        </div>


                    <div class="form-group">
                        <label for="employeename" class="col-lg-2 control-label">نسبه البائع</label>
                        <div class="col-lg-4"><span id="sprytextfield3">
                                <input type="text" class="form-control" placeholder="نسبه البائع" value="0" name="awardrate" />
                                <span class="textfieldRequiredMsg">***.</span><span class="textfieldInvalidFormatMsg">ادخل رقم مناسب.</span><span class="textfieldMaxValueMsg"> ادخل رقم من 0 الى 100</span><span class="textfieldMinValueMsg"> ادخل رقم من 0 الى 100</span></span></div>
                    </div>




                    <div class="form-group">
                        <label for="saveid" class="col-lg-2 control-label">الخزنة</label>
                        <div class="col-lg-4">

                            <span id="spryselect3">
                                <select class="select2 wdt100" name="saveid" id="saveid">
                                    <option value="-1">اختر خزنة</option>

                                    {foreach $saveData as $save}

                                    <option value="{$save->saveid}">{$save->savename}</option>

                                    {/foreach}


                                </select>
                                <span class="selectInvalidMsg"> *</span></span>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="saveid" class="col-lg-2 control-label">البحث فى يوميه الخزنه</label>
                        <div class="col-lg-4">


                            <select class="select2 wdt100" name="searchinonesave" id="searchinonesave">
                                <option value="0">كل الخزن</option>
                                <option value="1">خزنه المستخدم فقط</option>
                            </select>

                        </div>
                    </div>




                    <div class="form-group">
                        <label for="userstoreid" class="col-lg-2 control-label">المخزن</label>
                        <div class="col-lg-4">

                            <span id="spryselect4">
                                <select class="select2 wdt100" name="userstoreid" id="userstoreid">
                                    <option value="-1">اختر المخزن</option>
                                    <option value="0">كل المخازن</option>
                                    {foreach $storData as $mystorData}

                                    <option value="{$mystorData->storeId}">{$mystorData->storeName}</option>

                                    {/foreach}


                                </select>
                                <span class="selectInvalidMsg"> *</span></span>
                        </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 name = new Spry.Widget.ValidationTextField("name");
    var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
    var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");
    var spryselect2 = new Spry.Widget.ValidationSelect("spryselect2", {invalidValue: "-1", isRequired: false});
    //var spryselect3 = new Spry.Widget.ValidationSelect("spryselect3", {isRequired: false, invalidValue: "-1"});
    //var spryselect4 = new Spry.Widget.ValidationSelect("spryselect4", {isRequired: false, invalidValue: "-1"});
    //var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3", "integer", {isRequired: false, invalidValue: "-1", minValue: "0", maxValue: "100"});
</script>
{/literal}
{literal}
<script type="text/javascript">
    $('#spbutton').live('click', function (e) {
        //ckeck name
        var tableName = 'user';
        var inputName = 'username';
        var name = $("#" + inputName).val();
        $.ajax({
            url: 'checkRedundantNames.php?name=' + name + '&tablename=' + tableName,
            success: function (data) {
                //alert(data);
                if (data == '0')
                {
                    $("#nameError").css("display", "none");
                    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;
                }
            }});

    });
</script>
{/literal}
