@extends('layouts.app')
@section('title', 'Pulse Check')
@section('content')
<h4 class="mb-3">💭 Quick Pulse Check</h4>
@forelse ($surveys as $survey)
<div class="card p-3 mb-3" style="max-width:500px;">
    <p class="fw-bold">{{ $survey->question }}</p>
    <form method="POST" action="{{ route('pulse-surveys.respond', $survey) }}">
        @csrf
        <div class="btn-group mb-2 w-100" role="group">
            @foreach ([1,2,3,4,5] as $n)
            <input type="radio" class="btn-check" name="rating" value="{{ $n }}" id="r{{ $survey->id }}_{{ $n }}" required>
            <label class="btn btn-outline-dark" for="r{{ $survey->id }}_{{ $n }}">{{ $n }}</label>
            @endforeach
        </div>
        <input name="comment" class="form-control mb-2" placeholder="Comment (optional)">
        <button class="btn btn-dark btn-sm w-100">Submit</button>
    </form>
</div>
@empty
<p class="text-muted">No pulse checks waiting for your response right now.</p>
@endforelse
@endsection