@extends('adminlte::page')
@section('title', trans('adminlte::users_roles.title.create'))

@section('content')
  @if ($errors->any())
        <div class="alert alert-danger">
            <strong>Whoops!</strong> There were some problems with your input.<br><br>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    


    <form role="form"  id="role-form" action="{{ route('user_role.store') }}" method="POST" role="form" id="role-form">
        @csrf
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="card card-primary">
                      <div class="card-header">
                        <h3 class="card-title">@lang('adminlte::users_roles.header.create')</h3>
                    </div>
                    <div class="card-body">
                        <div class="form-group col-xs-12 col-sm-12 col-md-12">
                            <label for="inputName">@lang('adminlte::users_roles.role_name')<span style="color:red">*</span></label>
                            <input type="text" name='name' id="inputName" class="form-control" placeholder="Enter Name">
                        </div>
                        
                        
                    </div>
                     <div class="card-footer">
                        <button type="submit" class="btn @lang('adminlte::button.save')">@lang('adminlte::users_roles.role_add')</button>
                        <a class="btn @lang('adminlte::button.delete') pull-right" href="{{ route('user_role.index') }}">@lang('adminlte::users_roles.role_cancel')</a>
                    </div>
                </div>
            </div>
        </div>
    </form>
<!--</div>-->
@stop

@section('js')
<script type="text/javascript" src="{{ asset('vendor/jsvalidation/js/jsvalidation.js')}}"></script>
{!! JsValidator::formRequest('App\Http\Requests\Admin\UserRoleRequest', '#role-form'); !!}
@stop