@extends('layouts.app')

@section('title', 'Preview Laporan Neraca')
@section('page_title', 'Preview Laporan Neraca')

@section('content')
<div class="max-w-7xl mx-auto bg-white shadow-md rounded-lg p-4">
    <h2 class="text-xl font-bold text-gray-800 mb-4">
        Preview Laporan Neraca - {{ $bulan }}/{{ $tahun }}
    </h2>

    {{-- Tombol aksi --}}
    <div class="flex space-x-3 mb-4">
        <a href="{{ route('laporan.neraca.cetak', [$bulan, $tahun]) }}" target="_blank"
           class="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">
            <i class="fas fa-print"></i> Cetak
        </a>
        <a href="{{ route('laporan.neraca.cetak', [$bulan, $tahun]) }}?download=1"
           class="px-4 py-2 bg-green-600 text-white rounded hover:bg-green-700">
            <i class="fas fa-download"></i> Unduh
        </a>
    </div>

    {{-- Preview PDF --}}
    <div class="w-full h-[80vh] border rounded">
        <iframe src="{{ route('laporan.neraca.cetak', [$bulan, $tahun]) }}?preview=1&v={{ time() }}" 
                class="w-full h-full border-0 rounded">
        </iframe>
    </div>
</div>
@endsection