@extends('layouts.admin')

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

@section('content')

<div class="container py-4">

    <h3>Vendor Payments</h3>

    <table class="table table-bordered">

        <thead class="table-dark">

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

        </thead>

        <tbody>

            @foreach($payments as $payment)

            <tr>

                <td>{{ $payment->order->po_number }}</td>
                <td>{{ $payment->vendor->vendor_name }}</td>
                <td>{{ $payment->total_amount }}</td>
                <td>{{ $payment->paid_amount }}</td>
                <td>{{ $payment->pending_amount }}</td>
                <td>{{ $payment->payment_status }}</td>

                <td>
                    <a href="#" class="btn btn-sm btn-success">Update</a>
                </td>

            </tr>

            @endforeach

        </tbody>

    </table>

</div>

@endsection