@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-12">
            <div class="card">
              <div class="card-header">
                <button type="button" onclick="export_template()" class="btn btn-outline-warning right" style="margin-right: 5px;"><i class="fa fa-file-excel-o"></i> Export</button>&nbsp;&nbsp;&nbsp;
                <button type="button" onclick="import_product('modal-all')" class="btn btn-outline-danger right"><i class="fa fa-folder"></i> Import</button>
                <!-- <a href="{{ url('psb-formulir') }}"  class="btn btn btn-success btn-rounded float-left waves-effect waves-light"><i class="fa fa-upload"></i> Upload All Pretest </a> -->
              </div>
              <div class="card-body">
                <div class="table-responsive">
                <table id="default-datatable" class="table table-bordered w-50">
                  <thead>
                      <tr>
                          {{-- <th></th> --}}
                          <td style="display: none;">PSB ID</td>
                          <th>No</th>
                          <th>No Urut</th>
                          <th>NIK</th>
                          <th>Nama Calon Siswa</th>
                          <th>Baca Tulis Arab</th>
                          <th>Baca Tulis Latin</th>
                          <th>Pengetahuan Umum</th>
                          {{-- <th>Sekolah</th>
                          <th>Status PSB</th> --}}
                          <th>Action</th>
                      </tr>
                  </thead>
                  <tbody>
                      @php
                          $no=1;
                      @endphp
                      @foreach($pretest as $dt)
                      <tr>
                          {{-- <td class="tableClick"></td> --}}
                          <td style="display: none;">{{$dt->psb_id}}</td>
                          <td width="5%">{{$no++}}</td>
                          <td width="5%">{{$dt->psb_no_urut}}</td>
                          <td width="20%">{{$dt->psb_nik_siswa}}</td>
                          <td width="20%">{{$dt->psb_nama_siswa}}</td>
                          <td width="10%">
                            @if ($dt->t1)
                              {{$dt->t1}}
                            @else
                              -
                            @endif  
                          </td>
                          <td width="10%">
                            @if ($dt->t2)
                              {{$dt->t2}}
                            @else
                              -
                            @endif 
                          </td>
                          <td width="10%">
                            @if ($dt->t3)
                              {{$dt->t3 }}
                            @else
                              -
                            @endif 
                          </td>
                          {{-- <td>{{$dt->university_name}}</td>
                          <td>{{$dt->psb_status_registrasi}}</td> --}}
                          <td width="20%">
                              <button onclick="edit_all('modal-all',{{$dt->psb_id}})" type="button" class="btn btn-outline-success btn-sm"> Edit </button>
                              <button onclick="delete_all('','{{$dt->psb_id}}')" class="btn btn-outline-danger btn-sm"><i class="fa fa-trash-o"></i>&nbsp;Delete</button>

                          </td>
                      </tr>
                      @endforeach
                  </tbody>
              </table>
              </div>
              </div>
            </div>
          </div>
        </div><!-- End Row-->
@endsection
@section('js')
<script type="text/javascript">
    form = $("#form-all");
    var url_save = "{{route('SaveImportPretest')}}" ;
    var url_edit = "/edit-pretest" ;
    var url_update = "/update-pretest" ;
</script>
<script type="text/javascript">
$(function(){
validasi_angka();
money();

// var table = $('#table_pretest').DataTable( {
// "columns": [
//     {
//         "className":      'detail-pretest',
//         "orderable":      false,
//         "defaultContent": ''
//     },
//     { "data": "psb_id", visible:true},
//     { "data": "no" },
//     { "data": "psb_nik_siswa" },
//     { "data": "psb_nama_siswa"},
//     { "data": "university_name"},
//     { "data": "psb_status_registrasi" },
//     { "data": "action" },
//   ],
// });

// $('#table_pretest tbody').on('click', 'td.detail-pretest', function () {
//     var tr = $(this).closest('tr');
//     var row = table.row( tr );
//     var tb;
//     var status;

//     // console.log(row.data());

//     if ( row.child.isShown() ) {
//         // This row is already open - close it
//         row.child.hide();
//         tr.removeClass('shown');
//     }
//     else {
//         data_r = row.data();
//         $.ajax({
//             type  : 'GET',
//             dataType: 'JSON',
//             url   : '{{route("get_detail_pretest")}}',
//             headers : {
//                         'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
//                 },
//             data  : { 
//                 psb_id : data_r.psb_id,
//                 },
//             success  : function(values){
                
//                 tb = '<table class="table table-bordered table-hover" border="2">'+
//                 '<thead>'+
//                     '<tr>'+
//                         '<td style="font-weight:bold">Nama Pretest</td>'+
//                         '<td style="font-weight:bold">Nilai</td>'+
//                         '<td style="font-weight:bold">Status</td>'+
//                     '</tr>'+
//                 '</thead>'+
//                 '<tbody>';
//                 $.each(values.data.detail_pretest,function(i,v){
//                     tb +=
//                     '<tr>'+
//                       '<td>'+v.join_pretest.test_name+'</td>';
//                       if(v.test_result_value == null){
//                         tb+='<td>0</td>';
//                       }else{
//                         tb+='<td>'+v.test_result_value+'</td>';
//                       }
//                       tb+=
//                       '<td>'+v.test_result_status+'</td>'+
//                     '</tr>';           
//                 })
//                 tb+=
//                 '</tbody>'+
//                 '</table>';
//                 row.child(tb).show();
//                 tr.addClass('shown');
//             }
//         });
//         }
//     });
});

function export_template()
{  
  window.open("{{URL::route('ExportTemplatePretest')}}");
}

function import_product(modal,id="")
{
    $('[name="action_form"]').val('import');
    data =  new FormData($(form)[0]);
    $.ajax({
      type    : 'GET',
      url     : '{{route("ImportTemplatePretest")}}',
      data:{
        id:id
      },
      success: function(values)
      {
        $('#btn-form-save').show();
        $('#btn-form-save-lg').show();
        $('#button-print').hide();
        $(form).html(values)

        $('#'+modal).modal('show');
        
        $.fn.modal.Constructor.prototype._enforceFocus = function() {};
        
      },
    });
}


</script>
@endsection