@extends('admin.layouts.app')

@section('title', 'Payments - Accounting')

@section('content')
<div class="card shadow-sm">
    <div class="card-header bg-primary text-white">
        <h5 class="mb-0"><i class="fas fa-credit-card me-2"></i>Payment Records</h5>
    </div>
    <div class="card-body">
        <div class="row mb-4">
            <div class="col-md-3">
                <div class="card bg-success text-white">
                    <div class="card-body text-center">
                        <h6>Total Received</h6>
                        <h3>₦{{ number_format($totalReceived, 2) }}</h3>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card bg-primary text-white">
                    <div class="card-body text-center">
                        <h6>Cash Payments</h6>
                        <h3>₦{{ number_format($cashPayments, 2) }}</h3>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card bg-info text-white">
                    <div class="card-body text-center">
                        <h6>Card Payments</h6>
                        <h3>₦{{ number_format($cardPayments, 2) }}</h3>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card bg-warning text-dark">
                    <div class="card-body text-center">
                        <h6>Online Payments</h6>
                        <h3>₦{{ number_format($onlinePayments, 2) }}</h3>
                    </div>
                </div>
            </div>
        </div>

        <form method="GET" class="row g-3 mb-4">
            <div class="col-md-2">
                <select name="method" class="form-select">
                    <option value="">All Methods</option>
                    <option value="cash" {{ request('method') == 'cash' ? 'selected' : '' }}>Cash</option>
                    <option value="card" {{ request('method') == 'card' ? 'selected' : '' }}>Card</option>
                    <option value="online" {{ request('method') == 'online' ? 'selected' : '' }}>Online</option>
                </select>
            </div>
            <div class="col-md-2">
                <select name="type" class="form-select">
                    <option value="">All Types</option>
                    <option value="booking" {{ request('type') == 'booking' ? 'selected' : '' }}>Booking</option>
                    <option value="pos" {{ request('type') == 'pos' ? 'selected' : '' }}>POS</option>
                    <option value="debt" {{ request('type') == 'debt' ? 'selected' : '' }}>Debt Payment</option>
                </select>
            </div>
            <div class="col-md-2">
                <input type="date" name="from_date" class="form-control" value="{{ request('from_date') }}">
            </div>
            <div class="col-md-2">
                <input type="date" name="to_date" class="form-control" value="{{ request('to_date') }}">
            </div>
            <div class="col-md-2">
                <button type="submit" class="btn btn-primary w-100">Filter</button>
            </div>
            <div class="col-md-2">
                <a href="{{ route('accounting.payments') }}" class="btn btn-success w-100">
                    <i class="fas fa-download"></i> Export
                </a>
            </div>
        </form>

        <div class="table-responsive">
            <table class="table table-hover">
                <thead class="table-dark">
                    <tr>
                        <th>Receipt No</th>
                        <th>Date</th>
                        <th>Type</th>
                        <th>Reference</th>
                        <th>Amount</th>
                        <th>Method</th>
                        <th>Received By</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($payments as $payment)
                    <tr>
                        <td>#{{ str_pad($payment['id'], 6, '0', STR_PAD_LEFT) }}</td>
                        <td>{{ $payment['date']->format('M d, Y H:i') }}</td>
                        <td>
                            @if($payment['type'] == 'booking')
                                <span class="badge bg-primary">Booking</span>
                            @elseif($payment['type'] == 'pos')
                                <span class="badge bg-info">POS</span>
                            @else
                                <span class="badge bg-success">Debt Payment</span>
                            @endif
                        </td>
                        <td>{{ $payment['reference'] }}</td>
                        <td><strong class="text-success">₦{{ number_format($payment['amount'], 2) }}</strong></td>
                        <td>{{ ucfirst($payment['method']) }}</td>
                        <td>{{ $payment['received_by'] }}</td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="7" class="text-center text-muted">No payment records found.</td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection