@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="card mb-2 border border-grey">
                        <div class="container">
                            <div class="row">
                                <div class="col">
                                    <div class="form-group">
                                        <label class="col-form-label">Gelombang</label>
                                        <select class="form-control select-select" name="gelombang" id="gelombang">
                                            <option value="">Pilih Gelombang</option>
                                            @foreach ($gelombang as $glb)
                                                {{-- @if (now() > $glb->biaya_psb_periode_awal && now() < $glb->biaya_psb_periode_akhir)
                                                    <option value="{{ $glb->biaya_psb_id }}" selected=selected>
                                                        {{ $glb->biaya_psb_name }}</option>
                                                @else --}}
                                                <option value="{{ $glb->biaya_psb_id }}">{{ $glb->biaya_psb_name }}
                                                </option>
                                                {{-- @endif --}}
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="form-group">
                                        <label class="col-form-label">Tahun Ajaran</label>
                                        <select class="form-control select-select" name="tahun_ajaran_id"
                                            id="tahun_ajaran_id">
                                            @foreach ($tahunajaran as $ta)
                                                <option value="{{ $ta->tahun_ajaran_id }}">{{ $ta->tahun_ajaran_name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="form-group">
                                        <label class="col-form-label">*</label>
                                        <button id="filter" class="btn btn-outline-danger form-control">Filter</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="table-responsive">
                        <table id="default-datatable" class="table table-bordered w-50">
                            <thead>
                                <tr>
                                    {{-- <th></th> --}}
                                    <th>No</th>
                                    <td style="display: none;">PSB ID</td>
                                    <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');
        //             }
        //         });
        //         }
        //     });
        // });

        $(document).ready(function() {

            validasi_angka();
            money();
            fill_datatable();

            function fill_datatable(gelombang = '', tahun_ajaran_id = '') {
                var dataTable = $('#default-datatable').DataTable({
                    processing: true,
                    serverSide: true,
                    destroy: true,
                    ajax: {
                        url: "{{ url('pretest') }}",
                        data: {
                            gelombang: gelombang,
                            tahun_ajaran_id: tahun_ajaran_id,
                        }
                    },
                    columns: [{
                            searchable: false,
                            orderable: false,
                            data: null,
                        },
                        {
                            data: "psb_id",
                            visible: false
                        },
                        {
                            data: 'psb_no_urut',
                            name: 'psb_no_urut'
                        },
                        {
                            data: 'psb_nik_siswa'
                        },
                        {
                            data: 'psb_nama_siswa'
                        },
                        {
                            data: 't1'
                        },
                        {
                            data: 't2'
                        },
                        {
                            data: 't3'
                        },
                        {
                            render: function(data, type, full, meta) {
                                return '<button onclick="edit_all(`modal-all`,' + full.psb_id +
                                    ')" type="button"class="btn btn-outline-success btn-sm"> Edit </button><button onclick="delete_all(``,' +
                                    full.psb_id +
                                    ')"class="btn btn-outline-danger btn-sm"><i class="fa fa-trash-o"></i>&nbsp;Delete</button>'
                            }
                        }
                    ],
                    order: [
                        [1, 'asc']
                    ],
                    "fnCreatedRow": function(row, data, index) {
                        $('td', row).eq(0).html(index + 1);
                    }
                });

                // dataTable.on('order.dt search.dt', function() {
                //     let i = 1;

                //     dataTable.cells(null, 0, {
                //         search: 'applied',
                //         order: 'applied'
                //     }).every(function(cell) {
                //         this.data(i++);
                //     });
                // }).draw();
            }

            $('#filter').click(function() {
                var gelombang = $('#gelombang').val();
                var tahun_ajaran_id = $('#tahun_ajaran_id').val();

                if (gelombang != '' || tahun_ajaran_id != '') {
                    $('#default-datatable').DataTable().destroy();
                    fill_datatable(gelombang, tahun_ajaran_id);
                } else {
                    $('#default-datatable').DataTable().destroy();
                    fill_datatable();
                }
            });
        });


        function export_template() {
            // window.open("{{ URL::route('ExportTemplatePretest') }}");
            var gelombang = $('#gelombang').val();
            var tahun_ajaran_id = $('#tahun_ajaran_id').val();
            window.open('export-template-pretest?gelombang=' + gelombang + '&tahun_ajaran_id=' + tahun_ajaran_id);
        }

        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