@extends('landing-layout.master')
@section('title', 'Form Kepuasan Mitra')

@section('content')

    <section class="wrapper bg-soft-primary">
        <div class="container pt-10 pb-19 pt-md-14 pb-md-20 text-center">
            <div class="row">
                <div class="col-md-10 col-xl-8 mx-auto">
                    <div class="post-header">
                        <div class="post-category text-line">
                            <a href="#" class="hover" rel="category">Pengumuman</a>
                        </div>
                        <h1 class="display-1 mb-4">{{ $data->judul }}</h1>
                        <ul class="post-meta mb-5">
                            <li class="post-date"><i class="uil uil-calendar-alt"></i><span>{{ $data->created_at }}</span>
                            </li>
                            <li class="post-author"><a href="#"><i class="uil uil-user"></i><span>By
                                        {{ $data->created_by }}</span></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="wrapper bg-light">
        <div class="container pb-14 pb-md-16">
            <div class="row">
                <div class="col-lg-10 mx-auto">
                    <div class="blog single mt-n17">
                        <div class="card">
                            <figure class="card-img-top mt-3 d-block text-center"><img
                                    src="/upload/pengumuman/feature_image/{{ $data->feature_image }}" alt=""
                                    style="width:40%;"></figure>
                            <div class="card-body">
                                <div class="classic-view">
                                    <article class="post">
                                        <div class="post-content mb-5">
                                            <h2 class="h1 mb-4">{{ $data->judul }}</h2>
                                            <p>{!! $data->isi !!}</p>
                                    </article>
                                    @if ($data->pengumuman_id == '6')
                                        <article class="post">
                                            <div class="post-content mb-5">
                                                <h2 class="h1 mb-4">Daftar Ketua Pengusul Penelitian Hibah Internal 2024
                                                    Belum Menyelesaikan Kontrak dan BAP1</h2>
                                                <table id="hibahTable" class="table table-striped display nowrap"
                                                    style="width:100%">
                                                    <thead>
                                                        <tr>
                                                            <th>#</th>
                                                            <th>Nama</th>
                                                            <th>Fakultas</th>
                                                            <th>Status</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach ($allData as $item)
                                                            <tr>
                                                                <td>{{ $loop->iteration }}</td>
                                                                <td>{{ $item->nama }}</td>
                                                                <td>{{ $item->fakultas }}</td>
                                                                <td style="color:red;">{{ $item->status }}</td>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                        </article>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('page-style')
    <link href="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.0/dist/sweetalert2.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.4.1/css/buttons.dataTables.min.css">

@endsection

@section('page-script')

    <script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.0/dist/sweetalert2.min.js"></script>
    <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.4.1/js/dataTables.buttons.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.5/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.5/vfs_fonts.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.4.1/js/buttons.html5.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.4.1/js/buttons.print.min.js"></script>
    <script>
        $(document).ready(function() {
            $('#hibahTable').DataTable({
                dom: 'Bfrtip', // Tambahkan tombol export
                buttons: [{
                        extend: 'pdfHtml5',
                        title: 'Daftar Ketua Pengusul Penelitian Hibah Internal 2024 Belum Menyelesaikan Kontrak dan BAP1',
                        text: 'Download PDF',
                        orientation: 'portrait',
                        pageSize: 'A4',
                        exportOptions: {
                            columns: [0, 1, 2, 3] // Kolom yang akan diexport
                        }
                    },
                    {
                        extend: 'excelHtml5',
                        title: 'Daftar Ketua Pengusul Penelitian Hibah Internal 2024 Belum Menyelesaikan Kontrak dan BAP1',
                        text: 'Download Excel',
                        exportOptions: {
                            columns: [0, 1, 2, 3]
                        }
                    },
                    {
                        extend: 'print',
                        title: 'Daftar Ketua Pengusul Penelitian Hibah Internal 2024 Belum Menyelesaikan Kontrak dan BAP1',
                        text: 'Print',
                        exportOptions: {
                            columns: [0, 1, 2, 3]
                        }
                    }
                ],
                responsive: true, // Agar responsif
                scrollX: true // Tambahkan scroll horizontal jika tabel terlalu lebar
            });
        });
    </script>

@stop