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

@section('content')


     <div class="card shadow">
         <div class="card-header bg-color">
         <h4 class="text" style="text-align: center !important;">Add Roles</h4>
         </div>
           <div class="card-body">
             <form class="forms-sample" method="POST" action="{{route('roles.store')}}">
               @csrf()
                <div class="form-group">
                        <label for="role_name">Role Name</label>
                        <input type="text" class="form-control" name="role_name" autocomplete="off" id="role_name" placeholder="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>
 <style>
   .bg-color{
        background-color:white;
        padding-top:20px;
    }
    .text{
        font-size: 24px; 
        font-family: "Arial", sans-serif; 
    font-weight: bold;
    color:black;
    font-family: "Arial", sans-serif; 
    }
</style>

@endsection