@extends('layouts.app')
@section('content')
    <div class="row pt-2 pb-2">
        <div class="col-sm-9">
            <h4 class="page-title">{{ $breadcrumb }}</h4>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-6">

            <div class="card">
                <div class="card-header">
                    <div class="card-title">Cetak Laporan Berdasarkan Periode</div>
                    <div class="form-group ">
                        <label class="form-check-label">Periode</label>
                        <div id="dateragne-picker">
                            <div class="input-daterange input-group">
                                <input type="text" class="form-control" name="periode_awal" id="periode_awal">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">sampai</span>
                                </div>
                                <input type="text" class="form-control" name="periode_akhir" id="periode_akhir">
                            </div>
                        </div>
                    </div>
                    <button type="button" onclick="print_summary_spp(1)" class="btn btn-outline-primary right"
                        style="margin-right: 5px;"><i class="fa fa-file-pdf-o"></i> Print Laporan</button>
                </div>
            </div>

            <div class="card">
                <div class="card-header">
                    <div class="card-title">Cetak Laporan Berdasarkan Kelas</div>
                    <div class="form-group ">
                        <div id="dateragne-picker">
                            <div class="input-daterange input-group">
                                <select name="class_id" id="class_id" class="form-control select-select"
                                    onclick="get_class()">
                                </select>
                            </div>
                        </div>
                    </div>
                    <button type="button" onclick="print_summary_spp(2)" class="btn btn-outline-danger right"
                        style="margin-right: 5px;"><i class="fa fa-file-pdf-o"></i> Print</button>
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="card">
                <div class="card-header">
                    <div class="card-title">Cetak Laporan Berdasarkan NISN/NIS</div>
                    <div class="form-group ">
                        <input type="text" class="form-control" name="siswa_id_number" id="siswa_id_number" />
                    </div>
                    <button type="button" onclick="print_summary_spp(3)" class="btn btn-outline-danger right"
                        style="margin-right: 5px;"><i class="fa fa-file-pdf-o"></i> Print</button>
                </div>
            </div>

        </div>

    </div>
@endsection
@section('js')
    <script type="text/javascript">
        $(document).ready(function() {
            get_class();
        });

        function get_class() {
            $('#class_id').select2();
            var out_class;
            var num;
            $.ajax({
                type: 'GET',
                url: "{{ URL::route('GetClass') }}",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                success: function(values) {
                    parse = $.parseJSON(values);
                    if (parse.stat == 1) {
                        out_class = '<option value="">-- Pilih Kelas --</option>';
                        for (var i = 0; i < parse.dataClass.length; i++) {
                            out_class += '<option value="' + parse.dataClass[i].class_id + '">' + parse
                                .dataClass[i].class_name + '</option>';
                        }
                        $('#class_id').html(out_class);
                    } else {
                        ;
                        $('#class_id')
                            .empty()
                            .append('<option selected="selected" value="">-- Pilih Kelas --</option>');
                    }
                },
                error: function(error) {
                    console.log('no data get');
                }
            });
            // jQuery(document).ready(function($){
            //     console.log('tes');
            // });
        }

        $('#dateragne-picker .input-daterange').datepicker({
            todayHighlight: true,
            format: 'yyyy-mm-dd'
        });
        form = $("#form-all-lg");

        function print_summary_psb_id() {
            var resi = $('#psb_no_registrasi').val();
            window.open('print-summary-psb-id?resi=' + resi);
        }

        function print_summary_spp(filter) {
            var start = $('#periode_awal').val();
            var end = $('#periode_akhir').val();
            var class_id = $('#class_id').val();
            var siswa_id_number = $('#siswa_id_number').val();

            if (filter == 1) {
                window.open('print-summary-spp?periode_awal=' + start + '&periode_akhir=' + end);
            } else if (filter == 2) {
                window.open('print-summary-spp?class_id=' + class_id);
            } else if (filter == 3) {
                window.open('print-summary-spp?siswa_id_number=' + siswa_id_number);
            }
        }

        function export_summary_ppdb() {
            var gelombang_id = $('#gelombang_id').val();
            window.open('export-summary-ppdb?gelombang_id=' + gelombang_id);
        }

        function export_detail_ppdb() {
            var gelombang_id = $('#gelombang_id').val();
            window.open('export-detail-ppdb?gelombang_id=' + gelombang_id);
        }
    </script>
@endsection