@include('admin/header')

    <div class="col-lg-10 col-md-10 py-4">
      @include('flash_message')

      <div class="card">
       <div class="card-header d-flex justify-content-between align-items-center">
                       <h4 class="h5 mb-0">{{ `Edit ${page_title}` ?? 'Edit Role' }}</h4>
       </div>

        <div class="card-body">
          <form action="{{ route('user_roles.update', { id: record.slug }) }}?_method=PUT" method="POST">
            {{ csrfField() }}
            {{-- Title Field --}}
            <div class="mb-3">
              <label for="title" class="form-label">Title <span class="text-danger">*</span></label>
              <input
                type="text"
                class="form-control"
                id="title"
                name="title"
                value="{{ old('title', record.title) }}"
                placeholder="Enter your title"
                required
              >
              @error('title')
                <div class="invalid-feedback">{{ $message }}</div>
              @enderror
<div class="form-text">Enter a descriptive title for this role, like 'Editor' or 'Manager'.</div>
            </div>

            {{-- Submit Button --}}
            <div class="d-block">
              <button type="submit" class="btn btn-custom">
                <i class="bi bi-save me-1"></i> Save Changes
              </button>
            </div>
          </form>
        </div>
      </div>
    </div>

@include('admin/footer')