@extends('Layout')

@section('Content')
<div class="col-md-12">
 
 {{ HF::DrawHeadPage(array(array('title'=>'رسائل SMS','url'=>URL::Route('SmsGateway')),array('title'=>$Data['SubTitle'],'url'=>'') ),$Data['SubTitle'])}}
 
    @if(Session::has('errors'))
       <ul class="alert alert-danger">
          @foreach($errors->all() as $error)
             <li>{{ $error }}</li>
          @endforeach
       </ul>
    @endif
@if($Data['BlockBalance'] == TRUE)

<div class="panel panel-default">
  <div class="panel-heading">
      الرصيد المتبقي <small style="color:blue;font-size:14px">[عدد الرسائل المتبقية: {{$Data['RestBalance']}} رسالة]</small>
  </div>
 
  <div class="panel-body">
                        
  <div class="progress progress-striped">
    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: {{$Data['Percent']}}%">
      <span class="sr-only">{{$Data['Percent']}}%</span>
    </div>
  </div>

</div>
</div>
 
@endif

    {{ Draw::SubTitle('<i class="fa fa-arrow-left"></i> نموذج الإرسال','Grey')}}


{{ Form::open(array('id'=>'SMSform'))}}
<div style="border-bottom:1px solid #eee">
 
   
        <div class="col-md-4">
             <div class="form-group">
                <label>رقم الجوال</label>
                <input name="phone_number_SMS" value="{{Input::old('phone_number_SMS')}}" placeholder="رقم الجوال مثل: 966500000000" class="form-control required number">
             </div> 
        </div>
          <div class="col-md-8">
             <div class="form-group">
                <label>نص الرسالة</label>
                <textarea rows="5"  class="form-control required" placeholder="نص الرسالة كل 70 حرف تعادل رسالة واحدة." name="message_SMS" id="message">{{Input::old('message_SMS')}}</textarea>
                <p>
                    <span id="remaining">70 حرف متبقي</span>
                    <span id="messages">، عدد الرسائل 1</span>
                </p>
             </div> 
        </div>
         <script type="text/javascript">
         $(document).ready(function(){
    var $remaining = $('#remaining'),
        $messages = $remaining.next();

    $('#message').keyup(function(){
        var chars = this.value.length,
            messages = Math.ceil(chars / 70),
            remaining = messages * 70 - (chars % (messages * 70) || messages * 70);

        $remaining.text(remaining + ' حرف متبقي');
        $messages.text('، عدد الرسائل '+ messages);
    });
});
         </script>  
          
      <br clear="both"/>
    </div> <!-- end panel body -->
    <br clear="both"/>
 <div class="f_left" >
   <button type="submit" class="btn btn-grey btn-lg">إرسال الرسالة</button>
</div>
</div> <!-- end col12 --> 
 <!-- end col12 -->
<script type="text/javascript">
  $(document).ready(function(){

$("#SMSform").validate({
    highlight: function(element, errorClass) {
      $(element).css('border','1px solid red')
    },
    unhighlight: function(element , errorClass){
      $(element).css('border','1px solid #ccc')
    },
    lang: "ar",
    submitHandler: function() {
        $("#submit_btn").attr("disabled", "disabled");
        return true;
    },
 

    ignore: "",
    errorClass: 'error-note'
  });
 

});

</script>
                            
{{ Form::close()}}
@stop