@extends('layouts.admin')
@section('pageTitle')
  <title>Best Insurance | Profiles</title>
@stop
@section('content')
<section class="content ">
  <div class="box box-warning">
  <!-- Header -->
        <!-- <div class="box-header">
          <h3 class="box-title">Create Profile</h3>
        </div> -->
  <!-- /.box-header -->
  
        <div class="box-body ">
        {{Form::open(array('url' => '/account/profile', 'method' => 'POST','id' => 'formValidation'))}}
          <div class="form-group col-md-6 required">
          <span class="control-label"></span>
            {{Form::label('title',array())}}
            {{Form::text('title',null,array('required' => true,'class' =>'form-control'))}}
          </div>
          <div class="form-group col-md-12"></div>
          <div class="form-group col-md-6 required">
          <span class="control-label"></span>
            {{Form::label('description',array())}}
            {{Form::textArea('description',null,array('required' => true,'class' =>'form-control'))}}
          </div>

          <div class="form-group col-md-12"></div>
          <div class="form-group col-md-6 required">
          <span class="control-label"></span>
            <label for="show_webline">Show webline products</label>&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="radio" name="show_webline" value="1" required>&nbsp;&nbsp;
            <label for="show_webline">Yes</label>&nbsp;&nbsp;
            <input type="radio" name="show_webline" value="0" required>&nbsp;&nbsp;
            <label for="show_webline">No</label><br>
            <label id="show_webline-error" class="error" for="show_webline"></label>
          </div>

          <div class="form-group col-md-12"></div>
           <div class="form-group col-md-6">
            {{Form::submit('Submit',array('class' => 'btn btn-success'))}}
          </div>
        {{Form::close()}}
        </div>
        <!-- /.box-body -->
        </div>
    <!-- </div> -->
   
</section>

@stop
@section('pageBottomJs')
<style type="text/css">
  .error{
    color: red;
  }
</style>
 <script type="text/javascript">
   $(document).ready(function(){
    // trim blank spaces 
      $('#formValidation').submit( function(e){
          $(this).find('input:text').each(function(){
                $(this).val($.trim($(this).val()));
          });
      });

      $('#formValidation').validate({
          rules:{
            title:{
              required:true,
              maxlength: 200,
            },
            description:{
              required:true
            }
          },
          messages:{
            title:'* Please enter title and maximum length should be 200 characters.',
            description:'* Please enter description.',
          }
      });  
   });
 </script>
@stop