

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

        <ol class="breadcrumb">
            <li><a href="#"> المطاعم</a></li>
            <li><a href="restaurantplaystation.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="form-horizontal" role="form" action="playStationCardController.php?do=add" method="post" id="spform" enctype="multipart/form-data">

                    {/literal}


                    <div class="form-group">
                        <label class="col-lg-2 control-label"> اسم الباقة</label>

                        <div class="col-lg-4">

                            <span id="sprytextfield1">
                                <input type="text" name="name" id="name" class="form-control"/>
                                <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 class="col-lg-2 control-label">قيمة الباقة</label>
                        <div class="col-lg-4">
                            <span id="sprytextfield2">
                                <input type="text" name="packageVal" id="packageVal" class="form-control positivefloat"/>
                                <span class="textfieldRequiredMsg">*</span></span>
                        </div>
                    </div>

                    <!-- =================================================   -->
                    <div class="form-group">
                        <label class="col-lg-2 control-label">سعر الباقة</label>
                        <div class="col-lg-4">
                            <span id="sprytextfield3">
                                <input type="text" name="packagePrice" id="packagePrice" class="form-control positivefloat"/>
                                <span class="textfieldRequiredMsg">*</span></span>
                        </div>
                    </div>

                    <!-- =================================================   -->
                    <div class="form-group">
                        <label class="col-lg-2 control-label">صلاحية الباقة</label>
                        <div class="col-lg-4">
                            <div class="input-group">
                                <span id="sprytextfield4">
                                    <input type="text" name="packageDays" id="packageDays" class="form-control positiveNo"/>
                                    <span class="textfieldRequiredMsg">*</span><span class="textfieldInvalidFormatMsg">*</span></span><span class="input-group-addon">يوم</span>
                            </div>
                        </div>
                    </div>


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

                    <div class="form-group">
                        <label class="col-lg-2 control-label">صورة البطاقة</label>
                        <div class="col-lg-4">
                            <input type="file" name="file" id="file"/>
                        </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");
    var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3");
    var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4");
    //var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4", "real");
    $('#spbutton').live('click', function (e) {
        //ckeck name
        var tableName = 'playStationCard';
        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");
                    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}
