{{-- resources/views/purchases/suppliers/statement.blade.php --}}
@extends('layouts.app')
@section('title', 'Supplier Statement — ' . $supplier->name)
@section('page_title', 'Supplier Statement')
@section('page_subtitle', $supplier->name)

@section('content')

<div class="d-flex gap-2 mb-3">
    <a href="{{ tenant_route('purchases.suppliers.show', ['supplier' => $supplier->id]) }}"
       class="btn btn-sm btn-outline-secondary">← Supplier Profile</a>
</div>

{{-- Summary --}}
<div class="row g-3 mb-3">
    <div class="col-md-4">
        <div class="stat-card">
            <div class="stat-icon si-clay">
                <i class="bi bi-box-seam"></i>
            </div>
            <div>
                <div class="stat-value">
                    ${{ number_format($totalOrdered, 2) }}
                </div>
                <div class="stat-label">Total Ordered</div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="stat-card">
            <div class="stat-icon si-success">
                <i class="bi bi-cash-coin"></i>
            </div>
            <div>
                <div class="stat-value">
                    ${{ number_format($totalPaid, 2) }}
                </div>
                <div class="stat-label">Total Paid</div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="stat-card">
            <div class="stat-icon {{ $outstanding > 0 ? 'si-danger' : 'si-muted' }}">
                <i class="bi bi-clock-history"></i>
            </div>
            <div>
                <div class="stat-value">
                    ${{ number_format($outstanding, 2) }}
                </div>
                <div class="stat-label">Outstanding</div>
            </div>
        </div>
    </div>
</div>

{{-- Orders --}}
<div class="card mb-3">
    <div class="card-header">
        <span class="card-title">Purchase Orders</span>
    </div>
    @if($orders->isEmpty())
        <div class="card-body text-center py-3">
            <p class="text-muted mb-0" style="font-size:.8rem;">No orders yet</p>
        </div>
    @else
        <div class="table-responsive">
            <table class="table">
                <thead>
                    <tr>
                        <th>PO #</th>
                        <th>Date</th>
                        <th>Total</th>
                        <th>Paid</th>
                        <th>Balance</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($orders as $order)
                        <tr onclick="window.location='{{ tenant_route('purchases.show', ['po' => $order->id]) }}'"
                            style="cursor:pointer;">
                            <td style="font-size:.8rem;font-weight:600;color:var(--clay);">
                                {{ $order->po_number }}
                            </td>
                            <td style="font-size:.78rem;">
                                {{ $order->order_date->format('d M Y') }}
                            </td>
                            <td style="font-size:.82rem;font-weight:600;">
                                {{ $order->currency }}
                                {{ number_format($order->total_amount, 2) }}
                            </td>
                            <td style="font-size:.78rem;color:var(--success);">
                                {{ $order->currency }}
                                {{ number_format($order->amount_paid, 2) }}
                            </td>
                            <td>
                                @if($order->balance_due > 0)
                                    <span style="font-size:.78rem;font-weight:600;color:var(--danger);">
                                        {{ $order->currency }}
                                        {{ number_format($order->balance_due, 2) }}
                                    </span>
                                @else
                                    <span style="font-size:.72rem;color:var(--success);">Paid</span>
                                @endif
                            </td>
                            <td>
                                <span style="font-size:.7rem;padding:2px 8px;
                                             border-radius:20px;font-weight:600;
                                             background:#f1f5f9;color:#475569;">
                                    {{ str_replace('_', ' ', $order->status) }}
                                </span>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif
</div>

{{-- Payments --}}
@if($payments->count() > 0)
    <div class="card">
        <div class="card-header">
            <span class="card-title">Payment History</span>
        </div>
        <div class="table-responsive">
            <table class="table">
                <thead>
                    <tr>
                        <th>Reference</th>
                        <th>Method</th>
                        <th>Amount</th>
                        <th>Date</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($payments as $payment)
                        <tr>
                            <td style="font-size:.8rem;font-weight:600;color:var(--clay);">
                                {{ $payment->reference }}
                            </td>
                            <td style="font-size:.78rem;color:var(--muted);">
                                {{ ucfirst(str_replace('_', ' ', $payment->payment_method)) }}
                            </td>
                            <td style="font-size:.84rem;font-weight:700;color:var(--success);">
                                {{ $payment->currency }}
                                {{ number_format($payment->amount, 2) }}
                            </td>
                            <td style="font-size:.78rem;color:var(--muted);">
                                {{ $payment->paid_at->format('d M Y') }}
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endif

@endsection