@extends('layouts.vendor.vendor')

@section('content')

    <div class="container py-4">

        <h3>My Payments</h3>

        <table class="table table-bordered">

            <thead>

                <tr>
                    <th>PO Number</th>
                    <th>Total Amount</th>
                    <th>Paid</th>
                    <th>Pending</th>
                    <th>Status</th>
                </tr>

            </thead>

            <tbody>

                @foreach($payments as $payment)

                    <tr>

                        <td>{{ $payment->order->po_number }}</td>

                        <td>{{ $payment->total_amount }}</td>

                        <td>{{ $payment->paid_amount }}</td>

                        <td>{{ $payment->pending_amount }}</td>

                        <td>{{ $payment->payment_status }}</td>

                    </tr>

                @endforeach

            </tbody>

        </table>

    </div>

@endsection