@extends('layouts.layout-admin')

@section('content')

@if(isset($permission->id))
<div class="row box-body" ng-controller="permissionsCtrl" data-ng-init="loadPermission('{{ $permission->id }}')">
  <form method="post" action="{{ route('permissions.update', ['id' => $permission->id]) }}" enctype="multipart/form-data" name="formPermissions">
    <input name="_method" type="hidden" value="PATCH">
@endif
@if(!isset($permission->id))
<div class="row box-body" ng-controller="permissionsCtrl">
  <form method="post" action="{{ route('permissions.store') }}" enctype="multipart/form-data" name="formPermissions">
@endif
  
    <div class="form-group">
      <label for="name">Permission name:</label>
      <input type="text" class="form-control" id="name" name="name" ng-model="permissionFields.name" required>
      <div class="help-block has-error" ng-messages="formPermissions.name.$error" ng-if="formPermissions.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="permissionFields.display_name" required>
      <div class="help-block has-error" ng-messages="formPermissions.display_name.$error" ng-if="formPermissions.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="permissionFields.description"></textarea>
      <div class="help-block has-error" ng-messages="formPermissions.description.$error" ng-if="formPermissions.description.$touched">
        @include('users::partials.errormessages')
      </div>
    </div>

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