@extends('layouts.app')

@section('title', 'New Role')

@section('content')
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h5 class="fw-semibold mb-0">New Role</h5>
        <a href="{{ route('admin.roles.index') }}" class="btn btn-sm btn-outline-secondary">Back</a>
    </div>

    <div class="card border-0 shadow-sm">
        <div class="card-body">
            <form method="POST" action="{{ route('admin.roles.store') }}">
                @csrf
                @include('admin.roles._form', ['role' => null])
                <button type="submit" class="btn btn-primary mt-4">Create Role</button>
            </form>
        </div>
    </div>
@endsection