@extends('layouts/contentNavbarLayout')
@section('title', 'Roles')
@section('content')
<nav aria-label="breadcrumb" class="mb-3">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
        <li class="breadcrumb-item"><a href="{{ route('roles.index') }}">Roles</a></li>
        <li class="breadcrumb-item active">Edit</li>
    </ol>
</nav>
<div class="card">
  <div class="card-header">
      <h5 class="card-title">Edit Role</h5>
  </div>
  <div class="card-body">
      <form action="{{ route('roles.update', $role->id) }}" method="POST">
          @csrf
          @method('PUT')
          <div class="mb-3">
              <label for="name" class="form-label">Name</label>
              <input type="text" class="form-control" id="name" name="name" value="{{ $role->name }}" required>
          </div>
          <div class="mb-3">
              <label for="slug" class="form-label">Slug</label>
              <input type="text" class="form-control" id="slug" name="slug" value="{{ $role->slug }}" disabled>
          </div>
          <div class="mb-3">
              <label for="description" class="form-label">Description</label>
              <textarea class="form-control" id="description" name="description" rows="3">{{ $role->description }}</textarea>
          </div>
          <button type="submit" class="btn btn-primary">Save</button>
          <a href="{{ route('roles.index') }}" class="btn btn-secondary">Cancel</a>
      </form>
  </div>
</div>
@endsection