@extends('layouts.blank')

@section('title', 'Laporan Jurnal Umum')

@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>No Bukti</th>
                <th>Unit Usaha</th>
                <th>Uraian</th>
                <th>Debit</th>
                <th>Kredit</th>
                <th>Keterangan</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($rows as $r)
                <tr>
                    <td>{{ \Carbon\Carbon::parse($r->transaction_date)->format('d/m/Y') }}</td>
                    <td>{{ $r->transaction_number }}</td>
                    <td>{{ $r->business_unit_name ?: '-' }}</td>
                    <td>{{ $r->debit_code }} - {{ $r->debit_name }}</td>
                    <td class="text-right">
                        {{ number_format($r->amount, 0, ',', '.') }}
                    </td>
                    <td class="text-right">0</td>
                    <td>{{ $r->description }}</td>
                </tr>
                <tr>
                    <td>{{ \Carbon\Carbon::parse($r->transaction_date)->format('d/m/Y') }}</td>
                    <td>{{ $r->transaction_number }}</td>
                    <td>{{ $r->business_unit_name ?: '-' }}</td>
                    <td>{{ $r->credit_code }} - {{ $r->credit_name }}</td>
                    <td class="text-right">0</td>
                    <td class="text-right">
                        {{ number_format($r->amount, 0, ',', '.') }}
                    </td>
                    <td>{{ $r->description }}</td>
                </tr>
            @empty
                <tr>
                    <td colspan="7" 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