@extends('layouts.blank')

@section('title', 'Laporan Buku Besar')

@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>Tanggal</th>
                <th>Unit Usaha</th>
                <th>Akun</th>
                <th>Debit</th>
                <th>Kredit</th>
                <th>Saldo</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($result as $r)
                @if (!empty($r->is_subtotal))
                    <tr style="font-weight:bold;background:#f5f5f5">
                        <td colspan="5">
                            Subtotal {{ $r->coa_code }} - {{ $r->coa_name }}
                        </td>
                        <td class="text-right">
                            {{ number_format($r->balance, 0, ',', '.') }}
                        </td>
                    </tr>
                @else
                    <tr>
                        <td class="text-center">
                            {{ \Carbon\Carbon::parse($r->posting_date)->format('d/m/Y') }}
                        </td>
                        <td>
                            {{ $r->business_unit_name ?: '-' }}
                        </td>
                        <td>
                            {{ $r->coa_code }} - {{ $r->coa_name }}
                        </td>
                        <td class="text-right">
                            {{ number_format($r->debit, 0, ',', '.') }}
                        </td>
                        <td class="text-right">
                            {{ number_format($r->credit, 0, ',', '.') }}
                        </td>
                        <td class="text-right">
                            {{ number_format($r->balance, 0, ',', '.') }}
                        </td>
                    </tr>
                @endif
            @empty
                <tr>
                    <td colspan="6" style="text-align:center; color:#666;">
                        Tidak ada data
                    </td>
                </tr>
            @endforelse
        </tbody>
    </table>

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