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

    <form id="card-search" class="card mt-3" method="POST" action="/presence/search" autocomplete="off">
        {{ csrf_field() }}
        <div class="card-body">
            <div class="row">
                <div class="form-group col-md-4">
                    <label>Tahun Ajaran</label>
                    <div class="input-group mb-2">
                        <select class="form-control" name="year" id="year">
                            <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">
                            <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>Semester</label>
                    <div class="input-group mb-2">
                        <select class="form-control" name="semester" id="semester">
                            <option value="1" @if (session('s_semester') == 1) selected @endif>Mid Semester 1</option>
                            <option value="2" @if (session('s_semester') == 2) selected @endif>Semester 1</option>
                            <option value="3" @if (session('s_semester') == 3) selected @endif>Mid Semester 2</option>
                            <option value="4" @if (session('s_semester') == 4) selected @endif>Semester 2</option>
                        </select>
                    </div>
                </div>

                <!-- <div class="form-group col-md-4">
                                                                                                                                                                                                                                                                    <label>Mata Pelajaran</label>
                                                                                                                                                                                                                                                                    <div class="input-group mb-2">
                                                                                                                                                                                                                                                                        <select class="form-control" name="lesson" id="lesson">
                                                                                                                                                                                                                                                                            <option value="">Pilih</option>
                                                                                                                                                                                                                                                                            @if (session('s_search_status'))
    @foreach ($lesson as $rows)
    <option value="{{ $rows->lesson->id }}" @if (session('s_lesson') == $rows->lesson->id) selected @endif>{{ $rows->lesson->name }}</option>
    @endforeach
    @endif
                                                                                                                                                                                                                                                                        </select>
                                                                                                                                                                                                                                                                    </div>
                                                                                                                                                                                                                                                                </div> -->

                <div class="form-group col-md-4">
                    <label for="search">Nama Siswa/NISN</label>
                    <input type="text" class="form-control" name="search" placeholder="Nama Siswa/NISN"
                        value="{{ session('s_search') }}">
                </div>

                <div class="form-group col-md-4">
                    <label>Dari Tanggal</label>
                    <div class="input-icon">
                        <input class="form-control datepicker" name="from_date" type="text"
                            value="{{ session('from_date') }}" required>
                        <div class="input-icon-addon"><i class="fe fe-calendar" aria-hidden="true"></i></div>
                    </div>
                </div>

                <div class="form-group col-md-4">
                    <label>Sampai Tanggal</label>
                    <div class="input-icon">
                        <input class="form-control datepicker" name="to_date" type="text"
                            value="{{ session('to_date') }}" required>
                        <div class="input-icon-addon"><i class="fe fe-calendar" aria-hidden="true"></i></div>
                    </div>
                </div>

                <div class="form-group col-md-12">
                    <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'))
        <div class="card mt-3">
            <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))
                    <form method="POST" action="/presence" autocomplete="off">
                        {{ csrf_field() }}
                        <table class="table card-table">
                            <thead>
                                <tr>
                                    <th scope="col" width="50px">No</th>
                                    <th scope="col">Nama Siswa</th>
                                    <th scope="col">Tanggal</th>
                                    <th scope="col">Hari</th>
                                    <th scope="col" width="50px">Hadir</th>
                                    <th scope="col" width="50px">Sakit</th>
                                    <th scope="col" width="50px">Izin</th>
                                    <th scope="col" width="50px">Alpha</th>
                                    <th scope="col" width="200px">Keterangan</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php $i = 1; @endphp
                                @foreach ($row as $rows)
                                    @for ($j = 0; $j < $jmli; $j++)
                                        <tr>
                                            <td>{{ $i }}</td>
                                            <td>{{ $rows->name }}</td>
                                            <td><input class="form-control datepicker" name="date{{ $rows->id . $j }}"
                                                    type="text"
                                                    value="{{ date('Y-m-d', strtotime($from . ' + ' . $j . ' days')) }}">
                                            </td>
                                            <td>@php
                                                $tgl = date('l', strtotime($from . ' + ' . $j . ' days'));
                                                if ($tgl == 'Sunday') {
                                                    $tgl = 'Minggu';
                                                } elseif ($tgl == 'Monday') {
                                                    $tgl = 'Senin';
                                                } elseif ($tgl == 'Tuesday') {
                                                    $tgl = 'Selasa';
                                                } elseif ($tgl == 'Wednesday') {
                                                    $tgl = 'Rabu';
                                                } elseif ($tgl == 'Thursday') {
                                                    $tgl = 'Kamis';
                                                } elseif ($tgl == 'Friday') {
                                                    $tgl = "Jum'at";
                                                } elseif ($tgl == 'Saturday') {
                                                    $tgl = 'Sabtu';
                                                }
                                            @endphp
                                                {{ $tgl }}
                                            </td>
                                            <td><input type="radio" name="status{{ $rows->id . $j }}" value="1"
                                                    checked>
                                            </td>
                                            <td><input type="radio" name="status{{ $rows->id . $j }}" value="2">
                                            </td>
                                            <td><input type="radio" name="status{{ $rows->id . $j }}" value="3">
                                            </td>
                                            <td><input type="radio" name="status{{ $rows->id . $j }}" value="4">
                                            </td>
                                            <td><input type="text" style="width:200px;"
                                                    class="form-control text-center" name="notes{{ $rows->id . $j }}">
                                            </td>
                                        </tr>
                                        @php $i++; @endphp
                                    @endfor
                                @endforeach
                            </tbody>
                        </table>
                        <button type="submit" class="btn btn-primary float-right"><i class="fe fe-save"></i>
                            Proses</button>
                        <a href="/presence/search" class="btn btn-light float-right mr-2">Kembali</a>
                    </form>
                @else
                    <p>Tidak ada data siswa untuk kelas {{ $class->name }} tahun ajaran {{ $class->year }}</p>
                @endif
            </div>
        </div>
    @endif

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

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

        $.fn.loadClass = function(id = null) {
            $.ajax({
                type: "POST",
                trigger: 'manual',
                cache: false,
                url: "/classroom/select/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.loadLesson = function(id = null) {
            $.ajax({
                type: "POST",
                trigger: 'manual',
                cache: false,
                url: "/lesson/select/ajax",
                data: {
                    id: id
                },
                dataType: "html",
                beforeSend: function() {
                    $('#lesson').html('<option value="">Loading...</option>');
                },
                complete: function() {},
                success: function(html) {
                    $('#lesson').html('<option value="">Pilih</option>');
                    $('#lesson').append(html);
                }
            });
        }
    </script>
@endpush