@extends('layouts.panel.app', ['title' => 'Riwayat Pengajuan'])

@section('content')


<section class="section">
    <div class="section-title">
        <h3>Riwayat Pengajuan Keanggotaan</h3>
    </div>
    <p class="section-lead">
        Data riwayat pengajuan di sini.
    </p>
    <div class="row">
        <div class="col-md-12">
            <div class="card border-0 shadow rounded">
                <div class="card-header">
                    <h4>Riwayat Pengajuan</h4>
                    <div class="card-header-action">
                        <a href="{{ route('admin.form') }}" class="btn btn-success">Kembali</a>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-12">
                            <label class="text-success">
                                <strong>APPL000{{$application->id}}</strong> / {{date('d-m-Y', strtotime($application->created_at))}}
                            </label>
                            <hr>
                        </div>
                        <div class="col-12">
                            <div class="activities">
                                @forelse ($data as $item)
                                <div class="activity">
                                    @if ($item->form_status == 'N')
                                    <div class="activity-icon bg-info text-white shadow-primary">
                                        <i class="fas fa-file"></i>
                                    </div>
                                    @endif
                                    @if ($item->form_status == 'V')
                                    <div class="activity-icon bg-success text-white shadow-primary">
                                        <i class="fas fa-check"></i>
                                    </div>
                                    @php
                                    $invoice = \App\Models\FormTrnInvoice::where('application_id', $item->form_id)->first();
                                    @endphp

                                    @if (!$invoice)
                                    <div class="activity-icon bg-light text-white shadow-primary">
                                        <i class="fas fa-credit-card"></i>
                                    </div>
                                    @endif

                                    @endif
                                    @if ($item->form_status == 'R')
                                    <div class="activity-icon bg-primary text-white shadow-primary">
                                        <i class="fas fa-times"></i>
                                    </div>
                                    @endif
                                    @if ($item->form_status == 'B')
                                    <div class="activity-icon bg-light text-white shadow-primary">
                                        <i class="fas fa-credit-card"></i>
                                    </div>
                                    @endif
                                    @if ($item->form_status == 'T')
                                    <div class="activity-icon bg-warning text-white shadow-primary">
                                        <i class="fas fa-spinner"></i>
                                    </div>
                                    @endif
                                    @if ($item->form_status == 'P')
                                    <div class="activity-icon bg-success text-white shadow-primary">
                                        <i class="fas fa-print"></i>
                                    </div>
                                    @endif
                                    @if ($item->form_status == 'W')
                                    <div class="activity-icon bg-secondary text-white shadow-primary">
                                        <i class="fas fa-calendar"></i>
                                    </div>
                                    @endif
                                    @if ($item->form_status == 'L')
                                    <div class="activity-icon bg-success text-white shadow-primary">
                                        <i class="fas fa-user"></i>
                                    </div>
                                    @endif
                                    @if ($item->form_status == 'X')
                                    <div class="activity-icon bg-primary text-white shadow-primary">
                                        <i class="fas fa-user"></i>
                                    </div>
                                    @endif
                                    @if ($item->form_status == 'F')
                                    <div class="activity-icon bg-danger text-white shadow-primary">
                                        <i class="fas fa-credit-card"></i>
                                    </div>
                                    @endif
                                    @if ($item->form_status == 'E')
                                    <div class="activity-icon bg-warning text-white shadow-primary">
                                        <i class="fas fa-spinner"></i>
                                    </div>
                                    @endif
                                    @if ($item->form_status == 'A')
                                    <div class="activity-icon bg-warning text-white shadow-primary">
                                        <i class="fas fa-spinner"></i>
                                    </div>
                                    @endif
                                    @if ($item->form_status == 'K')
                                    <div class="activity-icon bg-info text-white shadow-primary">
                                        <i class="fas fa-pencil-alt"></i>
                                    </div>
                                    @endif
                                    <div class="activity-detail">
                                        <div class="mb-2">
                                            <span class="text-job text-primary">{{date('d-m-Y h:i:s', strtotime($item->created_at))}}</span>
                                            <span class="bullet"></span>
                                            @if ($item->form_status == 'N')
                                            <a class="text-job" href="#">Pemberkasan Diproses</a>
                                            @endif
                                            @if ($item->form_status == 'R')
                                            <a class="text-job" href="#">Pemberkasan Ditolak</a>
                                            @endif
                                            @if ($item->form_status == 'A')
                                            <a class="text-job" href="#">Pemberkasan Direvisi</a>
                                            @endif
                                            @if ($item->form_status == 'V')
                                            <a class="text-job" href="#">Pemberkasan Diterima</a>
                                            @endif
                                            @if ($item->form_status == 'B')
                                            <a class="text-job" href="#">Pembayaran Dibuat</a>
                                            @endif
                                            @if ($item->form_status == 'T')
                                            <a class="text-job" href="#">Pembayaran Dikirim</a>
                                            @endif
                                            @if ($item->form_status == 'P')
                                            <a class="text-job" href="#">Pembayaran Diterima</a>
                                            @endif
                                            @if ($item->form_status == 'W')
                                            <a class="text-job" href="#">Tahap Wawancara</a>
                                            @endif
                                            @if ($item->form_status == 'L')
                                            <a class="text-job" href="#">Lolos Wawancara</a>
                                            @endif
                                            @if ($item->form_status == 'X')
                                            <a class="text-job" href="#">Gagal Wawancara</a>
                                            @endif
                                            @if ($item->form_status == 'F')
                                            <a class="text-job" href="#">Pengembalian Dana</a>
                                            @endif
                                            @if ($item->form_status == 'E')
                                            <a class="text-job" href="#">Pengajuan Diproses</a>
                                            @endif
                                            @if ($item->form_status == 'K')
                                            <a class="text-job" href="#">Pengajuan Direvisi</a>
                                            @endif
                                        </div>
                                        <p>{!!html_entity_decode($item->note)!!}
                                            <br> <i class="fas fa-user"></i> <a href="#" title="Pembuat">{{$item->created_by}}</a>
                                        </p>

                                        @if ($item->form_status == 'V')

                                        @if (!$invoice)
                                        <div class="activity m-1">
                                            <div class="activity-icon bg-info text-white shadow-primary">
                                                <i class="fas fa-file"></i>
                                            </div>
                                            <div class="activity-detail">
                                                <div class="mb-2">
                                                    <span class="text-job text-primary">{{date('d-m-Y h:i:s', strtotime($item->created_at))}}</span>
                                                    <span class="bullet"></span>
                                                    <a class="text-job" href="#">Verifikasi Ulang</a>
                                                    <br>
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <p> Invoice tidak terbuat, silahkan lakukan proses verifikasi ulang.</p>
                                                        </div>
                                                        <form class="fm-resend">
                                                            <a href="#" class="btn btn-success m-2 resendBtn" data-id="{{$item->form_id}}">Perbarui <i class="fas fa-redo"></i></a>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        @endif

                                        @endif
                                    </div>
                                </div>
                                @empty
                                <div class="col-12 alert alert-danger">
                                    <img id="imgPreview" src="{{asset('assets-panel/img/empty-data.gif')}}" alt="Gambar" style="width: 50px; height: 50px" />
                                    Data riwayat belum tersedia.
                                </div>
                                @endforelse
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Cari elemen form dan tombol submit
        const form = document.querySelector('.fm-resend');
        const submitBtn = document.querySelector('.resendBtn');

        // Tambahkan event listener pada tombol submit
        submitBtn.addEventListener('click', function() {

            var id = $(this).data('id');

            // Validasi form
            if (!form.checkValidity()) {
                // Jika form tidak valid, munculkan pesan peringatan
                swal('Peringatan', 'Lengkapi data terlebih dahulu', 'warning');
                return;
            }

            // Jika form valid, tampilkan loading spinner pada tombol submit
            showLoading();
            disableButton();

            // Buat objek FormData dari form
            const formData = new FormData(form);

            // Show confirmation dialog using SweetAlert
            swal({
                title: "Yakin Proses Verifikasi Ulang ?",
                text: "Cek Data dan konfirmasi Jika sudah sesuai !",
                type: "warning",
                showCancelButton: !0,
                confirmButtonText: "Kirim",
                cancelButtonText: "Batal",
                cancelButtonColor: "#FA2A21",
                confirmButtonColor: "#1AA13E",
                reverseButtons: !0
            }).then(function(e) {
                if (e.value === true) {
                    // Send form data to server using fetch
                    fetch('/admin/form/resend/' + id, {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            body: JSON.stringify(Object.fromEntries(formData))
                        })
                        .then(response => {
                            if (!response.ok) {
                                throw new Error('Respon jaringan tidak baik');
                            }
                            return response.json();
                        })
                        .then(data => {
                            // Handle response from server
                            if (data.success === true) {
                                swal("Berhasil", data.message, "success");
                                window.location.replace("{{ url('admin/form') }}");
                                console.log(data);
                            } else {
                                swal("Gagal", data.message, "error");
                                // Hilangkan loading spinner pada tombol submit
                                hideLoading();
                                enableButton();
                            }
                        })
                        .catch(error => {
                            // Handle error
                            console.error(error);
                            swal("Gagal", error.message, "error");
                            // Hilangkan loading spinner pada tombol submit
                            hideLoading();
                            enableButton();
                        });
                } else {
                    e.dismiss;
                    // Hilangkan loading spinner pada tombol submit
                    hideLoading();
                    enableButton();
                }
            }, function(dismiss) {
                return false;
                // Hilangkan loading spinner pada tombol submit
                hideLoading();
                enableButton();
            });

        });

        // Fungsi untuk menampilkan loading spinner pada tombol submit
        function showLoading() {
            submitBtn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Loading...';
            submitBtn.disabled = true;
        }

        // Fungsi untuk menghilangkan loading spinner pada tombol submit
        function hideLoading() {
            submitBtn.innerHTML = 'Perbarui <i class="fas fa-redo"></i>';
        }

        // Fungsi untuk menonaktifkan tombol submit
        function disableButton() {
            submitBtn.disabled = true;
        }

        // Fungsi untuk mengaktifkan tombol submit
        function enableButton() {
            submitBtn.disabled = false;
        }
    });
</script>

@endsection