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

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

@section('content')
<div class="card mb-3">
    <div class="card-header"><i class="fas fa-filter mr-2" style="color:var(--yellow-primary)"></i>Filter Laporan</div>
    <div class="card-body">
        <form method="GET">
            <div class="row">
                <div class="col-md-3 mb-2">
                    <label>Dari Tanggal</label>
                    <input type="date" name="dari" class="form-control" value="{{ request('dari', now()->startOfMonth()->toDateString()) }}">
                </div>
                <div class="col-md-3 mb-2">
                    <label>Sampai Tanggal</label>
                    <input type="date" name="sampai" class="form-control" value="{{ request('sampai', now()->toDateString()) }}">
                </div>
                <div class="col-md-3 mb-2">
                    <label>Penjual</label>
                    <select name="penjual_id" class="form-control select2">
                        <option value="">Semua Penjual</option>
                        @foreach($penjual as $pj)
                            <option value="{{ $pj->id }}" {{ request('penjual_id') == $pj->id ? 'selected' : '' }}>{{ $pj->nama }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2 mb-2">
                    <label>Status</label>
                    <select name="status_bayar" class="form-control">
                        <option value="">Semua</option>
                        <option value="sudah_bayar" {{ request('status_bayar') === 'sudah_bayar' ? 'selected' : '' }}>Lunas</option>
                        <option value="belum_bayar" {{ request('status_bayar') === 'belum_bayar' ? 'selected' : '' }}>Belum Bayar</option>
                    </select>
                </div>
                <div class="col-md-1 mb-2 d-flex align-items-end">
                    <button type="submit" class="btn btn-warning btn-block"><i class="fas fa-search"></i></button>
                </div>
            </div>
        </form>
    </div>
</div>

{{-- Summary --}}
<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 Transaksi</div>
            <div class="kpi-value">{{ $summary['total_trx'] }}</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">Total Berat Bersih</div>
            <div class="kpi-value" style="font-size:1.2rem">{{ number_format($summary['total_kg'], 2) }} kg</div>
        </div>
    </div>
    <div class="col-md-3 col-6 mb-2">
        <div class="card kpi-card p-3" style="border-left-color:#3B82F6">
            <div class="kpi-label">Total Nilai Beli</div>
            <div class="kpi-value" style="font-size:1rem">Rp {{ number_format($summary['total_nilai'], 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">Belum Dibayar</div>
            <div class="kpi-value" style="font-size:1rem;color:#EF4444">Rp {{ number_format($summary['belum_bayar'], 0, ',', '.') }}</div>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <span><i class="fas fa-table mr-2" style="color:var(--yellow-primary)"></i>Detail Laporan Pembelian ({{ $data->count() }} data)</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" id="tblLaporan">
                <thead>
                    <tr>
                        <th>No</th>
                        <th>Tanggal</th>
                        <th>No Transaksi</th>
                        <th>Penjual</th>
                        <th class="text-right">Kotor (kg)</th>
                        <th class="text-right">Tara (kg)</th>
                        <th class="text-right">Neto (kg)</th>
                        <th class="text-right">Harga/kg</th>
                        <th class="text-right">Total</th>
                        <th class="text-center">Status</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($data as $i => $p)
                    <tr>
                        <td>{{ $i + 1 }}</td>
                        <td>{{ $p->tanggal->format('d/m/Y') }}</td>
                        <td><a href="{{ route('pembelian.show', $p) }}" style="color:var(--yellow-dark);font-weight:600">{{ $p->no_transaksi }}</a></td>
                        <td>{{ $p->penjual->nama }}</td>
                        <td class="text-right">{{ number_format($p->berat_kotor, 2) }}</td>
                        <td class="text-right text-muted">{{ number_format($p->berat_tara, 2) }}</td>
                        <td class="text-right font-weight-bold">{{ number_format($p->berat_bersih, 2) }}</td>
                        <td class="text-right">Rp {{ number_format($p->harga_per_kg, 0, ',', '.') }}</td>
                        <td class="text-right font-weight-bold">Rp {{ number_format($p->total_harga, 0, ',', '.') }}</td>
                        <td class="text-center">
                            <span class="status-pill {{ $p->status_bayar === 'sudah_bayar' ? 'status-lunas' : 'status-belum' }}">
                                {{ $p->status_bayar === 'sudah_bayar' ? 'Lunas' : 'Belum' }}
                            </span>
                        </td>
                    </tr>
                    @empty
                    <tr><td colspan="10" class="text-center py-5 text-muted">Tidak ada data pada filter ini</td></tr>
                    @endforelse
                </tbody>
                @if($data->count())
                <tfoot style="background:var(--yellow-soft);font-weight:700">
                    <tr>
                        <td colspan="4" class="text-right">TOTAL</td>
                        <td class="text-right">{{ number_format($data->sum('berat_kotor'), 2) }}</td>
                        <td class="text-right">{{ number_format($data->sum('berat_tara'), 2) }}</td>
                        <td class="text-right">{{ number_format($data->sum('berat_bersih'), 2) }}</td>
                        <td></td>
                        <td class="text-right">Rp {{ number_format($data->sum('total_harga'), 0, ',', '.') }}</td>
                        <td></td>
                    </tr>
                </tfoot>
                @endif
            </table>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
$('#tblLaporan').DataTable({
    paging: false, searching: false, info: false,
    order: [], language: { emptyTable: 'Tidak ada data' }
});
</script>
@endpush