@extends('layouts.master')

@section('styles')

@endsection

@section('title')
    @lang('Add permission')
@endsection

@section('breadcrumbs')
    @component('components.breadcrumb', [
        'items' => [
            ['url' => '#', 'label' => 'Admin'],
            ['url' => route('permissions.index'), 'label' => 'Permissions list'],
            ['url' => '#', 'label' => 'Add permission'],
        ]
    ])@endcomponent
@endsection

@section('content')

    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <h5 class="card-header bg-transparent border-bottom text-uppercase">@lang('Add permission')</h5>
                    <div class="card-body">

                    <form action="{{route('permissions.index')}}" method="POST">

                        @csrf

                        @component('components.form.input', [ 'name' => 'title', 'label' => __('Permission name')])@endcomponent

                        @component('components.form.input', [ 'name' => 'group', 'label' => __('Permission group')])@endcomponent

                        @component('components.form.checkbox', [ 'name' => 'hidden', 'label' => __('Hidden')])@endcomponent

                        <button type="submit" class="btn btn-sm btn-primary mobile-btn">@lang('Save')</button>

                    </form>

                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('scripts')
@endsection