@extends('_layout.layout')

@section('title') Create user
@endsection

@section('header')
<h1>Create user</h1>
@endsection



@section('content')
@include('_layout.partials.formerror')

<div class="row">
  <div class="col-md-12">
    <div class="portlet box green">
      <div class="portlet-title">
        <div class="caption">
          <i class="list-ul"></i>
          <span class="caption-subject bold uppercase"> User details</span>
        </div>
      </div>
      <div class="portlet-body form">
        {!! Form::open(['route' => 'postCreateUser','class' => 'form-horizontal']) !!}
          <div class="form-body">
            <div class="form-group">
              {!! Form::label('role', 'Role', ['class' => 'col-md-2 control-label']) !!}
              <div class="col-md-10">
                {!! Form::select('role',$roles, null, ['class' => 'form-control','required' => 'required','id' =>'roles']) !!}
              </div>
            </div>
          @if ($companies)
            <div class="form-group">
              {!! Form::label('company', 'Company', ['class' => 'col-md-2 control-label']) !!}
              <div class="col-md-10">
                {!! Form::select('company',$companies, null, ['class' => 'form-control','required' => 'required','disabled' => 'disabled' ,'id' =>'companies']) !!}
              </div>
            </div>
          @endif
            <hr>

            <div class="form-group">
              {!! Form::label('firstname', 'First name', ['class' => 'col-md-2 control-label']) !!}
              <div class="col-md-10">
                {!! Form::text('firstname', null, ['class' => 'form-control','required' => 'required','placeholder' => 'input user first name']) !!}
              </div>
            </div>
            <div class="form-group">
              {!! Form::label('lastname', 'Last name', ['class' => 'col-md-2 control-label']) !!}
              <div class="col-md-10">
                {!! Form::text('lastname', null, ['class' => 'form-control','required' => 'required','placeholder' => 'input user last name']) !!}
              </div>
            </div>

            <div class="form-group">
              {!! Form::label('phone', 'Phone', ['class' => 'col-md-2 control-label']) !!}
              <div class="col-md-10">
                {!! Form::text('phone', null, ['class' => 'form-control','required' => 'required','placeholder' => 'input user phone']) !!}
              </div>
            </div>

            <div class="form-group">
              {{ Form::label('email', 'Email (username)', ['class' => 'col-md-2 control-label']) }}
              <div class="col-md-10">
                {{ Form::email('email', null, ['class' => 'form-control', 'required' => 'required','placeholder' => 'input user email']) }}
              </div>
            </div>
                      
            <div class="form-group">
              {{ Form::label('password', 'Password', ['class' => 'col-md-2 control-label']) }}
              <div class="col-md-10">
                  {{ Form::password('password', ['class' => 'form-control', 'required' => 'required','placeholder' => 'input user password']) }}
              </div>
            </div>
            <div class="form-group">
              {{ Form::label('password_confirmation', 'Confirm password', ['class' => 'col-md-2 control-label']) }}
              <div class="col-md-10">
                  {{ Form::password('password_confirmation', ['class' => 'form-control', 'required' => 'required','placeholder' => 'retype user password']) }}
              </div>
            </div>
          </div>
          <div class="form-actions">
              <div class="row">
                  <div class="col-md-offset-2 col-md-10">
                      <button type="submit" class="btn green">Save</button>
                      <a href="{{url()->previous()}}" class="btn default">Cancel</a>
                  </div>
              </div>
          </div>
        {!! Form::close() !!}
      </div>
    </div>
  </div>
</div>

@endsection



@section('page-script')
<script>

function roleChange()
{
    if ($("#roles").val()>=50 && $("#roles").val()<70)
        $('#companies').prop("disabled", false);
      else
        $('#companies').prop("disabled", true);
}

$("#roles").on('change', function (e) {
  roleChange();
});
roleChange();

</script>
@endsection