
<style>
    .playstation{
        background: url({$path}/images/bg3.png) 75%;
        background-size: cover;
        background-repeat: no-repeat;
        overflow: hidden;
    }
    .playstation .intro{
        text-align: right;
        margin: 20px 50px 0;
        color:#fff;
        font-family: Tahoma, Geneva, sans-serif;
    }
    .card{
        width: 25%;
        margin: 60px 4%;
        float: right;
        border-radius: 10px;
        box-shadow:2px 2px 10px #444,-2px -2px 10px #444
    }
    .cardName{
        text-align: center;
        margin-bottom: 30px;
    }
    .form-card{
        /* box-shadow: 2px 2px 5px #607d8b, -2px -2px 4px #ddd;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 10px;
    background-color: white; */
        overflow: hidden;
        margin-top: 25px;
        margin-bottom: 20px;
    }
    .playstation .form-group{
        margin: 5px;
        overflow: hidden;
    }
    .scan-img{
        margin: 0 20%;
        width: 60%;
    }

    .reqStar{
        font-size: 17px; color: red; display: none;
    }
</style>
<div class="row">
    <div class="container">
        <ol class="breadcrumb">
            <li><a href="#"> المطاعم</a></li>
            <li><a href="restaurantplaystationpaly.php">حجز البلاى ستيشن</a></li>
            <li class="active">دفع بالباقة </li>
        </ol>
        <div class="panel panel-default panel-m playstation" style="">
            <!--<h2 class="cardName">دفع من الكارت بقيمه 100</h2>-->
            <h2 class="cardName">دفع بالكارت لـ  {$closeData->PSName}</h2>

            <div class=" col-lg-6">
                <form class="">
                    <img src="{$path}/images/scan.png" class="scan-img">
                </form>
                <div class="clearfix"></div>
            </div>
            <div class=" col-lg-6">
                <div class="form-group">
                    <label for="txtName" class="col-lg-4 control-label">الوقت</label>
                    <div class="col-lg-8">
                        <span style="float: right;width: 48%;" class="form-control">{$closeData->startTime} - {$closeData->endTime}</span>
                        <span style="float: left;width: 48%;" class="form-control">{$closeData->durationInText}</span>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="form-group">
                    <label for="txtName" class="col-lg-4 control-label">الاجمالى</label>
                    <div class="col-lg-8">
                        <span style="float: right;width: 48%;" class="form-control">{$closeData->totalPrice}</span>
                        <span style="float: left;width: 48%;direction: ltr;" class="form-control">{if $closeData->priceIs == 0}{$closeData->hourPrice}{else}{$closeData->hourPriceMulti}{/if}/h
                        </span>
                        <div class="clearfix"></div>
                    </div>
                </div>

                <form class="form-card" action="restaurantplaystationpaly.php?do=endplaystationplay" method="post" id="chargeCardForm">
                    <div class="form-group">
                        <label for="txtName" class="col-lg-4 control-label">رقم الجهاز </label>
                        <div class="col-lg-8">
                            <input type="text" class="form-control" name="rfid" id="rfid" value=""/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="txtName" class="col-lg-4 control-label">اسم العميل </label>
                        <div class="col-lg-8">
                            <input type="hidden" name="client" id="client" value=""/>
                            <span id="clientError" class="reqStar">*</span>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="txtName" class="col-lg-4 control-label">موبايل العميل </label>
                        <div class="col-lg-8">
                            <input type="text" readonly class="form-control" name="mobile" id="mobile" value=""/>
                            <div class="clearfix"></div>
                        </div>
                    </div>

                    <!--                    <div class="form-group">
                                            <label for="txtName" class="col-lg-4 control-label">كارت العميل</label>
                                            <div class="col-lg-8">
                                                <input type="hidden" name="PSCard" id="PSCard" class="calcRemain" value=""/>
                                                <span id="PSCardError" class="reqStar">*</span>
                                                <div class="clearfix"></div>
                                            </div>
                                        </div>-->
                    <div class="form-group">
                        <label for="txtName" class="col-lg-4 control-label"> القيمة الحالية فى الكارت </label>
                        <div class="col-lg-8">

                            <input type="text" readonly class="form-control" name="PSCardVal" id="PSCardVal" value=""/>

                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="txtName" class="col-lg-4 control-label"> المدفوع من الكارت </label>
                        <div class="col-lg-8">

                            <input type="text" class="form-control calcRemain" name="cardPayed" id="cardPayed" value=""/>
                            <span id="cardPayedError" class="reqStar">*</span>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="txtName" class="col-lg-4 control-label"> المتبقى </label>
                        <div class="col-lg-8">

                            <input type="text" disabled class="form-control" name="Remain" id="Remain" value=""/>

                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="form-group" id="cashPayedDiv" style="display: none;">
                        <label for="txtName" class="col-lg-4 control-label"> المدفوع نقدا </label>
                        <div class="col-lg-8">

                            <input type="text" class="form-control" name="cashPayed" id="cashPayed" value=""/>
                            <span id="cashPayedError" class="reqStar">*</span>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-lg-3 col-lg-offset-9">
                            <input type="hidden" name="id" id="id" value="{$closeData->id}"/>
                            <input type="hidden" name="totalReq" id="totalReq" value="{$closeData->totalPrice}"/>
                            <input type="hidden" name="cardid" id="cardid" value=""/>

                            <!--needed for end playstationplay -->
                            <input type="hidden" name="psid" id="psid" value="{$closeData->playstationid}"/>
                            <input type="hidden" name="totalPrice" id="totalPrice" value="{$closeData->totalPrice}"/>
                            <input type="hidden" name="discount" id="discount" value="0"/>
                            <input type="hidden" name="netPrice" id="netPrice" value="{$closeData->totalPrice}"/>
                            <!--needed for end playstationplay -->
                            <button name="paycard" type="button" id="paycard" class="btn btn-primary pull-left">اتمام الدفع</button>

                        </div>
                    </div>

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

        </div>

    </div>
</div>
















<!------------------------Client Model----------------------------->
<!-- Modal -->
<div class="modal fade" id="myclientModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content bg-modal">
            <div class="modal-header">
                <button type="button" class="close pull-left savemodel2" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">اضافة عميل</h4>
            </div>
            <div class="modal-body">
                <form id="clientInfomain" action="#" method="post" class="form-horizontal">
                    <div class="form-group">
                        <label for="newclientName" class="col-lg-3 control-label">اسم العميل</label>
                        <div class="col-lg-6"> <span id="sprytextfield2">
                                <input class="form-control" placeholder="اسم العميل" id="newclientName"   name="newclientName" type="text"  required="required"/>
                                <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="clientaddress" class="col-lg-3 control-label">RFID العميل</label>
                        <div class="col-lg-6">
                            <input class="form-control" id="clientRFID" name="clientRFID" type="text"/>
                        </div>
                    </div>
                    <!-- =================================================   -->
                    <div class="form-group">
                        <label for="newclientdebt" class="col-lg-3 control-label">المديونية</label>
                        <div class="col-lg-6"> <!--<span id="sprytextfield3">-->
                            <input class="form-control numberinput" placeholder="المديونية" id="newclientdebt" name="newclientdebt" type="text" required="required"/>
                            <!--<span class="textfieldRequiredMsg">*</span><span class="textfieldInvalidFormatMsg">ادخل المديونية صحيحة</span></span>--> </div>
                    </div>
                    <div class="form-group">
                        <label for="clientaddress" class="col-lg-3 control-label">العنوان</label>
                        <div class="col-lg-6">
                            <input class="form-control" placeholder="العنوان" id="clientaddress" name="clientaddress" type="text"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="clientphone" class="col-lg-3 control-label">رقم التليفون</label>
                        <div class="col-lg-6">
                            <input class="form-control numberinput" placeholder="رقم التليفون" id="clientphone" name="clientphone" type="text"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="clientmobile" class="col-lg-3 control-label">رقم الموبايل</label>
                        <div class="col-lg-6">
                            <input class="form-control numberinput" placeholder="رقم الموبايل" id="clientmobile"  name="clientmobile" type="text"/>
                        </div>
                    </div>

                    <!-- =================================================   -->
                    <div class="form-group">
                        <label for="clientdetails" class="col-lg-3 control-label">التعليق</label>
                        <div class="col-lg-6">
                            <textarea  class="form-control" rows="3" name="clientdetails" id="clientdetails"></textarea>
                        </div>
                    </div>
                    <!-- =================================================   -->
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">الغاء</button>
                <button type="button" class="btn btn-primary savemodel1">حفظ</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
{literal}
<script>
    setTimeout(function () {
        window.location.reload();
    }, 1000 * 60 * 5);
</script>
{/literal}