@extends('layouts.student')
@section('title', 'Notify Students')
@section('content')
    <x-page-head title="Notify Students" subtitle="Send a message to fellow students">
        <x-slot:actions><a href="{{ route('student.messages.index') }}" class="btn btn-outline">Back</a></x-slot:actions>
    </x-page-head>
    <x-panel>
        <form method="POST" action="{{ route('student.messages.store') }}">
            @csrf
            <div style="display:grid; gap:16px; max-width:640px;">
                <div class="form-group">
                    <label class="form-label" for="audience_type">Send To</label>
                    <select class="input" id="audience_type" name="audience_type" required>
                        @foreach ($audienceTypes as $type)
                            <option value="{{ $type }}" @selected(old('audience_type') === $type)>{{ str_replace('_', ' ', ucfirst($type)) }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group" id="class-targets">
                    <label class="form-label" for="audience_targets">Class</label>
                    <select class="input" id="audience_targets" name="audience_targets">
                        @foreach ($classes as $class)
                            <option value="{{ $class->id }}">{{ $class->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label" for="subject">Subject</label>
                    <input class="input" type="text" id="subject" name="subject" value="{{ old('subject') }}" required>
                </div>
                <div class="form-group">
                    <label class="form-label" for="body">Message</label>
                    <textarea class="input" id="body" name="body" rows="6" required>{{ old('body') }}</textarea>
                </div>
                <button type="submit" class="btn btn-primary">Send Notification</button>
            </div>
        </form>
    </x-panel>
@endsection