@extends('dashboard.layout.partials.dashboard')

@section('content')

<div class="container-fluid">
 <div class="stretch-card col-xl-8 mx-auto"> <!--col-md-6 grid-margin -->
                <div class="card">
                  <br>
                  <br>
                  <h4 style="text-align: center !important;">Add Roles Category  </h4>
                  <div class="card-body shadow">
                    
                    <form class="forms-sample" method="POST" action="{{route('sub_roles.store')}}">
                     @csrf()
                      <div class="form-group">
                        <label for="role_name">Role Name</label>
                        <select type="text" class="form-control" name="role_name" autocomplete="off" id="role_name">
                          <option value="">Select Roles</option>
                          @foreach($role as $roles)
                          <option value="{{$roles->id}}">{{$roles->role_name}}</option>
                          @endforeach
                        </select>
                      </div>
                      <div class="form-group">
                        <label for="role_name">Role Category Name</label>
                        <input type="text" class="form-control" name="sub_role_name" autocomplete="off" id="sub_role_name">
                      </div>

                      <button type="submit" class="btn btn-gradient-danger me-2">Submit</button>
                      <a class="btn btn-light" href="{{ url()->previous() }}">Cancel</a>
                    </form>
                  </div>
                </div>
              </div>
              </div>

@endsection