@extends('layouts.app')

@section('content')
    <style>
        .settings-form { margin-top: 18px; display: grid; gap: 16px; max-width: 720px; }
        .field label { display: block; margin-bottom: 6px; font-weight: 500; }
        .field input { width: 100%; border: 1px solid #cfd8e3; border-radius: 8px; padding: 10px 12px; font: inherit; }
        .check-row { display: flex; gap: 10px; align-items: center; }
        .check-row input { width: auto; }
        .error-text { color: #b54708; font-size: 13px; margin-top: 4px; }
        .form-actions { display: flex; gap: 10px; justify-content: flex-end; flex-wrap: wrap; }
    </style>

    <h1 class="page-title">{{ $academicYear->exists ? 'แก้ไขปีการศึกษา' : 'เพิ่มปีการศึกษา' }}</h1>
    <p class="page-subtitle">หนึ่งปีสามารถมีหลายเทอมได้ เช่น 2568 เทอม 1 และ 2568 เทอม 2</p>

    <form class="settings-form" method="post" action="{{ $academicYear->exists ? route('academic-years.update', $academicYear) : route('academic-years.store') }}">
        @csrf
        @if ($academicYear->exists)
            @method('put')
        @endif

        <div class="card">
            <div class="field">
                <label for="year">ปีการศึกษา</label>
                <input id="year" name="year" value="{{ old('year', $academicYear->year) }}" placeholder="เช่น 2568">
                @error('year') <div class="error-text">{{ $message }}</div> @enderror
            </div>

            <div class="field" style="margin-top:14px;">
                <label for="term">เทอม</label>
                <input id="term" name="term" value="{{ old('term', $academicYear->term) }}" placeholder="เช่น 1 หรือ 2">
                @error('term') <div class="error-text">{{ $message }}</div> @enderror
            </div>

            <label class="check-row" style="margin-top:14px;">
                <input type="checkbox" name="is_active" value="1" @checked(old('is_active', $academicYear->is_active))>
                <span>ตั้งเป็นปี/เทอมที่กำลังใช้งาน</span>
            </label>
        </div>

        <div class="form-actions">
            <a class="btn secondary" href="{{ route('academic-years.index') }}">กลับ</a>
            <button class="btn" type="submit">บันทึก</button>
        </div>
    </form>
@endsection