@extends('layouts.main', ['title' => 'Tambah Data Tahun Ajaran Baru'])

@section('content')
    <section class="section main-section">
        <div class="card mb-6">
            <header class="card-header">
                <p class="card-header-title">
                    <span class="icon"><i class="mdi mdi-ballot"></i></span>
                    Tahun Ajaran Baru
                </p>
            </header>
            <div class="card-content">
                <form method="POST" action="{{ route('tahun-ajaran.store') }}">
                    @csrf

                    <div class="w-full flex gap-4 mb-6">
                        <div class="w-full md:w-1/2">
                            <div class="field">
                                <label class="label">Tahun Ajaran (Tahun/Tahun)</label>
                                <div class="field-body">
                                    <div class="control">
                                        <input class="input" name="tahun_ajaran" type="text" placeholder="Kode Komponen"
                                            value="{{ date('Y') }}/{{ date('Y', strtotime('+1 year')) }}">

                                    </div>
                                    @error('tahun_ajaran')
                                        <p class="help is-danger text-red-500">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                        </div>



                    </div>
                    <table class="w-full table">
                        <thead>
                            <th>
                                Dari Kelas
                            </th>
                            <th>
                                Ke Kelas
                            </th>
                        </thead>
                        <tbody>
                            @foreach ($jenjangs as $jenjang)
                                @foreach ($jenjang->kelas as $kelas)
                                    <tr>
                                        <td class="w-1/2">
                                            <div class="field">
                                                <div class="control">
                                                    <input type="hidden" name="kelas_id[]" value="{{ $kelas->id }}">
                                                    <input type="text" class="input" value="{{ $jenjang->nama_jenjang }} / {{ $kelas->nama_kelas }}"
                                                        readonly>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="w-1/2">
                                            <div class="field">
                                                <div class="control">
                                                    <div class="select">
                                                        <select name="ke_kelas_id[]" required>
                                                            <option value="">Pilih Kelas</option>
                                                            <option value="tidak-aktif">Tidak Aktif</option>
                                                            @foreach ($jenjangs as $jenjang2)
                                                               
                                                                @foreach ($jenjang2->kelas as $kelas2)
                                                                    <option value="{{ $kelas2->id }}">
                                                                        {{ $jenjang2->nama_jenjang }} / {{ $kelas2->nama_kelas }}</option>
                                                                @endforeach
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            @endforeach
                        </tbody>
                    </table>


                    <div class="w-full">
                        <hr>
                        <div class="field grouped">
                            <div class="control">
                                <button type="submit" class="button green">
                                    Submit
                                </button>
                            </div>
                            <div class="control">
                                <button type="reset" class="button red">
                                    Reset
                                </button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>


    </section>
@endsection