@extends('layouts.app')
@section('title', 'Suppliers Due Report')
@section('breadcrumb')
<li class="breadcrumb-item"><a href="#">Reports</a></li>
<li class="breadcrumb-item active">Suppliers Due</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-truck me-2" style="color:#dc2626;"></i>Suppliers Due Report</h1>
        <p class="page-subtitle">All suppliers with outstanding payables</p>
    </div>
    <div class="d-flex gap-2">
        <a href="{{ route('supplier-payments.create') }}" class="btn btn-primary btn-sm"><i class="bi bi-cash me-1"></i>Make Payment</a>
        <button onclick="window.print()" class="btn btn-outline-secondary btn-sm"><i class="bi bi-printer me-1"></i>Print</button>
    </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:#fee2e2;"><i class="bi bi-truck" style="color:#dc2626;"></i></div>
        <div><div class="stat-value">{{ $suppliers->total() }}</div><div class="stat-label">Suppliers with Due</div></div></div>
    </div>
    <div class="col-6 col-md-3">
        <div class="stat-card"><div class="stat-icon" style="background:#fef2f2;"><i class="bi bi-currency-exchange" style="color:#dc2626;"></i></div>
        <div><div class="stat-value" style="color:#dc2626;font-size:1rem;">৳{{ number_format($totalDue,0) }}</div><div class="stat-label">Total Payable</div></div></div>
    </div>
</div>

<div class="card">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table mb-0" style="font-size:.85rem;">
                <thead><tr><th>Supplier</th><th>Phone</th><th>Pending Invoices</th><th class="text-end">Oldest Invoice</th><th class="text-end">Total Due</th><th>Action</th></tr></thead>
                <tbody>
                    @forelse($suppliers as $s)
                    <tr>
                        <td><a href="{{ route('suppliers.show', $s) }}" style="font-weight:700;color:#059669;text-decoration:none;">{{ $s->name }}</a></td>
                        <td>{{ $s->phone ?? '—' }}</td>
                        <td>
                            @foreach($s->purchases->take(3) as $pur)
                            <a href="{{ route('purchases.show', $pur) }}" style="font-family:monospace;font-size:.72rem;background:#fef2f2;border-radius:4px;padding:1px 5px;text-decoration:none;color:#dc2626;display:inline-block;margin:1px;">
                                {{ $pur->invoice_no }}: ৳{{ number_format($pur->due_amount,0) }}
                            </a>
                            @endforeach
                            @if($s->purchases->count() > 3)<span style="font-size:.72rem;color:#94a3b8;">+{{ $s->purchases->count()-3 }} more</span>@endif
                        </td>
                        <td class="text-end" style="font-size:.8rem;color:#64748b;">
                            {{ $s->purchases->first()?->purchase_date?->format('d M Y') ?? '—' }}
                        </td>
                        <td class="text-end fw-800 text-danger" style="font-size:1rem;">৳{{ number_format($s->current_due,2) }}</td>
                        <td>
                            <a href="{{ route('supplier-payments.create', ['supplier_id' => $s->id]) }}"
                               class="btn btn-sm btn-outline-success">
                                <i class="bi bi-cash me-1"></i>Pay
                            </a>
                        </td>
                    </tr>
                    @empty
                    <tr><td colspan="6" class="text-center py-5 text-muted"><i class="bi bi-check-circle-fill text-success" style="font-size:2rem;"></i><p class="mt-2">All suppliers are fully paid!</p></td></tr>
                    @endforelse
                </tbody>
                <tfoot style="background:#fef2f2;">
                    <tr>
                        <td colspan="4" class="fw-700 text-end">Total Payable:</td>
                        <td class="text-end fw-900 text-danger" style="font-size:1.1rem;">৳{{ number_format($totalDue,2) }}</td>
                        <td></td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>
    @if($suppliers->hasPages())<div class="card-footer">{{ $suppliers->links() }}</div>@endif
</div>
@endsection