@extends('layouts.app')
@section('title', 'Pay ' . $supplier->name)
@section('content')
<h4 class="mb-3">Make Payment to {{ $supplier->name }}</h4>
<div class="alert alert-info">
    Current balance due: <strong>Rs. {{ number_format($supplier->balance, 2) }}</strong>
</div>
<div class="card">
    <div class="card-body">
        <form action="{{ route('suppliers.pay.store', $supplier) }}" method="POST">
            @csrf
            <div class="row g-3">
                <div class="col-md-4">
                    <label for="amount" class="form-label">Payment Amount</label>
                    <input type="number" step="0.01" name="amount" id="amount" class="form-control" required>
                </div>
                <div class="col-md-4">
                    <label for="date" class="form-label">Date</label>
                    <input type="date" name="date" id="date" class="form-control" value="{{ date('Y-m-d') }}" required>
                </div>
                <div class="col-md-4">
                    <label for="notes" class="form-label">Notes</label>
                    <input type="text" name="notes" id="notes" class="form-control">
                </div>
            </div>
            <div class="mt-3">
                <button type="submit" class="btn btn-success">Record Payment</button>
                <a href="{{ route('suppliers.show', $supplier) }}" class="btn btn-secondary">Cancel</a>
            </div>
        </form>
    </div>
</div>
@endsection