@extends('layouts.blank')

@section('title', 'Laporan Laba Rugi')

@push('styles')
    <style>
        body {
            font-size: 1rem;
        }

        table {
            width: 100%;
            border-collapse: collapse;
        }

        th,
        td {
            border: 1px solid #000;
            padding: 4px;
        }

        th {
            background-color: #f2f2f2;
            text-align: center;
        }

        .text-right {
            text-align: right;
        }

        .text-center {
            text-align: center;
        }

        .btn-print {
            position: fixed;
            bottom: 20px;
            right: 20px;
            z-index: 9999;

            width: 50px;
            height: 50px;
            border-radius: 50%;

            border: none;
            background: #dc3545;
            color: #fff;
            font-size: 22px;
            cursor: pointer;

            display: flex;
            align-items: center;
            justify-content: center;

            box-shadow: 0 4px 8px rgba(0, 0, 0, .3);
        }

        .btn-print:hover {
            background: #b02a37;
        }

        .btn-print:active {
            transform: scale(0.95);
        }

        .btn-print[disabled] {
            opacity: 0.6;
            cursor: not-allowed;
        }

        /* Sembunyikan saat print */
        @media print {
            .no-print {
                display: none !important;
            }
        }
    </style>
@endpush

@push('scripts')
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const btn = document.getElementById('btnPrint');

            btn.addEventListener('click', async function() {
                try {
                    btn.disabled = true;

                    const url = new URL(window.location.href);
                    url.searchParams.set('format', 'pdf');

                    const response = await fetch(url.toString(), {
                        method: 'GET',
                        headers: {
                            'Accept': 'application/pdf'
                        }
                    });

                    if (!response.ok) {
                        throw new Error('Gagal generate PDF');
                    }

                    const blob = await response.blob();

                    // ===== Ambil filename dari header =====
                    let fileName = 'laporan.pdf';
                    const disposition = response.headers.get('Content-Disposition');

                    if (disposition) {
                        // contoh: attachment; filename="laporan-jurnal-jan-2026.pdf"
                        const match = disposition.match(/filename\*?=(?:UTF-8'')?["']?([^;"']+)/i);
                        if (match && match[1]) {
                            fileName = decodeURIComponent(match[1].replace(/"/g, ''));
                        }
                    }

                    // ===== Download =====
                    const link = document.createElement('a');
                    link.href = window.URL.createObjectURL(blob);
                    link.download = fileName;

                    document.body.appendChild(link);
                    link.click();
                    link.remove();

                    window.URL.revokeObjectURL(link.href);
                } catch (error) {
                    alert(error.message);
                } finally {
                    btn.disabled = false;
                }
            });
        });
    </script>
@endpush


@section('content')
    <h2 class="text-center">@yield('title')</h2>

    <p class="text-center">
        Periode:
        <strong>{{ $startDate }}</strong> -
        <strong>{{ $endDate }}</strong>
    </p>

    <table>
        <thead>
            <tr>
                <th>Kode</th>
                <th>Akun</th>
                <th>Unit Usaha</th>
                <th>Jumlah</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($data as $unit)
                {{-- UNIT USAHA --}}
                <tr style="font-weight:bold;background:#e9ecef">
                    <td colspan="4">{{ $unit['name'] }}</td>
                </tr>

                @foreach ($unit['l1'] as $l1)
                    {{-- LEVEL 1 --}}
                    <tr style="font-weight:bold">
                        <td></td>
                        <td colspan="2">{{ $l1['name'] }}</td>
                        <td class="text-right">
                            {{ number_format($l1['amount'], 0, ',', '.') }}
                        </td>
                    </tr>

                    @foreach ($l1['l2'] as $l2)
                        {{-- LEVEL 2 --}}
                        <tr>
                            <td></td>
                            <td colspan="2" style="padding-left:20px">
                                {{ $l2['name'] }}
                            </td>
                            <td class="text-right">
                                {{ number_format($l2['amount'], 0, ',', '.') }}
                            </td>
                        </tr>

                        @foreach ($l2['l3'] as $l3)
                            {{-- LEVEL 3 --}}
                            <tr>
                                <td></td>
                                <td colspan="2" style="padding-left:40px">
                                    {{ $l3['name'] }}
                                </td>
                                <td class="text-right">
                                    {{ number_format($l3['amount'], 0, ',', '.') }}
                                </td>
                            </tr>
                        @endforeach
                    @endforeach
                @endforeach
            @endforeach
        </tbody>

        <tfoot>
            <tr style="font-weight:bold;background:#dff0d8">
                <td colspan="3">TOTAL LABA / RUGI</td>
                <td class="text-right">
                    {{ number_format(collect($data)->sum(fn($u) => collect($u['l1'])->sum('amount')), 0, ',', '.') }}
                </td>
            </tr>
        </tfoot>
    </table>

    @if (request('format') !== 'pdf')
        <button type="button" id="btnPrint" class="btn-print no-print">
            <i class="fas fa-print"></i>
        </button>
    @endif
@endsection