@extends('layouts.app')
@section('title', 'Laporan Keuangan')

@section('breadcrumb')
<li class="breadcrumb-item active">Laporan Keuangan</li>
@endsection

@section('content')

<div class="row mb-3">
    <div class="col-md-3 col-6 mb-2">
        <div class="card kpi-card p-3">
            <div class="kpi-label">Total Invoice</div>
            <div class="kpi-value" style="font-size:1rem">Rp {{ number_format($summary['total_invoice'], 0, ',', '.') }}</div>
        </div>
    </div>
    <div class="col-md-3 col-6 mb-2">
        <div class="card kpi-card p-3" style="border-left-color:#16A34A">
            <div class="kpi-label">Terbayar</div>
            <div class="kpi-value" style="font-size:1rem;color:#16A34A">Rp {{ number_format($summary['total_terbayar'], 0, ',', '.') }}</div>
        </div>
    </div>
    <div class="col-md-3 col-6 mb-2">
        <div class="card kpi-card p-3" style="border-left-color:#EF4444">
            <div class="kpi-label">Piutang Tersisa</div>
            <div class="kpi-value" style="font-size:1rem;color:#EF4444">Rp {{ number_format($summary['total_sisa'], 0, ',', '.') }}</div>
        </div>
    </div>
    <div class="col-md-3 col-6 mb-2">
        <div class="card kpi-card p-3" style="border-left-color:#F97316">
            <div class="kpi-label">Hutang ke Penjual</div>
            <div class="kpi-value" style="font-size:1rem;color:#F97316">Rp {{ number_format($summary['hutang_penjual'], 0, ',', '.') }}</div>
        </div>
    </div>
</div>

{{-- Invoice List --}}
<div class="card mb-4">
    <div class="card-header d-flex justify-content-between align-items-center">
        <span><i class="fas fa-file-invoice-dollar mr-2" style="color:var(--yellow-primary)"></i>Rekap Invoice Pabrik</span>
        <button onclick="window.print()" class="btn btn-sm btn-outline-warning"><i class="fas fa-print mr-1"></i>Print</button>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover mb-0">
                <thead>
                    <tr>
                        <th>No Invoice</th><th>Pabrik</th><th>Tgl Invoice</th><th>Jatuh Tempo</th>
                        <th class="text-right">Total</th><th class="text-right">Terbayar</th><th class="text-right">Sisa</th><th class="text-center">Status</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($invoice as $inv)
                    <tr>
                        <td><a href="{{ route('invoice.show', $inv) }}" style="color:var(--yellow-dark);font-weight:600">{{ $inv->no_invoice }}</a></td>
                        <td>{{ $inv->pabrik->nama }}</td>
                        <td>{{ $inv->tanggal_invoice->format('d/m/Y') }}</td>
                        <td class="{{ $inv->jatuh_tempo->isPast() && $inv->status !== 'paid' ? 'text-danger font-weight-bold' : '' }}">
                            {{ $inv->jatuh_tempo->format('d/m/Y') }}
                        </td>
                        <td class="text-right">Rp {{ number_format($inv->total, 0, ',', '.') }}</td>
                        <td class="text-right text-success">Rp {{ number_format($inv->jumlah_terbayar, 0, ',', '.') }}</td>
                        <td class="text-right {{ $inv->sisa_tagihan > 0 ? 'text-danger font-weight-bold' : 'text-muted' }}">
                            Rp {{ number_format($inv->sisa_tagihan, 0, ',', '.') }}
                        </td>
                        <td class="text-center"><span class="status-pill status-{{ $inv->status }}">{{ strtoupper($inv->status) }}</span></td>
                    </tr>
                    @empty
                    <tr><td colspan="8" class="text-center py-4 text-muted">Tidak ada data invoice</td></tr>
                    @endforelse
                </tbody>
                @if($invoice->count())
                <tfoot style="background:var(--yellow-soft);font-weight:700">
                    <tr>
                        <td colspan="4" class="text-right">TOTAL</td>
                        <td class="text-right">Rp {{ number_format($invoice->sum('total'), 0, ',', '.') }}</td>
                        <td class="text-right">Rp {{ number_format($invoice->sum('jumlah_terbayar'), 0, ',', '.') }}</td>
                        <td class="text-right">Rp {{ number_format($summary['total_sisa'], 0, ',', '.') }}</td>
                        <td></td>
                    </tr>
                </tfoot>
                @endif
            </table>
        </div>
    </div>
</div>

{{-- Mutasi Stok --}}
<div class="card">
    <div class="card-header">
        <i class="fas fa-exchange-alt mr-2" style="color:var(--yellow-primary)"></i>Mutasi Stok Gudang (Terbaru)
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover mb-0">
                <thead>
                    <tr><th>Waktu</th><th class="text-center">Jenis</th><th class="text-right">Jumlah (kg)</th><th class="text-right">Stok Sesudah</th><th>Keterangan</th></tr>
                </thead>
                <tbody>
                    @forelse($mutasiStok as $m)
                    <tr>
                        <td style="font-size:.82rem">{{ $m->created_at->format('d/m/Y H:i') }}</td>
                        <td class="text-center">
                            <span class="status-pill {{ $m->jenis === 'masuk' ? 'status-lunas' : 'status-dikirim' }}">
                                {{ ucfirst($m->jenis) }}
                            </span>
                        </td>
                        <td class="text-right font-weight-bold {{ $m->jenis === 'masuk' ? 'text-success' : 'text-primary' }}">
                            {{ $m->jenis === 'masuk' ? '+' : '-' }}{{ number_format($m->jumlah, 2) }}
                        </td>
                        <td class="text-right">{{ number_format($m->stok_sesudah, 2) }}</td>
                        <td style="font-size:.82rem">{{ $m->keterangan }}</td>
                    </tr>
                    @empty
                    <tr><td colspan="5" class="text-center py-4 text-muted">Belum ada mutasi stok</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div class="p-3">{{ $mutasiStok->links() }}</div>
    </div>
</div>
@endsection