@extends('layouts.school')
@section('title', 'New Announcement')
@section('header', 'New Announcement')
@section('content')
    <form method="POST" action="{{ route('school.communications.store-announcement', request()->route('schoolId')) }}">
        @csrf
        <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6 mb-6">
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
                <div class="md:col-span-2"><label class="block text-sm font-medium text-gray-700">Title *</label><input type="text" name="title" value="{{ old('title') }}" required class="mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2.5 text-sm shadow-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500"></div>
                <div><label class="block text-sm font-medium text-gray-700">Audience *</label><select name="audience" required class="mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2.5 text-sm shadow-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500"><option value="all">Everyone</option><option value="students">Students</option><option value="teachers">Teachers</option><option value="parents">Parents</option></select></div>
                <div class="flex items-end"><label class="flex items-center gap-2"><input type="checkbox" name="is_published" value="1" {{ old('is_published', 1) ? 'checked' : '' }} class="rounded border-gray-300 text-primary-600 shadow-sm focus:ring-primary-500"><span class="text-sm text-gray-700">Publish immediately</span></label></div>
            </div>
            <div><label class="block text-sm font-medium text-gray-700">Body *</label><textarea name="body" rows="8" required class="mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2.5 text-sm shadow-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500">{{ old('body') }}</textarea></div>
        </div>
        <div class="flex gap-3">
            <button type="submit" class="rounded-lg bg-primary-600 px-6 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-primary-700">Create Announcement</button>
            <a href="{{ route('school.communications.announcements', request()->route('schoolId')) }}" class="rounded-lg border border-gray-300 bg-white px-6 py-2.5 text-sm font-medium text-gray-700 hover:bg-gray-50">Cancel</a>
        </div>
    </form>
@endsection