@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 Gelombang</div>
            <div class="form-group ">
              <select class="form-control select-select" name="gelombang_id" id="gelombang_id">
                <option value="all">-- All Gelombang--</option>
                @foreach($gelombang as $gl)
                <option value="{{$gl->biaya_psb_id}}">{{$gl->biaya_psb_name}}</option>
                @endforeach
              </select>&nbsp;&nbsp;&nbsp;<br>
              <button type="button" onclick="export_summary_ppdb()" class="btn btn-outline-warning right" style="margin-right: 5px;"><i class="fa fa-file-excel-o"></i> Summary Grand Total</button>&nbsp;&nbsp;&nbsp;
              <button type="button" onclick="export_detail_ppdb()" class="btn btn-outline-danger right"><i class="fa fa-folder"></i> Sumary Detail Total</button>
            </div>
          </div>
        </div>

        <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_amount()" class="btn btn-outline-primary right" style="margin-right: 5px;"><i class="fa fa-file-pdf-o"></i> Print Laporan</button>
          </div>
        </div>
      </div>

      <div class="col-lg-6">
        <div class="card">
          <div class="card-header">
            <div class="card-title">Cetak Laporan Berdasarkan Nomor Registrasi</div>
            <div class="form-group ">
              <label>Nomor Registrasi</label>
              <input class="form-control" name="psb_no_registrasi" id="psb_no_registrasi"/><br>
              <button type="button" onclick="print_summary_psb_id()" class="btn btn-outline-warning right" style="margin-right: 5px;"><i class="fa fa-print"></i> Print</button>&nbsp;&nbsp;&nbsp;
            </div>
          </div>
        </div>
      </div>

    </div>
@endsection
@section('js')
<script type="text/javascript">
$('#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_amount()
{
    var start = $('#periode_awal').val();
    var end = $('#periode_akhir').val();
    window.open('print-summary-amount?periode_awal='+start+'&periode_akhir='+end);
}

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