@extends('layouts.app')

@section('content')
    <style>
        .form-shell { margin-top: 18px; display: grid; gap: 16px; }
        .form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
        .field label { display: block; margin-bottom: 6px; font-weight: 500; }
        .field input, .field select, .field textarea { width: 100%; border: 1px solid #cfd8e3; border-radius: 8px; padding: 10px 12px; font: inherit; background: #fff; }
        .field textarea { min-height: 96px; resize: vertical; }
        .field.full { grid-column: 1 / -1; }
        .check-row { display: flex; gap: 10px; align-items: center; margin-top: 8px; }
        .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; }
        @media (max-width: 860px) { .form-grid { grid-template-columns: 1fr; } }
    </style>

    <h1 class="page-title">{{ $student->exists ? 'แก้ไขข้อมูลนักเรียน' : 'เพิ่มนักเรียน' }}</h1>
    <p class="page-subtitle">เมื่อนักเรียนมีวันเกิด ระบบจะใช้เลขประจำตัวเป็น username และวันเกิดเป็นรหัสผ่านเริ่มต้น</p>

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

        <div class="card">
            <h2 style="margin:0 0 14px;font-size:18px;">ข้อมูลพื้นฐาน</h2>
            <div class="form-grid">
                <div class="field">
                    <label for="student_code">เลขประจำตัวนักเรียน</label>
                    <input id="student_code" name="student_code" value="{{ old('student_code', $student->student_code) }}">
                    @error('student_code') <div class="error-text">{{ $message }}</div> @enderror
                </div>

                <div class="field">
                    <label for="prefix">คำนำหน้า</label>
                    <input id="prefix" name="prefix" value="{{ old('prefix', $student->prefix) }}" placeholder="เช่น ด.ช. / ด.ญ. / นาย / นางสาว">
                    @error('prefix') <div class="error-text">{{ $message }}</div> @enderror
                </div>

                <div class="field">
                    <label for="first_name">ชื่อ</label>
                    <input id="first_name" name="first_name" value="{{ old('first_name', $student->first_name) }}">
                    @error('first_name') <div class="error-text">{{ $message }}</div> @enderror
                </div>

                <div class="field">
                    <label for="last_name">นามสกุล</label>
                    <input id="last_name" name="last_name" value="{{ old('last_name', $student->last_name) }}">
                    @error('last_name') <div class="error-text">{{ $message }}</div> @enderror
                </div>

                <div class="field">
                    <label for="gender">เพศ</label>
                    <select id="gender" name="gender">
                        <option value="">ไม่ระบุ</option>
                        @foreach (['ชาย', 'หญิง'] as $gender)
                            <option value="{{ $gender }}" @selected(old('gender', $student->gender) === $gender)>{{ $gender }}</option>
                        @endforeach
                    </select>
                    @error('gender') <div class="error-text">{{ $message }}</div> @enderror
                </div>

                <div class="field">
                    <label for="birth_date">วันเกิด</label>
                    <input id="birth_date" type="date" name="birth_date" value="{{ old('birth_date', optional($student->birth_date)->format('Y-m-d')) }}">
                    @error('birth_date') <div class="error-text">{{ $message }}</div> @enderror
                </div>

                <div class="field">
                    <label for="phone">โทรศัพท์</label>
                    <input id="phone" name="phone" value="{{ old('phone', $student->phone) }}">
                    @error('phone') <div class="error-text">{{ $message }}</div> @enderror
                </div>

                <div class="field">
                    <label class="check-row">
                        <input type="checkbox" name="is_active" value="1" @checked(old('is_active', $student->exists ? $student->is_active : true))>
                        <span>กำลังศึกษา/ใช้งานบัญชีได้</span>
                    </label>
                </div>

                <div class="field full">
                    <label for="address">ที่อยู่</label>
                    <textarea id="address" name="address">{{ old('address', $student->address) }}</textarea>
                    @error('address') <div class="error-text">{{ $message }}</div> @enderror
                </div>
            </div>
        </div>

        <div class="card">
            <h2 style="margin:0 0 14px;font-size:18px;">ห้องเรียน</h2>
            <div class="form-grid">
                <div class="field">
                    <label for="classroom_id">ห้องเรียนของปี/เทอมที่ต้องการจัดเข้าห้อง</label>
                    <select id="classroom_id" name="classroom_id">
                        <option value="">ยังไม่จัดเข้าห้อง</option>
                        @foreach ($classrooms as $classroom)
                            <option value="{{ $classroom->id }}" @selected((int) old('classroom_id', optional($currentClassroom)->id) === $classroom->id)>
                                {{ $classroom->academicYear->label ?? '-' }} | {{ $classroom->name }} | {{ $classroom->advisor->full_name ?? '-' }}
                            </option>
                        @endforeach
                    </select>
                    @error('classroom_id') <div class="error-text">{{ $message }}</div> @enderror
                </div>

                <div class="field">
                    <label for="student_number">เลขที่ในห้อง</label>
                    <input id="student_number" type="number" min="1" max="999" name="student_number" value="{{ old('student_number', optional($currentClassroom?->pivot)->student_number) }}">
                    @error('student_number') <div class="error-text">{{ $message }}</div> @enderror
                </div>
            </div>
        </div>

        <div class="form-actions">
            <a class="btn secondary" href="{{ $student->exists ? route('students.show', $student) : route('students.index') }}">กลับ</a>
            <button class="btn" type="submit">บันทึก</button>
        </div>
    </form>
@endsection