@extends('boilerplate::layout.index', [
    'title' => __('boilerplate::role.title'),
    'subtitle' => __('boilerplate::role.create.title'),
    'breadcrumb' => [
        __('boilerplate::role.title') => 'boilerplate.roles.index',
        __('boilerplate::role.create.title')
    ]
])

@section('content')
    {{ Form::open(['route' => 'boilerplate.roles.store', 'autocomplete' => 'off']) }}
    <div class="row">
        <div class="col-12 mb-3">
            <a href="{{ route("boilerplate.roles.index") }}" class="btn btn-default" data-toggle="tooltip" title="@lang('boilerplate::role.list.title')">
                <span class="far fa-arrow-alt-circle-left text-muted"></span>
            </a>
            <span class="btn-group float-right">
                <button type="submit" class="btn btn-primary">
                    @lang('boilerplate::role.savebutton')
                </button>
            </span>
        </div>
    </div>
    <div class="row">
        <div class="col-md-5">
            @component('boilerplate::card', ['title' => 'boilerplate::role.parameters'])
                @component('boilerplate::input', ['name' => 'display_name', 'label' => 'boilerplate::role.label', 'autofocus' => true])@endcomponent
                @component('boilerplate::input', ['name' => 'description', 'label' => 'boilerplate::role.description'])@endcomponent
            @endcomponent
        </div>
        @if(count($permissions_categories) > 0)
            <div class="col-md-7">
                @component('boilerplate::card', ['color' => 'teal', 'title' => 'boilerplate::role.permissions'])
                    @foreach($permissions_categories as $category)
                        <div class="permission_category">
                            <div class="h6">{{ $category->name }}</div>
                            <table class="table table-hover table-sm">
                                <tbody>
                                @foreach($category->permissions as $permission)
                                    <tr>
                                        <td style="width:25px;">
                                            <div class="icheck-primary">
                                                {{ Form::checkbox('permission['.$permission->id.']', 1, old('permission.'.$permission->id), ['id' => 'permission_'.$permission->id,]) }}
                                                <label for="{{ 'permission_'.$permission->id }}"></label>
                                            </div>
                                        </td>
                                        <td>
                                            {{ Form::label('permission_'.$permission->id, __($permission->display_name), ['class' => 'mb-0', 'data-toggle' => 'tooltip', 'data-title' => $permission->name]) }}
                                            <br/>
                                            <small class="text-muted">{{ __($permission->description) }}</small>
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    @endforeach
                @endcomponent
            </div>
        @endif
    </div>
    {{ Form::close() }}
@endsection