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

    {{-- Show validation errors --}}
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form action="{{ route('roles.update', $role->id) }}" method="POST">
        <input type="hidden" name="_token" value="{{ csrf_token() }}" />
        

        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="role_title">Role Title</label>
                    <input type="text" class="form-control" name="role_title" id="role_title"
                        value="{{ old('role_title', $role->role_title) }}" required>
                </div>

                <div class="form-group">
                    <label for="is_active">Is Active</label>
                    <select class="form-control" name="is_active" id="is_active" required>
                        <option value="Y" {{ old('is_active', $role->is_active) == 'Y' ? 'selected' : '' }}>Yes</option>
                        <option value="N" {{ old('is_active', $role->is_active) == 'N' ? 'selected' : '' }}>No</option>
                    </select>
                </div>
            </div>

            <div class="col-md-6">
                <div class="form-group">
                    <label for="role_slug">Role Slug</label>
                    <input type="text" class="form-control" name="role_slug" id="role_slug"
                        value="{{ old('role_slug', $role->role_slug) }}" required>
                </div>
            </div>
        </div>

        <button type="submit" class="btn btn-primary">Update Role</button>
        <a href="{{ route('roles.index') }}" class="btn btn-secondary">Cancel</a>
    </form>
</div>
@endsection