@extends('admin.layout')
@section('title',__('Create role'))

@section('css')
<style>
    label.permission {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    label.permission input {
        width: 17px;
        height: 17px;
    }
</style>
@endsection

@section('breadcrump')
  <h1>
    {{ __('Create role') }}
  </h1>
  <ol class="breadcrumb direction">
    <li><a href="{{ url('admin/dashboard') }}"><i class="fa fa-dashboard"></i> {{__('Home')}}</a></li>
    <li><a href="{{ url('admin/roles') }}"><i class="fa fa-tasks"></i> {{__('Roles')}}</a></li>
    <li class="active">{{__('Create role')}}</li>
  </ol>
@endsection

@section('content')
<div class="row">
        <div class="col-xs-12">
          <div class="box box-info">
            <div class="box-header">
              <h3 class="box-title">{{ __('Create role') }}</h3>
            </div><!-- /.box-header -->
            <form action="{{route('roles.store')}}" method="POST" id="page_form">
                @csrf
                @include('admin.pages.roles._form')
            </form>
          </div><!-- /.box -->
        </div><!-- /.col -->
      </div><!-- /.row -->
@endsection

@section('scripts')
    @include('admin.pages.roles.scripts')
@endsection