@extends('layouts.main')

@section('isi')
<div id="kt_app_content_container" class="app-container  container-fluid ">
    <div class="card mb-10">
        <div class="card-header">
            <div class="card-title fs-3 fw-bold">Download Presensi UAS</div>
        </div>

        <form action="{{route('verifikasibayarpelatihan.detail')}}" method="GET">
            <div class="card-body pt-9 pb-0">
                
                <div class="fv-row mb-7">
                    <div class="col-xl-3">
                        <div class="fs-6 fw-semibold mt-2 mb-3">Tahun Akademik</div>
                    </div>
                
                    <div class="col-xl-4">
                        <select class="form-select form-select-light" required name="thakad" id="thakad">
                            <option value="">Pilih Tahun Akademik</option>
                            @forelse ($tahunakademik as $item)
                                <option value="{{ $item->kodeta }}">{{ $item->thakad.' '.$item->semester }}</option>
                            @empty
                                <option value="">Tidak ada data</option>
                            @endforelse
                        </select>
                    </div>
                </div>
                
                <div class="fv-row mb-7">
                    <div class="col-xl-3">
                        <div class="fs-6 fw-semibold mt-2 mb-3">Status Pelatihan</div>
                    </div>
    
                    <div class="col-xl-4">
                        <select class="form-select form-select-light" required name="stspel" id="stspel">
                            <option value="">Pilih Status Pelatihan</option>
                            <option value="Reguler">Reguler</option>
                            <option value="Intensif">Intensif</option>
                        </select>
                    </div>
                </div>
    
                <div class="fv-row mb-7">
                    <div class="col-xl-3">
                        <div class="fs-6 fw-semibold mt-2 mb-3">Program Studi</div>
                    </div>
    
                    <div class="col-xl-4">
                        <select class="form-select form-select-light" required name="kode_dikti" id="kode_dikti">
                            <option value="">Pilih Program Studi</option>
                            @forelse ($programstudi as $item)
                                <option value="{{ $item->kdpst_dikti }}">{{ $item->jenjang . ' - ' . $item->prodi }}</option>
                            @empty
                                <option value="">Tidak ada data</option>
                            @endforelse
                        </select>
                    </div>
                </div>


                <div class="fv-row mb-7">
                    <div class="col-xl-3">
                        <div class="fs-6 fw-semibold mt-2 mb-3">Tanggal UAS</div>
                    </div>
                    <div class="col-xl-4">
                        <select name="tgluas_name" id="tgluas_id" data-placeholder="Pilih Tanggal UAS..." class="form-select form-select-light">
                            <option value="">Pilih Tanggal UAS..</option>
                        </select>
                    </div>
                </div>

                <div class="fv-row mb-7">
                    <div class="col-xl-3">
                        <div class="fs-6 fw-semibold mt-2 mb-3">Nama Pelatihan</div>
                    </div>
                    <div class="col-xl-5">
                        <select class="form-select form-select-light" required name="pelatihan_name" id="pelatihan_id">
                            <option value="">Pilih Pelatihan..</option>
                        </select>
                    </div>
                    <span class="badge badge-light-danger">Ket : Kode Pelatihan - Nama Pelatihan - Kelas - Kurikulum</span>
                </div>
               

                <div class="fv-row mb-7">
                    <div class="col-xl-3">
                        <div class="fs-6 fw-semibold mt-2 mb-3">Ruangan</div>
                    </div>
                    <div class="col-xl-5">
                        <select class="form-select form-select-light" required name="ruangan_name" id="ruangan_id" data-placeholder="Pilih Ruangan...">
                            <option value="">Pilih Ruangan..</option>
                        </select>
                    </div>
                </div>


            </div>
    
            <div class="card-footer d-flex justify-content-start py-6 gap-5">
                <button type="button" id="downloadButton" class="btn btn-sm btn-primary">Presensi Ujian PDF</button>
                <button type="button" id="downloadBauButton" class="btn btn-sm btn-primary">Berita Acara Ujian PDF</button>
            </div>
        </form>
    </div>

    <div id="content"></div>
</div>
@endsection

@push('js-page')
    <script type="text/javascript">
        $(document).ready(function() {

            $('#kode_dikti').on('change', function() {
                var thakad = $('#thakad').val();
                var stspel = $('#stspel').val();
                var kode_dikti = $('#kode_dikti').val();
                var urlTglUas = "{{ route('downloadpresensiuas.fetchTanggalUas') }}" ;

                $.ajax({
                    url: urlTglUas,
                    type: "GET",

                    data: {
                        "_token": "{{ csrf_token() }}",
                        thakad: thakad,
                        stspel: stspel,
                        kode_dikti: kode_dikti
                    },
                    dataType: "json",
                    success: function(data) {
                        $('#tgluas_id').empty();
                        $('#tgluas_id').append(
                            '<option value="">-- Pilih Tanggal UAS --</option>'); 
                        $.each(data, function(key, value) {
                            $('#tgluas_id').append('<option value="' + value.uas_tgl + '">' + new Date(value.uas_tgl).toLocaleDateString('id-ID', {
                                day: '2-digit',
                                month: '2-digit',
                                year: 'numeric'
                            }) + '</option>');
                            
                        });
                    }
                });
            });
            
            $('#tgluas_id').on('change', function() {
                var thakad = $('#thakad').val();
                var stspel = $('#stspel').val();
                var kode_dikti = $('#kode_dikti').val();
                var tgluas = $('#tgluas_id').val();
                var urlPelatihan = "{{ route('downloadpresensiuas.fetchListPelatihan') }}" ;

                $.ajax({
                    url: urlPelatihan,
                    type: "GET",

                    data: {
                        "_token": "{{ csrf_token() }}",
                        thakad: thakad,
                        stspel: stspel,
                        kode_dikti: kode_dikti,
                        tgluas: tgluas
                    },
                    dataType: "json",
                    success: function(data) {
                        $('#pelatihan_id').empty();
                        $('#pelatihan_id').append(
                            '<option value="">-- Pilih Pelatihan --</option>');
                        $.each(data, function(key, value) {
                            $('#pelatihan_id').append('<option value="' + value.id_jadwal + '" data-nama-pelatihan="' + value.kd_mppel + '_'+ value.matakuliahpelatihan.nmpel + '_Kelas_' + value.kelas + '">' 
                                + value.kd_mppel + ' - ' + value.matakuliahpelatihan.nmpel + ' - Kelas ' + value.kelas + ' - ' + value.matakuliahpelatihan.kurikulum + '</option>');
                        });
                        $('#pelatihan_id').trigger('change');
                    },
                    error: function(data) {
                        console.log('data error');
                    }
                });
            });

            $('#pelatihan_id').on('change', function() {
                var pelatihan = $('#pelatihan_id').val();
                urlRuangan = "{{ route('downloadpresensiuas.fetchListRuangan', ':id') }}".replace(':id', pelatihan);
                $.ajax({
                    url: urlRuangan,
                    type: "GET",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        "id_jadwal": pelatihan,   
                    },
                    dataType: "json",
                    success: function(data) {
                        $('#ruangan_id').empty();
                        $('#ruangan_id').append(
                            '<option value="">-- Pilih Ruangan --</option>');
                        $.each(data, function(key, value) {
                            $('#ruangan_id').append('<option value="' + value.related_namaruang + '">' + value.related_namaruang + '</option>');
                        });
                        $('#ruangan_id').trigger('change');
                    },
                    error: function(err) {
                
                    }
                })

            });

            $('#downloadButton').click(function() {
                var thakad = $('#thakad').val();
                var stspel = $('#stspel').val();
                var kode_dikti = $('#kode_dikti').val();
                var pelatihan_id = $('#pelatihan_id').val();
                var ruangan = $('#ruangan_id').val();
                var namapel = $('#pelatihan_id option:selected').data('nama-pelatihan');

                if (thakad == '') {
                    Swal.fire({
                        icon: 'error',
                        title: 'Oops...',
                        text: 'Tahun Akademik harus dipilih!',
                    });
                    return;
                }

                if (kode_dikti == '') {
                    Swal.fire({
                        icon: 'error',
                        title: 'Oops...',
                        text: 'Program Studi harus dipilih!',
                    });
                    return;
                }
               
                if (pelatihan_id == '') {
                    Swal.fire({
                        icon: 'error',
                        title: 'Oops...',
                        text: 'Pelatihan harus dipilih!',
                    });
                    return;
                }

                if (ruangan == '') {
                    Swal.fire({
                        icon: 'error',
                        title: 'Oops...',
                        text: 'Ruang UJian harus dipilih!',
                    });
                    return;
                }

                $.ajax({
                    url: '{{ route('downloadpresensiuas.pdfPresensiUas') }}',
                    type: 'GET',
                    data: {
                        thakad:thakad,
                        stspel: stspel,
                        kode_dikti: kode_dikti,
                        pelatihan_id: pelatihan_id,
                        ruangan: ruangan,
                    },

                   
                    xhrFields: {
                        responseType: 'blob'
                    },
                    cache: false,
                    success: function(response) {
                        // console.log(response);
                        var blob = new Blob([response], {
                            type: 'application/pdf'
                        });

                        if (window.navigator && window.navigator.msSaveOrOpenBlob) {
                            window.navigator.msSaveOrOpenBlob(blob, 'file_name.pdf');
                        } else {
                            var link = document.createElement('a');
                            link.href = window.URL.createObjectURL(blob);

                            link.download = 'ba_uas_' + thakad +'_'+ stspel +'_'+ namapel +'_'+ ruangan + '.pdf';
                            link.click();
                        }

                        Swal.fire({
                            icon: 'success',
                            title: 'Berhasil',
                            text: 'Presensi UAS berhasil diunduh!',
                        });
                    },
                    error: function(xhr) {
                        

                        Swal.fire({
                            icon: 'error',
                            title: 'Oops...',
                            text: 'Terjadi kesalahan saat mengunduh Presensi UAS!',
                        });
                    }
                });
            });

            $('#downloadBauButton').click(function() {
                var thakad = $('#thakad').val();
                var stspel = $('#stspel').val();
                var kode_dikti = $('#kode_dikti').val();
                var pelatihan_id = $('#pelatihan_id').val();
                var ruangan = $('#ruangan_id').val();
                var namapel = $('#pelatihan_id option:selected').data('nama-pelatihan');

                if (thakad == '') {
                    Swal.fire({
                        icon: 'error',
                        title: 'Oops...',
                        text: 'Tahun Akademik harus dipilih!',
                    });
                    return;
                }

                if (kode_dikti == '') {
                    Swal.fire({
                        icon: 'error',
                        title: 'Oops...',
                        text: 'Program Studi harus dipilih!',
                    });
                    return;
                }
               
                if (pelatihan_id == '') {
                    Swal.fire({
                        icon: 'error',
                        title: 'Oops...',
                        text: 'Pelatihan harus dipilih!',
                    });
                    return;
                }

                if (ruangan == '') {
                    Swal.fire({
                        icon: 'error',
                        title: 'Oops...',
                        text: 'Ruang UJian harus dipilih!',
                    });
                    return;
                }

                $.ajax({
                    url: '{{ route('downloadpresensiuas.pdfBeritaAcaraUas') }}',
                    type: 'GET',
                    data: {
                        thakad:thakad,
                        stspel: stspel,
                        kode_dikti: kode_dikti,
                        pelatihan_id: pelatihan_id,
                        ruangan: ruangan,
                    },

                   
                    xhrFields: {
                        responseType: 'blob'
                    },
                    cache: false,
                    success: function(response) {
                        
                        var blob = new Blob([response], {
                            type: 'application/pdf'
                        });

                        if (window.navigator && window.navigator.msSaveOrOpenBlob) {
                            window.navigator.msSaveOrOpenBlob(blob, 'file_name.pdf');
                        } else {
                            var link = document.createElement('a');
                            link.href = window.URL.createObjectURL(blob);

                            link.download = 'ba_uas_' + thakad +'_'+ stspel +'_'+ namapel +'_'+ ruangan + '.pdf';
                            link.click();
                        }

                        Swal.fire({
                            icon: 'success',
                            title: 'Berhasil',
                            text: 'Presensi UAS berhasil diunduh!',
                        });
                    },
                    error: function(xhr) {
                        console.log(xhr);

                        Swal.fire({
                            icon: 'error',
                            title: 'Oops...',
                            text: 'Terjadi kesalahan saat mengunduh Presensi UAS!',
                        });
                    }
                });
            });

            

        });   
    </script>
@endpush