@extends('layouts.main', ['title' => 'Data User'])
@push('modal')
    <div id="modal-tahun-ajaran" class="modal" data-form="">
        <div class="modal-background --modal-delete-close"></div>
        <div class="modal-card">
            <header class="modal-card-head">
                <p class="modal-card-title">Tambah Tahun Ajaran Baru</p>
            </header>
            <section class="modal-card-body">
                <form action="{{ route('tahun-ajaran.store') }}" method="POST">
                    @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="2024/2025">

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



                    </div>
                    <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>
            </section>
            <footer class="modal-card-foot">
                <button class="button --modal-close">Cancel</button>
            </footer>

        </div>
    </div>
@endpush

@section('content')
    <section class="section main-section">

        <div class="card ">
            <header class="card-header">
                <div class="card-header-title">
                    <span class="icon"><i class="mdi mdi-account-multiple"></i></span>
                    Tahun Ajaran

                </div>
                <div class="p-4">
                    {{-- <button type="button" class="button blue --modal" data-target="modal-tahun-ajaran"><i
                            class="mdi mdi-plus"></i> Tambah</button> --}}
                            <a href="{{route('tahun-ajaran.create')}}" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-2 rounded"><i class="mdi mdi-plus"></i> Tambah Tahun Ajaran</a>
                </div>
            </header>
            <div class="card-content">
                <table>
                    <thead>
                        <tr>
                            <th>
                                No
                            </th>
                            <th>
                                Tahun Ajaran
                            </th>
                            <th>
                                Siswa
                            </th>
                            <th>
                                Aksi
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($tahunAjarans as $tahunAjaran)
                            <tr>
                                <td>
                                    {{ $loop->iteration }}
                                </td>
                                <td>
                                    {{ $tahunAjaran->tahun_ajaran }}
                                </td>
                                <td>
                                    {{ $tahunAjaran->siswas_count }}
                                </td>
                                <td>
                                    @if ($tahunAjaran->id != auth()->user()->tahun_ajaran_id)
                                        <button class="button small red --modal-delete"
                                            data-form="delete-data-{{ $tahunAjaran->id }}" data-target="modal-delete"
                                            type="button">
                                            <span class="icon"><i class="mdi mdi-trash-can"></i></span>
                                        </button>
                                        <form action="{{ route('tahun-ajaran.delete', $tahunAjaran->id) }}"
                                            method="POST" id="delete-data-{{ $tahunAjaran->id }}">
                                            @csrf
                                            @method('DELETE')
                                        </form>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </section>
@endsection