@if (!Permit::isPermit(str_replace('/create', '', Route::current()->uri()), 'create', true))
<div class="alert alert-danger">You are not allowed to access this section.</div>
@else
<!-- Error display container -->
<div id="error-messages" class="alert alert-danger d-none"></div>
<!-- Basic Horizontal form layout section start -->
<form id="trendingForm" action="{{ route('roles.store') }}" class="form-horizontal" method="POST" autocomplete="off">
    @csrf
    <section>
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">Add Role</h4>
            </div>
            <div class="card-content">
                <div class="card-body">
                    <div class="form-body">
                        <div class="row">
                            <div class="col-12 mb-6">
                                <div class="form-group row">
                                <div class="col-12 mb-6">
                                    <div class="form-group row">
                                        <div class="col-md-4">
                                            <span>{{__('Role Title')}}</span>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="position-relative has-icon-left">
                                                <input type="text"  name="role_title" id="role_title"class="form-control" 
                                                        required  value="{{ old('role_title') }}" autocomplete="off">
                                                <div class="form-control-position">
                                                    <i class="feather icon-info"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 mb-6">
                                    <div class="block-content block-content-full text-right border-top pt-1">
                                        <button type="submit" class="btn btn-primary"><i
                                                    class="fa fa-check mr-1"></i>{{__('Save')}}</button>
                                        <button class="btn btn-secondary" data-bs-dismiss="offcanvas" aria-label="Close">{{__('Cancel & Back')}}</button>
                                    </div>
                                </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</form>
@endif