@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">Kartu Pelatihan</div>
            </div>

            <div class="card-body pt-9 pb-0">

                <div class="row mb-8">
                    <div class="col-xl-3">
                        <div class="fs-6 fw-semibold mt-2 mb-3">Status Pelatihan</div>
                    </div>

                    <div class="col-xl-9">
                        <select class="form-select form-select-solid" 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="row mb-8">
                    <div class="col-xl-3">
                        <div class="fs-6 fw-semibold mt-2 mb-3">Tahun Akademik</div>
                    </div>

                    <div class="col-xl-9">
                        <select class="form-select form-select-solid" required name="thakad" id="thakad">
                            <option value="">Pilih Tahun Akademik</option>
                            
                        </select>
                    </div>
                </div>

                
            </div>

            <div class="card-footer d-flex justify-content-start py-6 gap-5">
                <button type="button" id="viewButton" class="btn btn-sm btn-primary">Lihat Data</button>
                <button type="button" id="downloadButton" class="btn btn-sm btn-success">Unduh Kartu Pelatihan</button>
            </div>
        </div>

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

@push('js-page')
    <script>
        $(document).ready(function() {
            $('#stspel').on('change', function() {
                var stspel = $('#stspel').val();

                $.ajax({
                    url: '{{ route('kartu-pelatihan.get-thakad-kartu-pelatihan') }}',
                    type: 'GET',
                    data: {
                        "_token": "{{ csrf_token() }}",
                        stspel: stspel,
                    },
                    dataType: 'json',
                    success: function(data) {
                        console.log(data);
                        $('#thakad').empty();
                        $('#thakad').append('<option value="">Pilih Tahun Akademik</option>');
                        $.each(data, function(key, value) {
                            $('#thakad').append('<option value="' + value.thakad + '">' + value.thakad + '</option>');
                        });
                        $('#thakad').trigger('change');
                    },
                    error: function(data) {
                        console.log(data);
                    }
                })
            });

            $('#viewButton').click(function() {
                var thakad = $('#thakad').val();
                var stspel = $('#stspel').val();

                $('#content').empty();

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

                    return;
                }

                if (stspel == '') {
                    Swal.fire({
                        icon: 'error',
                        title: 'Oops...',
                        text: 'Status Pelatihan harus dipilih!',
                    });

                    return;
                }

                $.ajax({
                    url: '{{ route('kartu-pelatihan.get-kartu-pelatihan') }}',
                    type: 'GET',
                    data: {
                        thakad: thakad,
                        stspel: stspel,
                    },
                    success: function(response) {
                        $('#content').html(response);
                    },
                    error: function(xhr) {
                        console.log(xhr);

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

            $('#downloadButton').click(function() {
                var thakad = $('#thakad').val();
                var stspel = $('#stspel').val();

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

                    return;
                }

                if (stspel == '') {
                    Swal.fire({
                        icon: 'error',
                        title: 'Oops...',
                        text: 'Status Pelatihan harus dipilih!',
                    });

                    return;
                }

                $.ajax({
                    url: '{{ route('kartu-pelatihan.print-kartu-pelatihan') }}',
                    type: 'GET',
                    data: {
                        thakad: thakad,
                        stspel: stspel,
                    },
                    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 = 'Kartu_PPA_PPM_' + "{{ Auth::user()->username }}" +
                                '_' + thakad + '_' + stspel + '.pdf';
                            link.click();
                        }

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

                        Swal.fire({
                            icon: 'error',
                            title: 'Oops...',
                            text: 'Terjadi kesalahan saat mengunduh Kartu Pelatihan!',
                        });
                    }
                });
            });
        });
    </script>
@endpush