@extends('layouts.student')
@section('title', 'New Report')
@section('content')
    <x-page-head title="Report a Case" subtitle="Submit a concern">
        <x-slot:actions><a href="{{ route('student.cases.index') }}" class="btn btn-outline">Back</a></x-slot:actions>
    </x-page-head>
    <x-panel>
        <p style="color:var(--text2); margin-bottom:16px;">Your report will be sent to your class teacher and the headmaster. Provide as much detail as possible.</p>
        <form method="POST" action="{{ route('student.cases.store') }}" enctype="multipart/form-data">
            @csrf
            <div style="display:grid; gap:16px; max-width:720px;">
                <div class="form-group">
                    <label class="form-label" for="subject_student_id">Student Involved</label>
                    <select class="input" id="subject_student_id" name="subject_student_id" required>
                        <option value="">— Select student —</option>
                        @foreach ($students as $student)
                            <option value="{{ $student->id }}" @selected(old('subject_student_id') == $student->id)>{{ $student->full_name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label" for="title">Brief Title</label>
                    <input class="input" type="text" id="title" name="title" value="{{ old('title') }}" required placeholder="e.g. Bullying during break time">
                </div>
                <div style="display:grid; grid-template-columns:1fr 1fr; gap:16px;">
                    <div class="form-group">
                        <label class="form-label" for="category">Category</label>
                        <select class="input" id="category" name="category">
                            <option value="">— Select —</option>
                            @foreach ($categories as $key => $label)
                                <option value="{{ $key }}" @selected(old('category') === $key)>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="form-label" for="severity">Severity</label>
                        <select class="input" id="severity" name="severity" required>
                            @foreach ($severities as $severity)
                                <option value="{{ $severity }}" @selected(old('severity', 'medium') === $severity)>{{ ucfirst($severity) }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="form-label" for="description">What happened?</label>
                    <textarea class="input" id="description" name="description" rows="6" required minlength="20">{{ old('description') }}</textarea>
                </div>
                <div class="form-group">
                    <label class="form-label"><input type="checkbox" name="is_anonymous" value="1" @checked(old('is_anonymous'))> Submit anonymously (only headmaster sees your identity)</label>
                </div>
                <div class="form-group">
                    <label class="form-label" for="evidence">Evidence (optional)</label>
                    <input class="input" type="file" id="evidence" name="evidence[]" multiple accept="image/*,.pdf,.doc,.docx">
                </div>
                <button type="submit" class="btn btn-primary">Submit Report</button>
            </div>
        </form>
    </x-panel>
@endsection