@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])

    @php
        $activities = collect($table_result ?? []);
        $planningActivities = collect($table_result_d ?? []);
    @endphp

    <div class="container-fluid py-1">
        <div class="card overflow-hidden">
            <div class="card-header pb-2">
                <a href="{{ URL::to($url_menu) }}" class="btn btn-secondary">
                    <i class="fas fa-circle-left me-1" aria-hidden="true"></i>
                    Kembali
                </a>

                <a href="{{ route('rpactv.print-preview', $filter ?? []) }}" target="_blank"
                    class="btn btn-primary ms-1">
                    <i class="fas fa-print me-1"></i>
                    Preview Print
                </a>
            </div>
        </div>
    </div>

    <div class="container-fluid py-2">
        <div class="card">
            <div class="card-header pb-0">
                <h5>Activity Complete</h5>
            </div>
            <div class="card-body pt-0">
                @if ($activities->isEmpty())
                    <div class="alert alert-info text-white mb-0" role="status">
                        Tidak ada data aktivitas yang sesuai dengan filter dan akses Anda.
                    </div>
                @else
                    <div class="table-responsive">
                        <table class="table table-striped align-items-center w-100" id="list_{{ $dmenu }}">
                            <thead class="thead-light" style="background-color: #00b7bd4f;">
                                <tr>
                                    <th scope="col">No</th>
                                    <th scope="col">Tanggal</th>
                                    <th scope="col">Source</th>
                                    <th scope="col">Nama</th>
                                    <th scope="col">Kategori</th>
                                    <th scope="col">Detail Kategori</th>
                                    <th scope="col">Kegiatan</th>
                                    <th scope="col">Detail Kegiatan</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($activities as $activity)
                                    <tr>
                                        <td>{{ $loop->iteration }}</td>
                                        <td class="text-sm">{{ $activity->date ?? '-' }}</td>
                                        <td class="text-sm text-wrap">
                                            <span class="badge bg-gradient-info text-wrap">
                                                {{ $activity->source ?: '-' }}
                                            </span>
                                        </td>
                                        <td class="text-sm text-wrap">{{ $activity->nama_lengkap ?: '-' }}</td>
                                        <td class="text-sm text-wrap">{{ $activity->nama_kategori ?? '-' }}</td>
                                        <td class="text-sm text-wrap">{{ $activity->nama_detkategori ?? '-' }}</td>
                                        <td class="text-sm text-wrap">{{ $activity->ket ?? '-' }}</td>
                                        <td class="text-sm text-wrap">{{ $activity->pengerjaan ?? '-' }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
        </div>
    </div>

    <div class="container-fluid py-2">
        <div class="card">
            <div class="card-header pb-0">
                <h5>Activity Defined</h5>
            </div>
            <div class="card-body pt-0">
                @if ($planningActivities->isEmpty())
                    <div class="alert alert-info text-white mb-0" role="status">
                        Tidak ada data aktivitas yang sesuai dengan filter dan akses Anda.
                    </div>
                @else
                    <div class="table-responsive">
                        <table class="table table-striped align-items-center w-100" id="datatable_planning">
                            <thead class="thead-light" style="background-color: #00b7bd4f;">
                                <tr>
                                    <th scope="col">No</th>
                                    <th scope="col">Tanggal</th>
                                    <th scope="col">Source</th>
                                    <th scope="col">Nama</th>
                                    <th scope="col">Kategori</th>
                                    <th scope="col">Detail Kategori</th>
                                    <th scope="col">Kegiatan</th>
                                    <th scope="col">Detail Kegiatan</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($planningActivities as $activity)
                                    <tr>
                                        <td>{{ $loop->iteration }}</td>
                                        <td class="text-sm">{{ $activity->date ?? '-' }}</td>
                                        <td class="text-sm text-wrap">
                                            <span class="badge bg-gradient-info text-wrap">
                                                {{ $activity->source ?: '-' }}
                                            </span>
                                        </td>
                                        <td class="text-sm text-wrap">{{ $activity->nama_lengkap ?: '-' }}</td>
                                        <td class="text-sm text-wrap">{{ $activity->nama_kategori ?? '-' }}</td>
                                        <td class="text-sm text-wrap">{{ $activity->nama_detkategori ?? '-' }}</td>
                                        <td class="text-sm text-wrap">{{ $activity->ket ?? '-' }}</td>
                                        <td class="text-sm text-wrap">{{ $activity->pengerjaan ?? '-' }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
        </div>
    </div>

    @if ($jsmenu == '1' && view()->exists("js.{$dmenu}"))
        @push('addjs')
            @include('js.' . $dmenu)
        @endpush
    @endif
@endsection

@push('js')
    <script>
        $(document).ready(function() {
            const options = {
                language: {
                    search: 'Cari :',
                    lengthMenu: 'Tampilkan _MENU_ baris',
                    zeroRecords: 'Maaf - Data tidak ada',
                    info: 'Data _START_ - _END_ dari _TOTAL_',
                    infoEmpty: 'Tidak ada data',
                    infoFiltered: '(pencarian dari _MAX_ data)'
                },
                responsive: true,
                dom: 'frtip'
            };

            const completeTable = '#list_{{ $dmenu }}';
            if (document.querySelector(completeTable)) {
                $(completeTable).DataTable(options);
            }

            const planningTable = '#datatable_planning';
            if (document.querySelector(planningTable)) {
                $(planningTable).DataTable(options);
            }
        });
    </script>
@endpush