@extends('layouts.app')
@section('title', 'Supplier Payments')
@section('breadcrumb')
<li class="breadcrumb-item active">Supplier Payments</li>
@endsection
@section('content')

<div class="page-header d-flex justify-content-between align-items-center">
    <div>
        <h1 class="page-title"><i class="bi bi-cash-coin me-2" style="color:#059669;"></i>Supplier Payments</h1>
        <p class="page-subtitle">All payments made to suppliers</p>
    </div>
    <div class="d-flex gap-2">
        <a href="{{ route('supplier-payments.aging') }}" class="btn btn-outline-secondary btn-sm">
            <i class="bi bi-clock-history me-1"></i> Aging Report
        </a>
        @can_permission('payments.supplier.pay')
        <a href="{{ route('supplier-payments.create') }}" class="btn btn-primary">
            <i class="bi bi-plus-lg me-1"></i> New Payment
        </a>
        @endcan_permission
    </div>
</div>

<div class="row g-3 mb-3">
    <div class="col-6 col-md-3">
        <div class="stat-card">
            <div class="stat-icon" style="background:#d1fae5;"><i class="bi bi-cash-coin" style="color:#059669;"></i></div>
            <div><div class="stat-value" style="font-size:1rem;">৳{{ number_format($totalPaid, 0) }}</div><div class="stat-label">Total (filtered)</div></div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="stat-card">
            <div class="stat-icon" style="background:#fee2e2;"><i class="bi bi-clock" style="color:#dc2626;"></i></div>
            <div><div class="stat-value" style="color:#dc2626;font-size:1rem;">৳{{ number_format(\App\Models\Supplier::sum('current_due'), 0) }}</div><div class="stat-label">Total Outstanding</div></div>
        </div>
    </div>
</div>

<div class="card mb-3">
    <div class="card-body py-2">
        <form method="GET" class="row g-2 align-items-center">
            <div class="col-12 col-md-4"><input type="text" name="search" class="form-control" placeholder="Reference, supplier name…" value="{{ $search }}"></div>
            <div class="col-6 col-md-2">
                <select name="supplier_id" class="form-select">
                    <option value="">All Suppliers</option>
                    @foreach($suppliers as $s)<option value="{{ $s->id }}" {{ $supplier == $s->id ? 'selected' : '' }}>{{ $s->name }}</option>@endforeach
                </select>
            </div>
            <div class="col-6 col-md-2"><input type="date" name="from" class="form-control" value="{{ $from }}"></div>
            <div class="col-6 col-md-2"><input type="date" name="to" class="form-control" value="{{ $to }}"></div>
            <div class="col-auto d-flex gap-1">
                <button type="submit" class="btn btn-primary"><i class="bi bi-search"></i></button>
                <a href="{{ route('supplier-payments.index') }}" class="btn btn-outline-secondary"><i class="bi bi-x"></i></a>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table mb-0">
                <thead>
                    <tr>
                        <th>Date</th>
                        <th>Supplier</th>
                        <th>Invoice</th>
                        <th>Amount</th>
                        <th>Method</th>
                        <th>Account</th>
                        <th>Reference</th>
                        <th>By</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($payments as $pmt)
                    <tr>
                        <td>{{ $pmt->payment_date->format('d M Y') }}</td>
                        <td>
                            <a href="{{ route('suppliers.show', $pmt->supplier) }}" style="font-weight:600;color:#059669;text-decoration:none;">
                                {{ $pmt->supplier->name }}
                            </a>
                        </td>
                        <td>
                            @if($pmt->purchase)
                            <a href="{{ route('purchases.show', $pmt->purchase) }}" style="font-family:monospace;font-size:.82rem;color:#1d4ed8;text-decoration:none;">{{ $pmt->purchase->invoice_no }}</a>
                            @else<span class="text-muted" style="font-size:.8rem;">General</span>@endif
                        </td>
                        <td class="fw-700 text-success">৳{{ number_format($pmt->amount, 2) }}</td>
                        <td>{{ ucfirst(str_replace('_',' ',$pmt->payment_method)) }}</td>
                        <td>{{ $pmt->account->name }}</td>
                        <td style="font-size:.8rem;color:#64748b;">{{ $pmt->reference ?? '—' }}</td>
                        <td style="font-size:.78rem;color:#94a3b8;">{{ $pmt->creator->name }}</td>
                    </tr>
                    @empty
                    <tr><td colspan="8" class="text-center py-5 text-muted"><i class="bi bi-cash-coin" style="font-size:2rem;display:block;margin-bottom:.5rem;"></i>No payments found.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    @if($payments->hasPages())<div class="card-footer">{{ $payments->links() }}</div>@endif
</div>
@endsection