@extends('layouts.layout-admin')

@section('content')

@if(isset($role->id))
<div class="row box-body" ng-controller="roleCtrl" data-ng-init="loadRole('{{ $role->id }}')">
  <form method="post" action="{{ route('roles.update', ['id' => $role->id]) }}" enctype="multipart/form-data" name="formRoles">
    <input name="_method" type="hidden" value="PATCH">
@endif
@if(!isset($user->id))
<div class="row box-body" ng-controller="usersCtrl">
  <form method="post" action="{{ route('roles.store') }}" enctype="multipart/form-data" name="formRoles">
@endif
  
    <div class="form-group">
      <label for="name">Role name:</label>
      <input type="text" class="form-control" id="name" name="name" ng-model="roleFields.name" required>
      <div class="help-block has-error" ng-messages="formRoles.name.$error" ng-if="formRoles.name.$touched">
        @include('users::partials.errormessages')
      </div>
    </div>

    <div class="form-group">
      <label for="display_name">Display name:</label>
      <input type="text" class="form-control" id="display_name" name="display_name" ng-model="roleFields.display_name" required>
      <div class="help-block has-error" ng-messages="formRoles.display_name.$error" ng-if="formRoles.display_name.$touched">
        @include('users::partials.errormessages')
      </div>
    </div>

    <div class="form-group">
      <label for="description">Description:</label>
      <textarea class="form-control" id="description" name="description" ng-model="roleFields.description"></textarea>
      <div class="help-block has-error" ng-messages="formRoles.description.$error" ng-if="formRoles.description.$touched">
        @include('users::partials.errormessages')
      </div>
    </div>

    {!! csrf_field() !!}
    <button type="submit" class="btn btn-primary" ng-disabled="formRoles.$invalid">Save</button>
    <button class="btn btn-default" ng-click="gotoPage('roles')">Cancel</button>
  </form>
</div>
@endsection