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

    <form id="card-search" class="card mt-3" method="POST" action="/transcript/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" required>
                            <option value="">Pilih</option>
                            @foreach ($year as $rows)
                                <option value="{{ $rows->id }}" @if (session('s_year') == $rows->id) selected @endif>
                                    {{ $rows->name }} - {{ $rows->id }}</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)
                                        <option value="{{ $rows->id }}"
                                            @if (session('s_classroom') == $rows->id) selected @endif>{{ $rows->name }}</option>
                                    @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-3">
                            <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" required>
                            <option value="">Pilih</option>
                            {{--  @if (session('s_search_status'))
                                @foreach ($lesson as $rows)
                                    <option value="{{ $rows->id }}" @if (session('s_lesson') == $rows->id) selected @endif>
                                        {{ $rows->name }} - {{ $rows->id }}</option>
                                @endforeach
                            @endif  --}}
                        </select>
                    </div>
                </div>

                <div class="form-group col-md-9">
                    <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-3">
                    <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 font-purple">
            <table class="table card-table table-title pt-3">
                <tr class="no-background">
                    <td width="150px" class="text-left">Kelas</td>
                    <td width="10px">:</td>
                    <td class="text-left"><strong>{{ $class->name }}</strong> <small>{{ $class->year }}</small></td>
                </tr>
                <tr class="no-background">
                    <td width="150px" class="text-left">Semester</td>
                    <td width="10px">:</td>
                    @php
                    //semester(session('s_semester'))
                    $smtr = '';
                    $pisah = explode(' ', $class->name);
                    if ($pisah[0] == 'X') {
                        if (semester(session('s_semester')) === 'Mid Semester 1') {
                            $smtr = 'Mid Semester 1';
                        } elseif (semester(session('s_semester')) === 'Semester 1') {
                            $smtr = 'Semester 1';
                        } elseif (semester(session('s_semester')) === 'Mid Semester 2') {
                            $smtr = 'Mid Semester 2';
                        } elseif (semester(session('s_semester')) === 'Semester 2') {
                            $smtr = 'Semester 2';
                        }
                        //'<option value="1">Mid Semester 1</option><option value="2">Semester 1</option><option value="3">Mid Semester 2</option><option value="4">Semester 2</option>';
                    } elseif ($pisah[0] == 'XI') {
                        if (semester(session('s_semester')) === 'Mid Semester 1') {
                            $smtr = 'Mid Semester 3';
                        } elseif (semester(session('s_semester')) === 'Semester 1') {
                            $smtr = 'Semester 3';
                        } elseif (semester(session('s_semester')) === 'Mid Semester 2') {
                            $smtr = 'Mid Semester 4';
                        } elseif (semester(session('s_semester')) === 'Semester 2') {
                            $smtr = 'Semester 4';
                        }
                        //'<option value="1">Mid Semester 3</option><option value="2">Semester 3</option><option value="3">Mid Semester 4</option><option value="4">Semester 4</option>';
                    } elseif ($pisah[0] == 'XII') {
                        if (semester(session('s_semester')) === 'Mid Semester 1') {
                            $smtr = 'Mid Semester 5';
                        } elseif (semester(session('s_semester')) === 'Semester 1') {
                            $smtr = 'Semester 5';
                        } elseif (semester(session('s_semester')) === 'Mid Semester 2') {
                            $smtr = 'Mid Semester 6';
                        } elseif (semester(session('s_semester')) === 'Semester 2') {
                            $smtr = 'Semester 6';
                        }

                        //'<option value="1">Mid Semester 5</option><option value="2">Semester 5</option><option value="3">Mid Semester 6</option><option value="4">Semester 6</option>';
                    }
                @endphp
                    <td class="text-left">{{$smtr}}</td>
                </tr>
                <tr class="no-background">
                    <td width="150px" class="text-left">Wali Kelas</td>
                    <td width="10px">:</td>
                    <td class="text-left">{{ $class->wali->getName() }}</td>
                </tr>
            </table>
        </div>
        <form method="POST" id="form" action="/transcript/delete" enctype="multipart/form-data" class="card mt-3">
            {{ csrf_field() }}
            {{--  @if (Auth::user()->getType() !== 6)  --}}
            @if (Auth::user()->getType() === 1)
                @if (count($row))
                    <div class="card-body">
                        <a href="/transcript/update" class="btn btn-sm btn-light float-right">Edit</a>
                    </div>
                @endif
            @endif
            <div class="tb-major card-body text-center" style="overflow:scroll;">
                @if (count($row))
                    <table class="table card-table" style="width:1150px;">
                        <thead>
                            <tr>
                                <th scope="col">No</th>
                                <th scope="col">Nama Siswa</th>
                                <th scope="col">NIS</th>
                                <th scope="col" class="font-10" width="80px">Nilai Semester 1</th>
                                <th scope="col" class="font-10" width="80px">Nilai Semester 2</th>
                                <th scope="col" class="font-10" width="80px">Nilai Semester 3</th>
                                <th scope="col" class="font-10" width="80px">Nilai Semester 4</th>
                                <th scope="col" class="font-10" width="80px">Nilai Semester 5</th>
                                <th scope="col" class="font-10" width="80px">Nilai Semester 6</th>
                                <th scope="col" class="font-10" width="80px">Rata-rata</th>
                                <th scope="col" class="font-10" width="80px">Nilai Sekolah</th>
                                <th scope="col" class="font-10" width="80px">Nilai SKL</th>
                                <th scope="col" class="font-10" width="80px">Nilai UKK</th>
                                <th scope="col" class="font-10" width="80px">Nilai Akhir</th>
                                @if (Auth::user()->getType() == 1)
                                    <th scope="col"><input id="checkAll" type="checkbox"></th>
                                @endif
                            </tr>
                        </thead>
                        <tbody>
                            @php $i = 1; @endphp
                            @foreach ($row as $rows)
                                <tr class="no-background">
                                    <td class="bg-full-radius">{{ $i }} {{$rows->id}}</td>
                                    <td class="bg-left-radius">{{ $rows->name }}</td>
                                    <td class="bg-right-radius">{{ $rows->code }}</td>
                                    <td class="bg-left-radius">{{ $rows->semester_one }}</td>
                                    <td class="bg-right-radius">{{ $rows->semester_two }}</td>
                                    <td class="bg-left-radius">{{ $rows->semester_three }}</td>
                                    <td class="bg-right-radius">{{ $rows->semester_four }}</td>
                                    <td class="bg-left-radius">{{ $rows->semester_five }}</td>
                                    <td class="bg-right-radius">{{ $rows->semester_six }}</td>
                                    <td class="bg-left-radius">{{ $rows->average_score }}</td>
                                    <td class="bg-right-radius">{{ $rows->school_score }}</td>
                                    <td class="bg-right-radius">{{ $rows->un_score }}</td>
                                    <td class="bg-right-radius">{{ $rows->ukk_score }}</td>
                                    <td class="bg-right-radius">{{ $rows->final_score }}</td>
                                    @if (Auth::user()->getType() == 1)
                                        <td><input type="checkbox" value="{{ $rows->id }}" name="checked[]"></td>
                                    @endif
                                </tr>
                                @php $i++; @endphp
                            @endforeach
                        </tbody>
                    </table>
                    @if (Auth::user()->getType() == 1)
                        <button type="submit" class="btn btn-primary float-right"
                            style="padding-top:3px;padding-bottom:3px;"><i class="fe fe-trash"></i> Hapus</button>
                    @endif
                @else
                    <p>Belum ada data nilai</p>
                    {{--  @if (Auth::user()->getType() !== 6)  --}}
                    @if (Auth::user()->getType() === 1)
                        <a href="/transcript/create" class="btn btn-primary"><i class="fe fe-plus"></i> Input Nilai</a>
                        <a href="/transcript/bulk" class="btn btn-primary"><i class="fe fe-upload"></i> Upload Excel</a>
                    @endif
                @endif
            </div>
        </form>
    @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/transcript/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/transcript/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);
                }
            });
        }
        $("#checkAll").click(function() {
            $('input:checkbox').not(this).prop('checked', this.checked);
        });
    </script>
@endpush