@extends('layouts.app')

@section('title', 'Laporan')

@section('body')
<div class="shell">
    @include('partials.sidebar', ['active' => 'reports'])
    <main class="main">
        @include('partials.topbar', ['heading' => 'Laporan transaksi'])
        <div class="content">
            <div class="page-head"><div><h2>Laporan pendapatan</h2><p>Ringkasan transaksi sewa komputer dan penjualan cafe.</p></div><button class="btn btn-outline no-print" onclick="window.print()">Cetak laporan</button></div>
            @include('partials.flash')
            <section class="card no-print" style="margin-bottom:18px">
                <form class="toolbar" method="get" action="{{ route('reports.index') }}">
                    <div class="field"><label>Dari tanggal</label><input type="date" name="from" value="{{ $from }}" required></div>
                    <div class="field"><label>Sampai tanggal</label><input type="date" name="to" value="{{ $to }}" required></div>
                    <button class="btn" type="submit">Tampilkan laporan</button>
                </form>
            </section>
            <div class="grid stats">
                <section class="card"><div class="stat-label">Total pendapatan</div><div class="stat-value" style="font-size:21px">Rp {{ number_format($totalRevenue, 0, ',', '.') }}</div><div class="stat-note">{{ $sales->count() }} transaksi</div></section>
                <section class="card"><div class="stat-label">Pendapatan sewa</div><div class="stat-value" style="font-size:21px">Rp {{ number_format($rentalRevenue, 0, ',', '.') }}</div><div class="stat-note">Sewa komputer</div></section>
                <section class="card"><div class="stat-label">Pendapatan cafe</div><div class="stat-value" style="font-size:21px">Rp {{ number_format($cafeRevenue, 0, ',', '.') }}</div><div class="stat-note">Penjualan produk</div></section>
                <section class="card"><div class="stat-label">Periode laporan</div><div class="stat-value" style="font-size:16px">{{ \Carbon\Carbon::parse($from)->format('d M Y') }}</div><div class="stat-note">s.d. {{ \Carbon\Carbon::parse($to)->format('d M Y') }}</div></section>
            </div>
            <section class="card">
                <h3 class="card-title">Rincian transaksi <small>{{ $sales->count() }} data</small></h3>
                @if ($sales->isEmpty())<div class="empty"><strong>Tidak ada transaksi pada periode ini</strong>Pilih periode tanggal lainnya untuk melihat transaksi.</div>
                @else<div class="table-wrap"><table><thead><tr><th>Waktu</th><th>No. transaksi</th><th>Jenis</th><th>Pelanggan</th><th>Kasir</th><th>Total</th><th>Dibayar</th><th>Kembalian</th></tr></thead><tbody>
                @foreach ($sales as $sale)<tr><td>{{ $sale->occurred_at->format('d/m/Y H:i') }}</td><td>#{{ str_pad((string) $sale->id, 6, '0', STR_PAD_LEFT) }}</td><td><span class="badge {{ $sale->type === 'cafe' ? 'badge-amber' : 'badge-green' }}">{{ $sale->type === 'cafe' ? 'Cafe' : 'Sewa' }}</span></td><td>{{ $sale->customer_name ?: 'Pelanggan umum' }}</td><td>{{ $sale->user->name }}</td><td><strong>Rp {{ number_format($sale->total, 0, ',', '.') }}</strong></td><td>Rp {{ number_format($sale->paid_amount, 0, ',', '.') }}</td><td>Rp {{ number_format($sale->change_amount, 0, ',', '.') }}</td></tr>@endforeach
                </tbody></table></div>@endif
            </section>
        </div>
    </main>
</div>
@endsection