{{ Form::open(array('method'=>'post', 'enctype'  =>  'multipart/form-data', 'url' => route('set.whatsapp.configuration'), 'id' => 'whatsapp_configuration_form'
)) }}
{{  Form::hidden('id',@$profile['id'])  }}

<div class="box">
  <div class="box-header">
    <i class="fa fa-whatsapp"></i>
    <h6 class="box-title text-muted">
      WhatsApp Configuration
    </h6>
  </div>
  <div class="box-body">
    <div class="row">
      <div class="col-md-12">
        <div class="alert" style="display: none">
          <sapn class="text text-danger">
          </sapn>
        </div>
      </div>
    </div>          
    <div class="row">
      <div class="col-md-12">
        <div class="form-group {{ $errors->has('wa_enable_service') ? ' has-error' : '' }}">
          <label>
          {{  Form::checkbox('wa_enable_service', 1, (($whats_app_enabled_service == 'yes') ? true : false), ['class'=>'minimal']) }}&nbsp;&nbsp;Enable WhatsApp Service
          </label>
          @if ($errors->has('wa_enable_service'))
          <span class="help-block">
            <strong>{{ $errors->first('wa_enable_service') }}</strong>
          </span>
          @endif
          <span class="help-block" id="wa_enable_service"></span>
        </div>
      </div> 
      <div class="col-md-12">
        <div class="form-group {{ $errors->has('wa_username') ? ' has-error' : '' }}">
          {{  Form::label('wa_username', 'Username', ['class' => 'mandatory']) }}
          {{  Form::text('wa_username', $whats_app_username, ['class' => 'form-control', 'autocomplete' => 'off']) }}
          @if ($errors->has('wa_username'))
          <span class="help-block">
            <strong>{{ $errors->first('wa_username') }}</strong>
          </span>
          @endif
          <span class="help-block" id="wa_username"></span>
        </div>
      </div>  
    </div>
    <div class="row">
      <div class="col-md-12">
        <div class="form-group {{ $errors->has('wa_token') ? ' has-error' : '' }}">
          {{  Form::label('wa_token', 'Token', ['class' => 'mandatory']) }}
          {{  Form::text('wa_token', $whats_app_token, ['class' => 'form-control', 'autocomplete' => 'off']) }}
          @if ($errors->has('wa_token'))
          <span class="help-block">
            <strong>{{ $errors->first('wa_token') }}</strong>
          </span>
          @endif
          <span class="help-block" id="wa_token">
            <strong></strong>
          </span>
        </div>
      </div>  
    </div>  
    <div class="row">
      <div class="col-md-12">
        <div class="form-group {{ $errors->has('wa_balance_check_token') ? ' has-error' : '' }}">
          {{  Form::label('wa_balance_check_token', 'Balance Check Token', ['class' => ''])}}
          {{  Form::text('wa_balance_check_token', $whats_app_balance_token, ['id' => 'wa_balance_check_token', 'class' => 'form-control', 'autocomplete' => 'off']) }}
          @if ($errors->has('wa_balance_check_token'))
          <span class="help-block">
            <strong>{{ $errors->first('wa_balance_check_token') }}</strong>
          </span>
          @endif
          <span class="help-block" id="wa_balance_check_token"></span>
        </div>
      </div>
    </div>
  </div>
  <div class="box-footer">
    <div class="pull-right">
      <div class="pull-right">
        {{  Form::submit('Save', ['id' => 'change_password', 'class' => 'btn btn-primary pull-right']) }}
      </div>
      <div class="col-md-1 pull-right">
        <a href="{{ URL::previous() }}" id="cancel" class="btn btn-default pull-right">Cancel</a> 
      </div>
    </div>                     
  </div>
  <div class="toggle" data-toggle-on="true" data-toggle-height="20" data-toggle-width="60"></div>
</div>
{{  Form::close() }}

@section('custom-scripts')
<script type="text/javascript">
  function displayFieldErrors(response){
    var gotErrors = false;
    var errorPostion = "top";
    $.each(response.responseJSON, function (key, item) {
      $gotErrors = true;
      $.each(item, function (keys, item) {
        console.log(item);
        if(item == 'The password confirmation does not match.'){
          $(".help-block#" + key +'_confirmation').closest('.form-group').addClass('has-error');
          $(".help-block#" + key +'_confirmation').append(item+"<br>");
        }else{
          $(".help-block#" + key).closest('.form-group').addClass('has-error');
          $(".help-block#" + key).append(item+"<br>");
        }
      });

      if (errorPostion === "top") {
        errorPostion = "bottom";
      } else {
        errorPostion = "top";
      }
    });
    return gotErrors;
  }
</script>
@append