@extends('layouts.app')

@section('content')
    <div class="container">
        <h2 class="title is-2">Add Paper</h2>
        <form action="{{ route('schoolpapers.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            
            <div class="columns">
                <!-- Left Column -->
                <!-- Left Column -->
                <div class="column is-half">
                    <div class="field">
                        <label class="label" for="year">Year:</label>
                        <div class="control">
                            <div class="select">
                                <select name="year" id="year" required>
                                    <option value="">Select Year</option>
                                    @for ($i = 2000; $i <= date('Y'); $i++)
                                        <option value="{{ $i }}">{{ $i }}</option>
                                    @endfor
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="field">
                        <label class="label">Grade</label>
                        <div class="control">
                            <input class="input" style='width:200px' type="text" name="grade" required>
                        </div>
                    </div>

                   

                    <div class="field">
                        <label class="label" for="term">Term:</label>
                        <div class="control">
                            <div class="select">
                                <select name="term" id="term" required>
                                    <option value="">Select Term</option>
                                    <option value="1">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="field">
                        <label class="label">Subject</label>
                        <div class="control">
                            <input class="input" style='width:200px' type="text" name="subject" required>
                        </div>
                    </div>

                </div>                <!-- Right Column -->
                <div class="column is-half">
                    <div class="field">
                        <label class="label" for="school_id">School:</label>
                        <div class="control">
                            <div class="select">
                                <select name="school_id" id="school_id" required>
                                    <option value="">Select School</option>
                                    @foreach ($schools as $school)
                                        <option value="{{ $school->id }}">{{ $school->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="field">
                        <label class="label" for="is_fouy">Is Found:</label>
                        <div class="control">
                            <input type="checkbox" name="is_fouy" id="is_fouy" value="1">
                        </div>
                    </div>

                    <div class="field">
                        <label class="label" for="file">Upload File:</label>
                        <div class="control">
                            <input type="file" name="file" id="file" class="input">
                        </div>
                    </div>
                </div>
            </div>

            <div class="field">
                <div class="control">
                    <button type="submit" class="button is-primary">Add Paper</button>
                </div>
            </div>
        </form>
    </div>
@endsection