@extends('layouts.admin')
@section('pageTitle')
<title>Best Insurance | Broker</title>
@stop
@section('content')
<section class="content ">
  <div class="box">
    <!-- /.box-header -->
    <div class="box-body">
      {{Form::open(array('url' => '/account/brokers/edit-broker/'.$broker->id,'id' => 'formValidation', 'method' => 'POST'))}}
      <div class="form-group  col-md-12 text-red">* Password will be automatically generated and will be sent to given email. </div>
      <div class="form-group  col-md-6 required">
        <span class=" control-label "></span>
        {{Form::label('Select Affliate Admin',array())}}
        {!!Form::select('affliate_admin', $affliate_admin, $broker->user_affliate_ho_id, ['class' => 'form-control','id'=>'affliate_admin','readonly'])!!}
        @if($errors->has('affliate_admin'))
        <label id="email-error" class="error" for="affliate_admin">{{$errors->first('affliate_admin')}} </label>
        @endif
      </div>
      <!-- <div class="form-group  col-md-12"></div> -->
      <div class="form-group  col-md-6 required">
        <span class="control-label "></span>
        {{Form::label('Branch',array())}}
        {!!Form::select('branch', [], null, ['class' => 'form-control','id'=>'branches','readonly'])!!}
        @if($errors->has('branch'))
          <label id="email-error" class="error" for="branch">{{$errors->first('branch')}} </label>
        @endif
      </div>
      <!-- <div class="form-group  col-md-12"></div> -->
      <div class="form-group  col-md-6 required">
        <span class=" control-label "></span>
        {{Form::label('First Name',array())}}
        @if(!empty($broker->profile))
        {{Form::text('first_name',$broker->profile->first_name,array('required' => true,'class' =>'form-control'))}}
        @else
        {{Form::text('first_name','',array('required' => true,'class' =>'form-control'))}}
        @endif
        @if($errors->has('first_name'))
          <label id="email-error" class="error" for="first_name">{{$errors->first('first_name')}} </label>
        @endif
      </div>
      <!-- <div class="form-group  col-md-12"></div> -->
      <div class="form-group  col-md-6 required">
        <span class=" control-label "></span>
        {{Form::label('Last Name',array())}}
        @if(!empty($broker->profile))
        {{Form::text('last_name',$broker->profile->last_name,array('required' => true,'class' =>'form-control'))}}
        @else
        {{Form::text('last_name','',array('required' => true,'class' =>'form-control'))}}
        @endif
        @if($errors->has('last_name'))
          <label id="email-error" class="error" for="last_name">{{$errors->first('last_name')}} </label>
        @endif
      </div>
     
      <!-- <div class="form-group  col-md-12"></div> -->
      <div class="form-group  col-md-6 required">
        <span class=" control-label "></span>
        {{Form::label('Email',array())}}
        {{Form::email('email',$broker->email,array('class' =>'form-control'))}}
        @if($errors->has('email'))
        <label id="email-error" class="error" for="email">{{$errors->first('email')}} </label>
        @endif
      </div>
      
      <div class="form-group  col-md-12"></div>
      <!-- end of head office -->
      <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">
/* for validation msg */
.error{
  color:red;
}
</style>
<script type="text/javascript">
 $(document).ready(function(){
  var branches = {!!$affliate_branches!!};
  var user_branch = {!!$broker->branch_id!!};
  var affliate_admin = "{{$broker->user_affliate_ho_id}}";
    // trim blank spaces 
    $('#formValidation').submit( function(e){
      $(this).find('input:text').each(function(){
        $(this).val($.trim($(this).val()));
      });
    });
    $('#formValidation').validate({
      rules:{
        affliate_admin:{
          required:true
        },
        branch:{
          required:true,
          maxlength:255
        },
        first_name:{
          required:true,
        },
        last_name:{
          required:true,
        },
        email:{
          required:true,
          maxlength:255
        }
      },
      messages:{
        affliate_admin:'* Please select Affliate Admin',
        branch:'* Please select Branch name',
        first_name:'* Please enter first name',
        last_name:'* Please enter last name.',
        email: "* Please enterEmail",
      }
    });


    if(affliate_admin.length>0){
      branch_fill();
    }

    $('#affliate_admin').on('change', function() {
        branch_fill();
    });

    function branch_fill() {
      $('#branches').empty(); 
      var affliate_admin_id = $('#affliate_admin').val();
        $.each(branches[affliate_admin_id], function (i, item) {
          if(user_branch == item.id){
            $('#branches').append($('<option>', { 
                value: item.id,
                text : item.branch_name ,
                selected:true
            }));
          }else{
            $('#branches').append($('<option>', { 
                value: item.id,
                text : item.branch_name 
            }));
          }
            
        });
    }

  });
</script>
@stop