@extends('layouts.app')

@section('content')
<div class="container">
    <h1 class="title">Edit School Paper</h1>
    <form action="{{ route('schoolpapers.update', $schoolPaper->id) }}" method="POST">
        @csrf
        @method('PUT')

        <div class="columns">
            <div class="column">
                <div class="field">
                    <label class="label">School Name</label>
                    <div class="control">
                        <div class="select is-fullwidth">
                            <select name="school_id" required>
                                <option value="" disabled>Select a school</option>
                                @foreach ($schools as $school)
                                    <option value="{{ $school->id }}" {{ $schoolPaper->school_id == $school->id ? 'selected' : '' }}>
                                        {{ $school->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>

                <div class="field">
                    <label class="label">Year</label>
                    <div class="control">
                        <input class="input" type="number" name="year" value="{{ old('year', $schoolPaper->year) }}" required>
                    </div>
                </div>

                <div class="field">
                    <label class="label">Term</label>
                    <div class="control">
                        <div class="select is-fullwidth">
                            <select name="term" required>
                                <option value="1" {{ $schoolPaper->term == 1 ? 'selected' : '' }}>Term 1</option>
                                <option value="2" {{ $schoolPaper->term == 2 ? 'selected' : '' }}>Term 2</option>
                                <option value="3" {{ $schoolPaper->term == 3 ? 'selected' : '' }}>Term 3</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="field">
                    <label class="label">Subject</label>
                    <div class="control">
                        <input class="input" type="text" name="subject" value="{{ old('subject', $schoolPaper->subject) }}" required>
                    </div>
                </div>
            </div>

            <div class="column">
                <div class="field">
                    <label class="label">Grade</label>
                    <div class="control">
                        <input class="input" type="text" name="grade" value="{{ old('grade', $schoolPaper->grade) }}" required>
                    </div>
                </div>

                <div class="field">
                    <label class="label">Status</label>
                    <div class="control">
                        <input class="input" type="text" name="status" value="{{ old('status', $schoolPaper->status) }}" >
                    </div>
                </div>

                <div class="field">
                    <label class="label">Paper URL</label>
                    <div class="control">
                        <input class="input" type="text" name="url" value="{{ old('url', $schoolPaper->url) }}" >
                    </div>
                </div>

                <div class="field">
                    <label class="label">Source</label>
                    <div class="control">
                        <input class="input" type="text" name="source" value="{{ old('source', $schoolPaper->source) }}" >
                    </div>
                </div>
                <div class="field">
                    <label class="label">Diagram</label>
                    <div class="control">
                        <input class="input" type="text" name="diagram" value="{{ old('diagram', $schoolPaper->diagram) }}" >
                    </div>
                </div>


            </div>
        </div>

        <div class="field">
            <div class="control">
                <button type="submit" class="button is-primary">Update Paper</button>
                <a href="{{ route('schoolpapers.index') }}" class="button is-light">Cancel</a>
            </div>
        </div>
    </form>
</div>
@endsection