@extends('layouts.app')
@section('title', 'Laporan Keuangan')
@section('page-title', 'Laporan Keuangan (Pengeluaran Nominal)')

@section('content')
<div class="card mb-4">
    <div class="card-body">
        <form method="GET" action="{{ route('reports.financial') }}" class="row g-3 align-items-end">
            <div class="col-md-4">
                <label class="form-label">Periode</label>
                <select name="period" class="form-select" onchange="this.form.submit()">
                    <option value="daily" @selected($period == 'daily')>Harian</option>
                    <option value="weekly" @selected($period == 'weekly')>Mingguan</option>
                    <option value="monthly" @selected($period == 'monthly')>Bulanan</option>
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label">Pilih Tanggal Acuan</label>
                <input type="date" name="date" class="form-control" value="{{ $dateStr }}" onchange="this.form.submit()">
            </div>
            <div class="col-md-4">
                <button type="submit" class="btn btn-primary"><i class="bi bi-filter"></i> Terapkan</button>
                <a href="{{ route('reports.financial') }}" class="btn btn-outline-secondary">Reset</a>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-header bg-white d-flex flex-column flex-md-row justify-content-between align-items-md-center gap-2">
        <h5 class="mb-0 text-primary fs-6 fs-md-5"><i class="bi bi-file-earmark-bar-graph"></i> {{ $title }}</h5>
        <div class="p-2 bg-light rounded text-center text-md-end">
            <span class="text-muted small d-block d-md-inline me-md-2">Total Pengeluaran:</span>
            <span class="text-danger fw-bold fs-5">Rp {{ number_format($totalNominal, 0, ',', '.') }}</span>
        </div>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-striped table-hover mb-0 align-middle">
                <thead>
                    <tr>
                        <th width="5%">No</th>
                        <th>Barang</th>
                        <th>Kategori</th>
                        <th class="text-center">Total Pemakaian (Qty)</th>
                        <th class="text-end">Total Nominal (Rp)</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($report as $index => $row)
                        <tr>
                            <td>{{ $index + 1 }}</td>
                            <td>
                                <strong>{{ $row['item']->description }}</strong>
                                <br><small class="text-muted">{{ $row['item']->code }}</small>
                            </td>
                            <td><span class="badge bg-secondary">{{ $row['item']->category->name ?? '-' }}</span></td>
                            <td class="text-center fw-bold">{{ $row['qty_out'] }} {{ $row['item']->unit }}</td>
                            <td class="text-end fw-bold text-danger">Rp {{ number_format($row['total_cost'], 0, ',', '.') }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5" class="text-center text-muted py-4">
                                <i class="bi bi-inbox fs-1 d-block mb-2"></i>
                                Tidak ada data pengeluaran (ISS/DISP) pada periode ini.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
                @if(count($report) > 0)
                <tfoot class="table-light fw-bold">
                    <tr>
                        <td colspan="4" class="text-end">TOTAL KESELURUHAN:</td>
                        <td class="text-end text-danger fs-5">Rp {{ number_format($totalNominal, 0, ',', '.') }}</td>
                    </tr>
                </tfoot>
                @endif
            </table>
        </div>
    </div>
</div>
@endsection