@extends('layouts.app')

@section('content')
<div class="p-4">
    <h1 class="text-xl font-bold mb-4">Ringkasan Transaksi</h1>

    <div class="overflow-x-auto bg-white rounded shadow">
        <form method="GET" class="mb-4 flex items-center gap-2 text-sm">
            <label>Dari:</label>
            <input type="date" name="from" value="{{ request('from') }}" class="border rounded p-1">
            
            <label>Sampai:</label>
            <input type="date" name="to" value="{{ request('to') }}" class="border rounded p-1">
            
            <button type="submit" class="bg-blue-600 text-white px-3 py-1 rounded">Filter</button>
        
            <a href="{{ route('transactions.index') }}" class="text-gray-500 underline">Reset</a>
        </form>
        <table class="min-w-full text-sm">
            <thead class="bg-gray-100">
                <tr>
                    <th class="px-4 py-2 text-left">Tanggal</th>
                    <th class="px-4 py-2 text-left">Jenis</th>
                    <th class="px-4 py-2 text-left">No. Ref</th>
                    <th class="px-4 py-2 text-left">Partner</th>
                    <th class="px-4 py-2 text-left">Jumlah</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($transactions as $trx)
                    <tr class="border-t">
                        <td class="px-4 py-2">{{ \Carbon\Carbon::parse($trx['date'])->format('d M Y') }}</td>
                        <td class="px-4 py-2">{{ $trx['type'] }}</td>
                        <td class="px-4 py-2">{{ $trx['ref'] }}</td>
                        <td class="px-4 py-2">{{ $trx['partner'] }}</td>
                        <td class="px-4 py-2 {{ $trx['type'] === 'Penjualan' ? 'text-green-600' : 'text-red-600' }}">
                            Rp{{ number_format($trx['total'], 0, ',', '.') }}
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="5" class="px-4 py-4 text-center text-gray-500">Tidak ada transaksi ditemukan.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection