@extends('layouts.page', ['title' => 'کارت به کارت'])
 
@section('css')
<style type="text/css">
  .spanRed{
    color:red;
  }
  .error{
    color:red;
  }
</style>
@stop

@section('content')
<div class="dvContentSimple" >
    <h3> کارت به کارت - تلگرام</h3>

    <div class="row">
      <div class="col-md-3 ">
 
  </div>
  <div class="col-md-6 ">

  <form action="/admin/telegram/payment/card" method="post" class="form-horizontal"  onsubmit="return check();">
   <input type="hidden" name="_token" value="{{ csrf_token() }}">
   <input type="hidden" name="cid" value="{{ $cid }}">
    <div class="form-group">
       <label for="card_number" class="col-sm-3 control-label">شماره‌کارت/حساب</label>
       <div class="col-sm-9">
         <input type="text" class="form-control ltr" name="card_number" id="card_number" placeholder="شماره‌کارت/حساب" >
         <span class="error" id="span_cardnumber"></span>
       </div>

     </div>

     <div class="form-group">
        <label for="card_code" class="col-sm-3 control-label">شماره پیگیری</label>
        <div class="col-sm-9">
          <input type="text" class="form-control ltr" id="card_code" name="card_code" placeholder="شماره پیگیری">

        <span class="error" id="span_code"></span>
        </div>
       </div>

      <div class="form-group">
         <label for="card_price" class="col-sm-3 control-label">مبلغ (تومان)</label>
         <div class="col-sm-9">
           <input type="text" class="form-control ltr" id="card_price" name="card_price" placeholder="مبلغ واریز شده">

         <span class="error" id="span_price"></span>
         </div>
       </div>

      <div class="form-group">
         <label for="selYear" class="col-sm-3 control-label">تاریخ</label>
         <div class="col-sm-3">
           <select name="selDay" id="selDay" class="form-control">
             <option value="0" selected="selected">روز</option>
             @for($i = 1; $i<=31 ;$i++)
             <option value="{{ $i }}"  >{{ $i }}</option>
             @endfor
           </select>
         </div>
         <div class="col-sm-3">
           <select name="selMonth" id="selMonth" class="form-control">
              <option value="0" selected="selected">ماه</option>
              <option value="1" >فروردین</option>
              <option value="2" >اردیبهشت</option>
              <option value="3" >خرداد</option>
              <option value="4" >تیر</option>
              <option value="5" >مرداد</option>
              <option value="6" >شهریور</option>
              <option value="7" >مهر</option>
              <option value="8" >آبان</option>
              <option value="9" >آذر</option>
              <option value="10" >دی</option>
              <option value="11" >بهمن</option>
              <option value="12" >اسفند</option>
           </select>
         </div>
         <div class="col-sm-3">
           <select name="selYear" id="selYear" class="form-control">
             <option value="0" selected="selected">سال</option>
             @for($i = 1395; $i<=1400 ;$i++)
             <option value="{{ $i }}"  >{{ $i }}</option>
             @endfor
           </select>
         </div>

         <br/>
         <span class="error" style="margin-right: 156px;" id="span_date"></span>
       </div>

       <div class="form-group">
          <label for="selMinute" class="col-sm-3 control-label">ساعت</label>
          <div class="col-sm-3">
            <select name="selMinute" id="selMinute" class="form-control">
              <option value="-1" selected="selected">دقیقه</option>
              @for($i = 0; $i<=59 ;$i++)
              <option value="{{ $i }}"  >{{ $i }}</option>
              @endfor
            </select>
          </div>

          <div class="col-sm-3">
            <select name="selHour" id="selHour" class="form-control">
              <option value="-1" selected="selected">ساعت</option>
              @for($i = 0; $i<=23 ;$i++)
              <option value="{{ $i }}"  >{{ $i }}</option>
              @endfor
            </select>
          </div>
          <br/>
           <span class="error" style="margin-right: 156px;" id="span_time"></span>
        </div>


     <div class="form-group">
       <div class="col-sm-offset-3 col-sm-9">
         <input type="submit" value="ثبت اطلاعات پرداخت" class="btn btn-primary" />
       </div>
     </div>
  </form>

</div>

<div class="col-md-3 ">
    
     </div>
     
</div>
</div>

<!-- Modal -->
<div class="modal fade" id="alertModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">پیام سیستم</h4>
      </div>
      <div class="modal-body">
        <div id="modalAlertMessage"></div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">بستن</button>
      </div>
    </div>
  </div>
</div>

@stop


@section('javascript')
   <script language="javascript" type="text/javascript">

   function check()
   {
      isError = 0;
     c=document.getElementById("card_number").value;
     if( c.length < 3  ){
       $("#span_cardnumber").html("شماره‌کارت/حساب را وارد نمایید.");

       isError = 1;
     }

     c=document.getElementById("card_code").value;
     if( c.length < 3  ){

       $("#span_code").html("شماره پیگیری را وارد نمایید.");
       isError = 1;
     }

     c=document.getElementById("card_price").value;
     if( c.length < 3  ){
       $("#span_price").html("مبلغ را وارد نمایید.");
       isError = 1;
     }

     c1=document.getElementById("selDay").value;
     c2=document.getElementById("selMonth").value;
     c3=document.getElementById("selYear").value;
     if( c1 == 0  ||  c2 == 0  || c3 == 0  ){
       $("#span_date").html("تاریخ را وارد نمایید.");
       isError = 1;
     }

     c1=document.getElementById("selMinute").value;
     c2=document.getElementById("selHour").value;
     if( c1 == -1  ||  c2 == -1    ){
       $("#span_time").html("ساعت را وارد نمایید.");
       isError = 1;
     }


     if(isError==1){
       $("#modalAlertMessage").html("لطفا فرم را به دقت تکمیل نمایید !");
       $("#alertModal").modal();

         return false;
     }



     return true;

   }

   </script>
@stop