@push('scripts')
    <script>
        document.addEventListener('livewire:initialized', () => {
            @this.on('openNewTab', (event) => {
                const url = event[0];
                if (url) {
                    window.open(url, '_blank');
                }
            });
        });
    </script>
@endpush

<div>
    {{-- CARD KEUANGAN --}}
    <div class="card">
        <div class="card-header">
            <h5 class="card-title">Laporan Laba Rugi</h5>
        </div>
        <div class="card-body">
            <div class="row mb-4">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header bg-primary text-white">
                            <div class="d-flex justify-content-between align-content-center">
                                <h6 class="mb-0 d-flex align-items-center">Filter Laporan</h6>
                                <button class="btn btn-light btn-sm" wire:click="cetakLaporan">
                                    <i class="fas fa-print me-1"></i> Cetak Laporan
                                </button>
                            </div>
                        </div>
                        <div class="card-body">
                            <!-- Info Filter Aktif -->
                            <div class="alert alert-info mb-3">
                                <i class="fas fa-filter me-2"></i>
                                <strong>Filter Aktif:</strong> {{ $keteranganFilter }}
                            </div>
                            
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="filterType">Tipe Filter</label>
                                        <select class="form-select" wire:model.live="filterType">
                                            <option value="all">Semua Data</option>
                                            <option value="date">Filter Tanggal</option>
                                            <option value="month">Filter Bulan</option>
                                            <option value="year">Filter Tahun</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                @if ($filterType == 'date')
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="tanggalAwal">Tanggal Awal</label>
                                            <input type="date" class="form-control" wire:model.live="tanggalAwal">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="tanggalAkhir">Tanggal Akhir</label>
                                            <input type="date" class="form-control" wire:model.live="tanggalAkhir">
                                        </div>
                                    </div>
                                @endif

                                @if ($filterType == 'month')
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="bulan">Bulan</label>
                                            <select class="form-select" wire:model.live="bulan">
                                                <option value="">Pilih Bulan</option>
                                                <option value="1">Januari</option>
                                                <option value="2">Februari</option>
                                                <option value="3">Maret</option>
                                                <option value="4">April</option>
                                                <option value="5">Mei</option>
                                                <option value="6">Juni</option>
                                                <option value="7">Juli</option>
                                                <option value="8">Agustus</option>
                                                <option value="9">September</option>
                                                <option value="10">Oktober</option>
                                                <option value="11">November</option>
                                                <option value="12">Desember</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="tahunBulan">Tahun</label>
                                            <select class="form-select" wire:model.live="tahunBulan">
                                                @for ($i = date('Y'); $i >= date('Y') - 5; $i--)
                                                    <option value="{{ $i }}">{{ $i }}</option>
                                                @endfor
                                            </select>
                                        </div>
                                    </div>
                                @endif

                                @if ($filterType == 'year')
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="tahun">Tahun</label>
                                            <select class="form-select" wire:model.live="tahun">
                                                @for ($i = date('Y'); $i >= date('Y') - 5; $i--)
                                                    <option value="{{ $i }}">{{ $i }}</option>
                                                @endfor
                                            </select>
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Rekapitulasi Per Akun -->
            <div class="row">
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header bg-success text-white">
                            <h6 class="mb-0">Rekapitulasi Pemasukan per Akun</h6>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-bordered">
                                    <thead>
                                        <tr>
                                            <th>No</th>
                                            <th>Akun</th>
                                            <th class="text-end">Jumlah</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($pemasukan as $item)
                                            @if(isset($item->akun) && $item->akun && $item->akun->kategori == 1)
                                            <tr>
                                                <td>{{ $loop->iteration }}</td>
                                                <td>
                                                    {{ $item->akun->nama_akun }}
                                                </td>
                                                <td class="text-end">Rp {{ number_format($item->debit, 0, ',', '.') }}</td>
                                            </tr>
                                            @endif
                                        @empty
                                            <tr>
                                                <td colspan="3" class="text-center">Tidak ada data pemasukan</td>
                                            </tr>
                                        @endforelse
                                        <tr class="table-success">
                                            <th colspan="2">Total Pemasukan</th>
                                            <th class="text-end">Rp {{ number_format($totalPemasukan, 0, ',', '.') }}</th>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header bg-danger text-white">
                            <h6 class="mb-0">Rekapitulasi Pengeluaran per Akun</h6>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-bordered">
                                    <thead>
                                        <tr>
                                            <th>No</th>
                                            <th>Akun</th>
                                            <th class="text-end">Jumlah</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($pengeluaran as $item)
                                            @if(isset($item->akun) && $item->akun && $item->akun->kategori == 2)
                                            <tr>
                                                <td>{{ $loop->iteration }}</td>
                                                <td>
                                                    {{ $item->akun->nama_akun }}
                                                </td>
                                                <td class="text-end">Rp {{ number_format($item->kredit, 0, ',', '.') }}</td>
                                            </tr>
                                            @endif
                                        @empty
                                            <tr>
                                                <td colspan="3" class="text-center">Tidak ada data pengeluaran</td>
                                            </tr>
                                        @endforelse
                                        <tr class="table-danger">
                                            <th colspan="2">Total Pengeluaran</th>
                                            <th class="text-end">Rp {{ number_format($totalPengeluaran, 0, ',', '.') }}</th>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Summary Laba Rugi -->
            <div class="row mt-4">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header {{ $labaRugi >= 0 ? 'bg-success' : 'bg-danger' }} text-white">
                            <h6 class="mb-0">Ringkasan Laba Rugi</h6>
                        </div>
                        <div class="card-body">
                            <div class="row text-center">
                                <div class="col-md-4">
                                    <h5>Total Pemasukan</h5>
                                    <h3 class="text-success">Rp {{ number_format($totalPemasukan, 0, ',', '.') }}</h3>
                                </div>
                                <div class="col-md-4">
                                    <h5>Total Pengeluaran</h5>
                                    <h3 class="text-danger">Rp {{ number_format($totalPengeluaran, 0, ',', '.') }}</h3>
                                </div>
                                <div class="col-md-4">
                                    <h5>{{ $labaRugi >= 0 ? 'Laba' : 'Rugi' }}</h5>
                                    <h3 class="{{ $labaRugi >= 0 ? 'text-success' : 'text-danger' }}">
                                        Rp {{ number_format(abs($labaRugi), 0, ',', '.') }}
                                    </h3>
                                </div>
                            </div>
                            
                            <hr>
                            
                            <div class="row">
                                <div class="col-md-12 text-center">
                                    <h6>Periode: {{ $keteranganFilter }}</h6>
                                    @if ($labaRugi >= 0)
                                        <div class="alert alert-success">
                                            <i class="fas fa-check-circle me-2"></i>
                                            Perusahaan mengalami <strong>KEUNTUNGAN</strong> sebesar Rp {{ number_format($labaRugi, 0, ',', '.') }}
                                        </div>
                                    @else
                                        <div class="alert alert-danger">
                                            <i class="fas fa-exclamation-triangle me-2"></i>
                                            Perusahaan mengalami <strong>KERUGIAN</strong> sebesar Rp {{ number_format(abs($labaRugi), 0, ',', '.') }}
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{-- CARD LAPORAN --}}
    <div class="card mt-4">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h5 class="m-0">Data Transaksi Penjualan (Margin)</h5>
            <button class="btn btn-primary" wire:click="cetakAllTransaksiLabaRugi">
                <i class="fas fa-print me-1"></i> Cetak Semua
            </button>
        </div>
        <div class="card-body">
            <div class="row mb-3">
                <div class="col-md-3">
                    <label for="laporanStartDate">Tanggal Mulai</label>
                    <input type="date" wire:model.live="laporanStartDate" class="form-control">
                </div>
                <div class="col-md-3">
                    <label for="laporanEndDate">Tanggal Selesai</label>
                    <input type="date" wire:model.live="laporanEndDate" class="form-control">
                </div>
                <div class="col-md-2">
                    <label for="selectedCustomer">Filter Customer</label>
                    <select wire:model.live="selectedCustomer" class="form-select">
                        <option value="">Semua Customer</option>
                        @foreach ($customers as $customer)
                            <option value="{{ $customer->id }}">{{ $customer->nama }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <label for="selectedCity">Filter Kota</label>
                    <select wire:model.live="selectedCity" class="form-select">
                        <option value="">Semua Kota</option>
                        @foreach ($cities as $city)
                            <option value="{{ $city->id }}">{{ $city->nama }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <label for="selectedSales">Filter Sales</label>
                    <select wire:model.live="selectedSales" class="form-select">
                        <option value="">Semua Sales</option>
                        @foreach ($sales as $sale)
                            <option value="{{ $sale->id }}">{{ $sale->nama }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="table-responsive">
                <table class="table table-bordered table-striped">
                    <thead class="table-primary">
                        <tr>
                            <th>No</th>
                            <th>Tanggal</th>
                            <th>No Faktur</th>
                            <th>Customer</th>
                            <th>Kota</th>
                            <th>Sales</th>
                            <th class="text-end">Total</th>
                            <th class="text-center">Aksi</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if ($transaksi)
                            @forelse ($transaksi as $item)
                                <tr>
                                    <td>{{ $loop->iteration + $transaksi->firstItem() - 1 }}</td>
                                    <td>{{ \Carbon\Carbon::parse($item->tanggal_faktur)->format('d-m-Y') }}</td>
                                    <td>{{ $item->no_faktur }}</td>
                                    <td>{{ $item->customer->nama ?? '-' }}</td>
                                    <td>{{ $item->customer->kota->nama ?? '-' }}</td>
                                    <td>{{ $item->customer->sales->nama ?? '-' }}</td>
                                    <td class="text-end">Rp {{ number_format($item->total_harga_margin, 0, ',', '.') }}</td>
                                    <td class="text-center">
                                        <button class="btn btn-primary btn-sm"
                                            wire:click="cetakTransaksiLabaRugi('{{ $item->no_faktur }}')">
                                            <i class="fas fa-print"></i> Cetak
                                        </button>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="8" class="text-center">Tidak ada data ditemukan</td>
                                </tr>
                            @endforelse
                        @endif
                    </tbody>
                </table>
            </div>
            @if ($transaksi?->hasPages())
                <div class="d-flex justify-content-between align-items-center mt-3">
                    <div>
                        <p class="text-muted mb-0">
                            Showing {{ $transaksi->firstItem() }} to {{ $transaksi->lastItem() }} of {{ $transaksi->total() }} results
                        </p>
                    </div>
                    <div>
                        {{ $transaksi->links('vendor.livewire.custom-pagination') }}
                    </div>
                </div>
            @endif
        </div>
    </div>
</div>