@extends('contentNavbarLayout')

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

@section('content')
<div class="container">
    <h4>Edit Role</h4>

    <form action="{{ route('roles.update', $role->id) }}" method="POST">
        @csrf
        @method('PUT')

        {{-- Role Name --}}
        <div class="mb-3">
            <label for="name" class="form-label">Role Name</label>
            <input type="text"
                   class="form-control @error('name') is-invalid @enderror"
                   id="name"
                   name="name"
                   value="{{ old('name', $role->name) }}"
                   required>
            @error('name')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="d-flex">
            <a href="{{ route('roles.index') }}" class="btn btn-secondary me-2">
                <i class="mdi mdi-arrow-left"></i> Back
            </a>
            <button type="submit" class="btn btn-success">
                <i class="mdi mdi-content-save"></i> Save Changes
            </button>
        </div>
    </form>
</div>
@endsection