@csrf

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

<div class="mb-3">
    <label for="body" class="form-label">Message <span class="text-danger">*</span></label>
    <textarea name="body" id="body" rows="6" class="form-control @error('body') is-invalid @enderror" required>{{ old('body', $announcement->body) }}</textarea>
    @error('body') <div class="invalid-feedback">{{ $message }}</div> @enderror
</div>

<div class="row g-3">
    <div class="col-md-4">
        <label for="audience" class="form-label">Audience <span class="text-danger">*</span></label>
        <select name="audience" id="audience" class="form-select @error('audience') is-invalid @enderror" required>
            @foreach ($audiences as $audience)
                <option value="{{ $audience }}" @selected(old('audience', $announcement->audience) === $audience)>
                    {{ ucfirst($audience) }}
                </option>
            @endforeach
        </select>
        @error('audience') <div class="invalid-feedback">{{ $message }}</div> @enderror
        <div class="form-text">Choose who receives this announcement.</div>
    </div>

    <div class="col-md-4">
        <label for="department_id" class="form-label">Department</label>
        <select name="department_id" id="department_id" class="form-select @error('department_id') is-invalid @enderror">
            <option value="">— None —</option>
            @foreach ($departments as $department)
                <option value="{{ $department->id }}" @selected(old('department_id', $announcement->department_id) == $department->id)>
                    {{ $department->name }}
                </option>
            @endforeach
        </select>
        @error('department_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
        <div class="form-text">Required when audience is <em>Department</em>.</div>
    </div>

    <div class="col-md-4">
        <label for="role" class="form-label">Role</label>
        <select name="role" id="role" class="form-select @error('role') is-invalid @enderror">
            <option value="">— None —</option>
            @foreach ($roles as $role)
                <option value="{{ $role }}" @selected(old('role', $announcement->role) === $role)>{{ $role }}</option>
            @endforeach
        </select>
        @error('role') <div class="invalid-feedback">{{ $message }}</div> @enderror
        <div class="form-text">Required when audience is <em>Role</em>.</div>
    </div>
</div>

<div class="d-flex gap-2 mt-4">
    <button type="submit" class="btn btn-primary"><i class="bi bi-megaphone me-1"></i>{{ $submitLabel }}</button>
    <a href="{{ route('announcements.index') }}" class="btn btn-outline-secondary">Cancel</a>
</div>