@extends('layouts.app')
@section('title', 'Submit Report - Student')

@section('content')
<div class="page-header">
    <h2>Submit Report Log</h2>
    <p style="font-size: 0.8rem; color: #64748b; margin: 0;"><a href="{{ route('student.reports.index') }}">Report Logs</a> / Submit</p>
</div>

<div class="form-card">
    <div class="card-header">New Report Submission</div>
    <div class="card-body">
        <form method="POST" action="{{ route('student.reports.store') }}" enctype="multipart/form-data">
            @csrf
            <div class="mb-3">
                <label class="form-label">Report Title <span class="text-danger">*</span></label>
                <input type="text" name="title" class="form-control @error('title') is-invalid @enderror"
                    value="{{ old('title') }}" placeholder="e.g. Chapter 1: Introduction" required>
                @error('title') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="mb-3">
                <label class="form-label">Description</label>
                <textarea name="description" class="form-control @error('description') is-invalid @enderror"
                    rows="4" placeholder="Brief description of this submission...">{{ old('description') }}</textarea>
                @error('description') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="mb-3">
                <label class="form-label">Report File (PDF or DOCX only) <span class="text-danger">*</span></label>
                <input type="file" name="file" class="form-control @error('file') is-invalid @enderror" required>
                <small style="color: #64748b;">Maximum file size: 10MB</small>
                @error('file') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="mt-4">
                <button type="submit" class="btn btn-primary">Submit Report</button>
                <a href="{{ route('student.reports.index') }}" class="btn btn-outline-secondary">Cancel</a>
            </div>
        </form>
    </div>
</div>
@endsection