@extends('index')
@section('content')

    @if (session('success'))
        <div class="alert alert-success mb-2">
            {{ session('success') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    @if (session('error'))
        <div class="alert alert-danger mb-2">
            {{ session('error') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    <form id="card-search" class="card mt-3" method="POST" action="/kelulusan/search" autocomplete="off">
        {{ csrf_field() }}
        <div class="card-body">
            <div class="row">
                <div class="form-group col-md-4">
                    <label>Tahun Kelulusan</label>
                    <div class="input-group mb-2">
                        <select class="form-control" name="year" id="year" required>
                            <option value="">Pilih</option>
                            @foreach ($year as $rows)
                                <option value="{{ $rows->id }}" @if (session('s_year') == $rows->id) selected @endif>
                                    {{ $rows->name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="form-group col-md-4">
                    <label>Kelas</label>
                    <div class="input-group mb-3">
                        <select class="form-control" name="classroom" id="classroom" required>
                            <option value="">Pilih</option>
                            @if (session('s_search_status'))
                                @foreach ($classroom as $rows)
                                    @if (Auth::user()->type == 2)
                                        @if (App\LessonDetail::where('active', 1)->where('classroom_id', $rows->id)->where('user_id', Auth::id())->count())
                                            <option value="{{ $rows->id }}"
                                                @if (session('s_classroom') == $rows->id) selected @endif>{{ $rows->name }}
                                            </option>
                                        @endif
                                    @else
                                        <option value="{{ $rows->id }}"
                                            @if (session('s_classroom') == $rows->id) selected @endif>{{ $rows->name }}</option>
                                    @endif
                                @endforeach
                            @endif
                        </select>
                    </div>
                </div>

                <div class="form-group col-md-4">
                    <label></label>
                    <button type="submit" class="btn btn-primary float-right"
                        style="padding-top:3px;padding-bottom:3px;margin-top:30px"><i class="fe fe-search"></i>
                        Cari</button>
                </div>
            </div>
        </div>
    </form>

    @if (session('s_search_status'))
        <form method="POST" id="form" action="/graduated" enctype="multipart/form-data" class="card mt-3">
            {{ csrf_field() }}
            <div class="card-body font-purple">
                <h2 class="card-title pb-3"><strong>{{ $class->name }}</strong> <small>{{ $class->year }}</small></h2>
                <h5 class="card-subtitle">Wali Kelas: {{ $class->wali->getName() }}</h5>
            </div>
            <div class="tb-major card-body text-center" style="overflow:scroll;">
                @if (count($row))
                    <table class="table card-table">
                        <thead>
                            <tr>
                                <th scope="col">No</th>
                                <th scope="col">Nama Siswa</th>
                                <th scope="col">NIS</th>
                                <!-- <th scope="col">ACTION</th> -->
                                <th scope="col"><input id="checkAll" type="checkbox"></th>
                            </tr>
                        </thead>
                        <tbody>
                            @php $i = 1; @endphp
                            @foreach ($row as $rows)
                                <tr>
                                    <td>{{ $i }}</td>
                                    <td>{{ $rows->name }}</td>
                                    <td>{{ $rows->code }}</td>
                                    <!-- <td><a href="/report/{{ $rows->id }}">LIHAT</a></td> -->
                                    <td><input type="checkbox" value="{{ $rows->id }}" name="checked[]"></td>
                                </tr>
                                @php $i++; @endphp
                            @endforeach
                        </tbody>
                    </table>
                    {{--  <div class="float-right">
                        @if ($class->class == 3)
                            <button type="submit" class="btn btn-primary" style="padding-top:3px;padding-bottom:3px;"><i
                                    class="fe fe-user-check"></i> Set Lulus</button>
                        @else
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label>Tahun Ajaran</label>
                                    <div class="input-group mb-2">
                                        <select class="form-control" name="year_graduate" id="year_graduate" required>
                                            <option value="">Pilih</option>
                                            @foreach ($year as $rows)
                                                <option value="{{ $rows->id }}">{{ $rows->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                                <div class="form-group col-md-6">
                                    <label>Naik Ke Kelas</label>
                                    <div class="input-group mb-3">
                                        <select class="form-control" name="classroom_graduate" id="classroom_graduate"
                                            required>
                                            <option value="">Pilih</option>
                                            @if (session('s_search_status'))
                                                @foreach ($classroom as $rows)
                                                    @if (Auth::user()->type == 2)
                                                        @if (App\LessonDetail::where('active', 1)->where('classroom_id', $rows->id)->where('user_id', Auth::id())->count())
                                                            <option value="{{ $rows->id }}">{{ $rows->name }}
                                                            </option>
                                                        @endif
                                                    @else
                                                        <option value="{{ $rows->id }}">{{ $rows->name }}</option>
                                                    @endif
                                                @endforeach
                                            @endif
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <button type="submit" class="btn btn-primary float-right"
                                style="padding-top:3px;padding-bottom:3px;"><i class="fe fe-user-check"></i> Set Naik
                                Kelas</button>
                        @endif
                    </div>  --}}
                @else
                    <p>Tidak ada data</a>
                @endif
            </div>
        </form>
    @endif

@endsection
@push('script')
    <script type="text/javascript">
        $('#year').on('change', function(e) {
            $.fn.loadClass($(this).val());
        });

        $('#year_graduate').on('change', function(e) {
            $.fn.loadClassGraduate($(this).val());
        });

        $.fn.loadClass = function(id = null) {
            $.ajax({
                type: "POST",
                trigger: 'manual',
                cache: false,
                url: "/kelulusan/check/ajax",
                data: {
                    id: id
                },
                dataType: "html",
                beforeSend: function() {
                    $('#classroom').html('<option value="">Loading...</option>');
                },
                complete: function() {},
                success: function(html) {
                    $('#lesson').html('<option value="">Pilih</option>');
                    $('#classroom').html('<option value="">Pilih</option>');
                    $('#classroom').append(html);
                }
            });
        }

        $.fn.loadClassGraduate = function(id = null) {
            $.ajax({
                type: "POST",
                trigger: 'manual',
                cache: false,
                url: "/classroom/check/ajax",
                data: {
                    id: id
                },
                dataType: "html",
                beforeSend: function() {
                    $('#classroom_graduate').html('<option value="">Loading...</option>');
                },
                complete: function() {},
                success: function(html) {
                    $('#lesson').html('<option value="">Pilih</option>');
                    $('#classroom_graduate').html('<option value="">Pilih</option>');
                    $('#classroom_graduate').append(html);
                }
            });
        }

        $('#form').submit(function() {
            $(this).find('button[type=submit]').prop('disabled', false);
        });
    </script>

    <script type="text/javascript">
        $("#checkAll").click(function() {
            $('input:checkbox').not(this).prop('checked', this.checked);
        });
    </script>
@endpush