@extends('layout.master')
@section('parentPageTitle', 'Detail Proposal')
@section('title', 'Detail Data')

@section('content')
    <div class="section-body mt-3">
        <div class="container-fluid">
            <div class="tab-content mt-3">
                <div class="tab-pane fade show active" role="tabpanel">
                    <!-- @include('flashmessage') -->
                    @if (session('success'))
                        <div class="alert alert-success">
                            {{ session('success') }}
                        </div>
                    @elseif (session('error'))
                        <div class="alert alert-danger">
                            {{ session('error') }}
                        </div>
                    @endif

                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    @if ($notif != null)
                        <div class="row justify-content-center">
                            <div class="col-lg-8 col-sm-12 col-md-8 mx-auto d-block">
                                <div class="row alert alert-danger alert-dismissible fade show d-flex align-items-center">
                                    <!-- Close Button -->
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true"></span>
                                    </button>
                                
                                    <!-- Exclamation Icon with Text -->
                                    <div class="col-lg-2 col-sm-12 mb-2">
                                        <i class="fa fa-exclamation-circle" style="font-size: 50px; margin-right: 10px;"></i>
                                        <h5>{{ $notif->task_name }}</h5>
                                    </div>
                                    <div class="col-lg-10 col-sm-12">
                                        <p class="text-dark mb-1">"{{ $notif->description }}"
                                            @if ($notif->file_bukti != null)
                                                <a href="/upload/bukti/{{ $notif->file_bukti }}" target="_blank" style="margin-right: 10px;">
                                                    <button type="button" class="btn btn-sm btn-primary"><i class="fa fa-eye"></i> Lihat Bukti</button>
                                                </a>
                                            @endif
                                        </p>
                                        <p style="font-style: italic;">Jika sudah melakukan perbaikan, anda bisa
                                            <a href="javascript:void(0);" onclick="confirmDelete('{{ $notif->notif_proposal_id }}')">Klik Disini</a>
                                            untuk menghapus Alert ini. Terima kasih
                                        </p>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                    @endif


                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title"><b>Hibah {{ $detailData->jenis_hibah }}</b></h3>
                        </div>
                        <div class="card-body">
                            <div class="row mb-3">
                                <div class="col-lg-8 col-md-8 col-sm-12">
                                    <h4 style="font-weight: 700;">Data Ketua Pengusul</h4>
                                    <div class="table-responsive">
                                        <table class="table w-70">
                                            <tr>
                                                <td style="width:20%">Nama</td>
                                                <td style="width:1%">:</td>
                                                <td>{{ $detailData->nama_dosen }}</td>
                                            </tr>
                                            <tr>
                                                <td style="width:20%">Fakultas</td>
                                                <td style="width:1%">:</td>
                                                <td>{{ $detailData->nama_fakultas }}</td>
                                            </tr>
                                            <tr>
                                                <td style="width:20%">Program Studi</td>
                                                <td style="width:1%">:</td>
                                                <td>{{ $detailData->nama_prodi }}</td>
                                            </tr>
                                            <tr>
                                                <td style="width:20%">Sinta ID</td>
                                                <td style="width:1%">:</td>
                                                <td><a href="https://sinta.kemdikbud.go.id/authors/profile/{{ $detailData->sinta_id }}" target="_blank">{{ $detailData->sinta_id }}</td>
                                            </tr>
                                            <tr>
                                                <td style="width:20%">Email</td>
                                                <td style="width:1%">:</td>
                                                <td>{{ $detailData->email }}</td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-4 col-sm-12">
                                    <div class="image-container mx-auto d-block text-center">
                                        <img src="{{ $detailData->profile_picture ? '/upload/profile_picture/' . $detailData->profile_picture : '/assets/images/gallery/user-default.png' }}"
                                            class="mx-auto d-block foto-profile" alt="Profile Picture"
                                            style="width: 400px;">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row mb-3">
                        <div class="col-lg-6 col-md-6 col-sm-12">
                            <div class="card">
                                <div class="card-body">
                                    <h4 style="font-weight: 700;">Data Proposal</h4>
                                    <div class="table-responsive">
                                        <table class="table w-70">
                                            <tr>
                                                <td style="width:25%; font-weight: 700;">Tahun Hibah</td>
                                                <td style="width:1%">:</td>
                                                <td>{{ $detailData->tahun_pelaksanaan_hibah ?? 'Tidak ada' }}</td>
                                            </tr>
                                            <tr>
                                                <td style="width:25%; font-weight: 700;">Judul Proposal</td>
                                                <td style="width:1%">:</td>
                                                <td>{{ $detailData->judul_proposal ?? 'Tidak ada' }}</td>
                                            </tr>
                                            <tr>
                                                <td style="width:25%; font-weight: 700;">File Proposal</td>
                                                <td style="width:1%">:</td>
                                                <td>
                                                    @if (isset($detailData->proposal_file))
                                                        <a href="/upload/proposal/{{ $detailData->proposal_file }}"
                                                            target="_blank">Click to download</a>
                                                    @else
                                                        Tidak ada file
                                                    @endif
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="width:25%; font-weight: 700;">File Penilaian Proposal</td>
                                                <td style="width:1%">:</td>
                                                <td>
                                                    @if (isset($detailData->penilaian_proposal))
                                                        <a href="/upload/penilaian/{{ $detailData->penilaian_proposal }}"
                                                            target="_blank">Click to download</a>
                                                    @else
                                                        Tidak ada file
                                                    @endif
                                                </td>
                                            </tr>
                                            {{-- <tr>
                                                <td style="width:25%; font-weight: 700;">File Laporan Akhir</td>
                                                <td style="width:1%">:</td>
                                                <td>
                                                    @if (isset($detailData->laporan_akhir_file))
                                                        <a href="/upload/laporan_akhir/{{ $detailData->laporan_akhir_file }}"
                                                            target="_blank">Click to download</a>
                                                    @else
                                                        Belum ada
                                                    @endif
                                                </td>
                                            </tr> --}}
                                            {{-- <tr>
                                                <td style="width:25%; font-weight: 700;">File Penilaian Monev</td>
                                                <td style="width:1%">:</td>
                                                <td>
                                                    @if (isset($detailData->penilaian_monev))
                                                        <a href="/upload/penilaian/{{ $detailData->penilaian_monev }}"
                                                            target="_blank">Click to download</a>
                                                    @else
                                                        Belum ada
                                                    @endif
                                                </td>
                                            </tr> --}}
                                            <tr>
                                                <td style="width:25%; font-weight: 700;">Dana Hibah</td>
                                                <td style="width:1%">:</td>
                                                <td>Rp.
                                                    {{ number_format($detailData->jumlah_pencairan_dana ?? 0, 0, ',', '.') }}
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="width:25%; font-weight: 700;">Status Usulan</td>
                                                <td style="width:1%">:</td>
                                                <td>{{ $detailData->status_proposal ?? 'Tidak ada' }}</td>
                                            </tr>
                                        </table>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12">
                            <div class="card">
                                <div class="card-body">
                                    <h4 style="font-weight: 700;">Data Anggota</h4>
                                    <div class="table-responsive">
                                        <table class="table w-70">
                                            <thead>
                                                <tr>
                                                    <th style="font-weight: 700;">#</th>
                                                    <th style="font-weight: 700;">Photo</th>
                                                    <th style="font-weight: 700;">Role</th>
                                                    <th style="font-weight: 700;">Nama</th>
                                                    <th style="font-weight: 700;">NIP/NIM/NIDN</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($anggotaWithRoles as $index => $anggota)
                                                    <tr>
                                                        <td>{{ $loop->iteration }}</td>
                                                        <td class="image-container-td mx-auto d-block text-center">
                                                            <img src="{{ $anggota->pic ? '/upload/profile_picture/' . $anggota->pic : '/assets/images/gallery/user-default.png' }}"
                                                                class="foto-anggota" alt="Profile Picture"
                                                                style="width:60px;">
                                                        </td>
                                                        <td>{{ $anggota->role }}</td>
                                                        <td>
                                                            {{ $anggota->nama }}
                                                            @if ($anggota->role === 'Dosen Luar Kampus')
                                                                <br>
                                                                <small
                                                                    style="color: blue">{{ $anggota->universitas }}</small>
                                                                <!-- Menampilkan nama universitas -->
                                                            @endif
                                                        </td>
                                                        <td>{{ $anggota->nip_nim }}</td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @if ($detailData->no_kontrak != null)
                        <div class="row mb-3">
                            <div class="col-lg-6 col-md-6 col-sm-12">
                                <div class="card">
                                    <div class="card-body">
                                        <h4 style="font-weight: 700;">Data Kontrak - BAP1 - BAP2</h4>
                                        <div class="table-responsive">
                                            <table class="table w-70">
                                                @if ($detailData->no_kontrak != null && $detailData->file_kontrak == null)
                                                    <tr>
                                                        <td style="width:25%; font-weight: 700;">Sign Kontrak</td>
                                                        <td style="width:1%">:</td>
                                                        <td>
                                                            <a href="/createBA1/{{ $detailData->proposal_dosen_id }}"
                                                                class="btn btn-success mb-1">Kontrak
                                                                {{ $detailData->jenis_hibah }}</a>
                                                        </td>
                                                    </tr>
                                                @elseif ($detailData->file_kontrak != null && $detailData->file_kontrak_bermaterai == null)
                                                    <tr>
                                                        <td style="width:25%; font-weight: 700;">File Kontrak Tanpa Materai
                                                        </td>
                                                        <td style="width:1%">:</td>
                                                        <td>
                                                            <a href="/upload/kontrak/{{ $detailData->file_kontrak }}"
                                                                target="_blank">Click to download</a>
                                                            <button type="button" class="btn btn-danger mb-1"
                                                                data-toggle="modal" data-target="#kontrakModal"
                                                                data-id="{{ $detailData->proposal_dosen_id }}">
                                                                Upload Kontrak ber-Materai
                                                            </button>
                                                        </td>
                                                    </tr>
                                                @elseif ($detailData->file_kontrak_bermaterai != null)
                                                    <tr>
                                                        <td style="width:25%; font-weight: 700;">File Kontrak berMaterai
                                                        </td>
                                                        <td style="width:1%">:</td>
                                                        <td>
                                                            <a href="/upload/kontrak/{{ $detailData->file_kontrak_bermaterai }}"
                                                                target="_blank">Click to download</a>
                                                            @if ($detailData->valid_kontrak == 'Y')
                                                                <span class="text-success"><i class="fa fa-check "></i>
                                                                    verified</span>
                                                            @else
                                                                <span class="text-danger"><i class="fa fa-times"></i>
                                                                    unverified</span>
                                                            @endif
                                                        </td>
                                                    </tr>
                                                @endif

                                                @if ($detailData->no_ba_1 != null && $detailData->valid_kontrak == 'Y' && $detailData->file_berita_acara_1 == null)
                                                    <tr>
                                                        <td style="width:25%; font-weight: 700;">Sign BAP-1</td>
                                                        <td style="width:1%">:</td>
                                                        <td>
                                                            <a href="/pembayaran_1/{{ $detailData->proposal_dosen_id }}"
                                                                class="btn btn-success mb-1">BAP 1
                                                                {{ $detailData->jenis_hibah }}</a>
                                                        </td>
                                                    </tr>
                                                @elseif ($detailData->file_berita_acara_1 != null && $detailData->file_berita_acara_1_bermaterai == null)
                                                    <tr>
                                                        <td style="width:25%; font-weight: 700;">File BAP 1 Tanpa Materai
                                                        </td>
                                                        <td style="width:1%">:</td>
                                                        <td>
                                                            <a href="/upload/kontrak/{{ $detailData->file_berita_acara_1 }}"
                                                                target="_blank">Click to download</a>
                                                            <button type="button" class="btn btn-danger mb-1"
                                                                data-toggle="modal" data-target="#ba1Modal"
                                                                data-id="{{ $detailData->proposal_dosen_id }}">
                                                                Upload BAP 1 ber-Materai
                                                            </button>
                                                        </td>
                                                    </tr>
                                                @elseif ($detailData->file_berita_acara_1_bermaterai != null)
                                                    <tr>
                                                        <td style="width:25%; font-weight: 700;">File BAP 1 berMaterai
                                                        </td>
                                                        <td style="width:1%">:</td>
                                                        <td>
                                                            <a href="/upload/kontrak/{{ $detailData->file_berita_acara_1_bermaterai }}"
                                                                target="_blank">Click to download</a>
                                                            @if ($detailData->valid_ba1 == 'Y')
                                                                <span class="text-success"><i class="fa fa-check "></i>
                                                                    verified</span>
                                                            @else
                                                                <span class="text-danger"><i class="fa fa-times"></i>
                                                                    unverified</span>
                                                            @endif
                                                        </td>
                                                    </tr>
                                                @endif

                                                @if($detailData->has_transfered_1 == 'Y')
                                                    <tr>
                                                        <td style="width:25%; font-weight: 700;">Dana Tahap 1
                                                        </td>
                                                        <td style="width:1%">:</td>
                                                        <td>
                                                            Sudah Ditransfer
                                                                <span class="text-success"><i class="fa fa-download "></i>
                                                                    <a href="/upload/bukti/{{ $detailData->file_has_transfered_1 }}"
                                                                        target="_blank"> Bukti Transfer</a></span>
                                                        </td>
                                                    </tr>
                                                @endif

                                                @if ($detailData->no_ba_2 != null && $detailData->file_berita_acara_2 == null)
                                                    <tr>
                                                        <td style="width:25%; font-weight: 700;">Sign BAP-2</td>
                                                        <td style="width:1%">:</td>
                                                        <td>
                                                            <a href="/pembayaran_1/{{ $detailData->proposal_dosen_id }}"
                                                                class="btn btn-success mb-1">BAP 2
                                                                {{ $detailData->jenis_hibah }}</a>
                                                        </td>
                                                    </tr>
                                                @elseif ($detailData->file_berita_acara_2 != null && $detailData->file_berita_acara_2_bermaterai == null)
                                                    <tr>
                                                        <td style="width:25%; font-weight: 700;">File BAP 2 Tanpa Materai
                                                        </td>
                                                        <td style="width:1%">:</td>
                                                        <td>
                                                            <a href="/upload/kontrak/{{ $detailData->file_berita_acara_1 }}"
                                                                target="_blank">Click to download</a>
                                                            <button type="button" class="btn btn-danger mb-1"
                                                                data-toggle="modal" data-target="#ba1Modal"
                                                                data-id="{{ $detailData->proposal_dosen_id }}">
                                                                Upload BAP 2 ber-Materai
                                                            </button>
                                                        </td>
                                                    </tr>
                                                @elseif ($detailData->file_berita_acara_2_bermaterai != null)
                                                    <tr>
                                                        <td style="width:25%; font-weight: 700;">File BAP 2 berMaterai
                                                        </td>
                                                        <td style="width:1%">:</td>
                                                        <td>
                                                            <a href="/upload/kontrak/{{ $detailData->file_berita_acara_1_bermaterai }}"
                                                                target="_blank">Click to download</a>
                                                        </td>
                                                    </tr>
                                                @endif

                                            </table>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                </div>
            </div>
        </div>

    @stop



    @section('page-styles')
        <link rel="stylesheet" href="{{ asset('assets/plugins/datatable/dataTables.bootstrap4.min.css') }}">
        <link rel="stylesheet" href="{{ asset('assets/plugins/sweetalert/sweetalert.css') }}">
        <style>
            @media (max-width: 768px) {
                .button-text {
                    display: none;
                }

                .foto-anggota {
                    width: 100px;
                }

                .round-button {
                    border-radius: 50%;
                    /* Make the button circular */
                    padding: 15px;
                    /* Adjust padding to make the button bigger */
                    display: inline-flex;
                    /* Center the icon inside */
                    align-items: center;
                    /* Vertically center the icon */
                    justify-content: center;
                    /* Horizontally center the icon */
                    width: 40px;
                    /* Fixed width for a circular button */
                    height: 40px;
                    /* Fixed height for a circular button */
                }
            }

            .sweet-alert {
                z-index: 99999 !important;
            }

            .sweet-overlay {
                z-index: 99998 !important;
            }

            .image-container {
                width: 300px;
                /* Set the width to 1000px */
                height: 300px;
                /* Set the height to 1000px */
                overflow: hidden;
                /* Hide any overflow */
                position: relative;
                /* Position relative for absolute child positioning */
            }

            .image-container-td {
                width: 50px;
                /* Set the width to 1000px */
                height: 50px;
                /* Set the height to 1000px */
                overflow: hidden;
                /* Hide any overflow */
                position: relative;
                /* Position relative for absolute child positioning */
            }

            .image-container img {
                width: 100%;
                /* Make image fill the width of the container */
                height: 100%;
                /* Make image fill the height of the container */
                object-fit: cover;
                /* Crop the image to cover the container */
                position: absolute;
                /* Positioning to ensure it fills the container */
                top: 0;
                /* Align to top */
                left: 0;
                /* Align to left */
            }

            .alert {
                display: inline-block;
            }
        </style>
    @stop

    @section('page-script')
        <script src="{{ asset('assets/bundles/counterup.bundle.js') }}"></script>
        <script src="{{ asset('assets/plugins/sweetalert/sweetalert.min.js') }}"></script>
        <script src="{{ asset('assets/plugins/dropify/js/dropify.min.js') }}"></script>
        <script src="{{ asset('assets/js/core.js') }}"></script>
        <script src="{{ asset('assets/js/page/dialogs.js') }}"></script>
        <script src="{{ asset('assets/js/form/dropify.js') }}"></script>
        <script src="{{ asset('assets/plugins/datatable/jquery.dataTables.min.js') }}"></script>
        <script src="{{ asset('assets/plugins/datatable/dataTables.bootstrap4.min.js') }}"></script>
        <script src="{{ asset('assets/plugins/datatable/buttons/dataTables.buttons.min.js') }}"></script>
        <script src="{{ asset('assets/plugins/datatable/buttons/buttons.html5.min.js') }}"></script>
        <script src="{{ asset('assets/js/jszip.min.js') }}"></script>
        <script src="{{ asset('assets/js/pdfmake/pdfmake.min.js') }}"></script>
        <script src="{{ asset('assets/js/pdfmake/vfs_fonts.js') }}"></script>
        <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                document.getElementById('submitBtn').addEventListener('click', function(event) {
                    // Ambil data dari form
                    const bankName = document.getElementById('bank_name')?.value;
                    const accountName = document.getElementById('account_name')?.value;
                    const accountNumber = document.getElementById('account_number')?.value;

                    // Validasi untuk memastikan tidak ada input yang kosong
                    if (!bankName || !accountName || !accountNumber) {
                        Swal.fire({
                            title: 'Data Tidak Lengkap!',
                            text: 'Semua kolom harus diisi sebelum menyimpan.',
                            icon: 'error',
                            confirmButtonText: 'OK'
                        });
                        return; // Hentikan proses jika ada input kosong
                    }

                    // Jika semua data valid, tampilkan SweetAlert konfirmasi
                    Swal.fire({
                        title: 'Pastikan Data Yang Anda Masukkan Sudah Benar!',
                        html: `
                <p style="color:red;"> Periksa kembali nama yang anda masukkan sudah sesuai dengan yang ada di buku rekening, jika dibuku rekening ada gelar maka masukkan juga gelarnya</p>
                <p><strong>Nama Bank:</strong> ${bankName}</p>
                <p><strong>Nama Pemilik Rekening:</strong> ${accountName}</p>
                <p><strong>Nomor Rekening:</strong> ${accountNumber}</p>
            `,
                        icon: 'info',
                        showCancelButton: true,
                        confirmButtonText: 'Ya, Simpan',
                        cancelButtonText: 'Batal'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            // Nonaktifkan tombol konfirmasi dan ubah teksnya menjadi "Processing..."
                            Swal.update({
                                confirmButtonText: 'Processing...',
                                showCancelButton: false
                            });
                            Swal.showLoading();
                            document.getElementById('rekeningForm').submit();
                        }
                    });
                });
            });

            function confirmDelete(notifId) {
                Swal.fire({
                    title: 'Yakin sudah melakukan perbaikan?',
                    text: 'Pesan Pengingat ini tidak akan muncul lagi setelah anda klik OK',
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#d33',
                    cancelButtonColor: '#3085d6',
                    confirmButtonText: 'OK',
                    cancelButtonText: 'Batal'
                }).then((result) => {
                    if (result.isConfirmed) {
                        window.location.href = "/hapus/notif/" + notifId;
                    }
                });
            }
        </script>

    @stop