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

@section('content')


<section class="section">
    <div class="section-title">
        <h3>Riwayat Persetujuan Rekomendasi</h3>
    </div>
    <p class="section-lead">
        Data riwayat persetujuan rekomendasi di sini.
    </p>
    <div class="row">
        <div class="col-md-12">
            <div class="card border-0 shadow rounded">
                <div class="card-header">
                    <h4>Riwayat Persetujuan Rekomendasi</h4>
                    <div class="card-header-action">
                        <a href="{{ route('admin.admapprov') }}" 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)
                                @php
                                $status = \App\Models\ApprovalStatus::where('id', $item->status_id)->first();
                                @endphp
                                <div class="activity">
                                    @if ($status->type == 'E')
                                    <div class="activity-icon bg-info text-white shadow-primary">
                                        <i class="fas fa-file"></i>
                                    </div>
                                    @endif
                                    @if ($status->type == 'C')
                                    <div class="activity-icon bg-success text-white shadow-primary">
                                        <i class="fas fa-check"></i>
                                    </div>
                                    @endif
                                    @if ($status->type == 'D')
                                    <div class="activity-icon bg-warning text-white shadow-primary">
                                        <i class="fas fa-pencil-alt"></i>
                                    </div>
                                    @endif
                                    @if ($status->type == 'G')
                                    <div class="activity-icon bg-primary text-white shadow-primary">
                                        <i class="fas fa-times"></i>
                                    </div>
                                    @endif
                                    @if ($status->type == '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 ($status->type == 'E')
                                            <a class="text-job" href="#">{{$status->status_user}}</a>
                                            @endif
                                            @if ($status->type == 'C')
                                            <a class="text-job" href="#">{{$status->status_user}}</a>
                                            @endif
                                            @if ($status->type == 'D')
                                            <a class="text-job" href="#">{{$status->status_user}}</a>
                                            @endif
                                            @if ($status->type == 'G')
                                            <a class="text-job" href="#">{{$status->status_user}}</a>
                                            @endif
                                            @if ($status->type == 'K')
                                            <a class="text-job" href="#">{{$status->status_user}}</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>
                                    </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>
                                @if ($application)
                                @switch($application->application_status)
                                @case('E')
                                <div class="activity">
                                    <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($application->created_at))}}</span>
                                            <span class="bullet"></span>
                                            <a class="text-job" href="#">Kirim Persetujuan</a>
                                            <br>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    @php
                                                    $form = \App\Models\Form::where(['code' => $application->application_type])->first();
                                                    @endphp
                                                    <i class="fas fa-file"></i>
                                                    <strong class="text-success mt-3">APPL000{{$application->id}}</strong> / {{date('d-m-Y', strtotime($application->created_at))}}
                                                    <br>
                                                    @if ($form)
                                                    {{$form->name}}
                                                    @endif
                                                </div>
                                                <div class="col-md-6">
                                                    <i class="fas fa-user"></i>
                                                    {{ $application->front_degree }} {{ $application->name }} {{ $application->back_degree }}
                                                    <br>
                                                    {{ $application->place }} , {{date('d-m-Y', strtotime($application->birth_date))}}
                                                </div>
                                                <form class="fm-resend">
                                                    <a href="#" class="btn btn-success m-2 resendBtn" data-id="{{$application->id}}">Kirim <i class="fas fa-paper-plane"></i></a>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                    @break
                                    @endswitch
                                    @endif
                                    @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 Kirim Ulang Persetujuan ?",
                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/admapprov/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/admapprov') }}");
                                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 = 'Kirim';
        }

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

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

@endsection