@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="number" 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