@extends('layouts.app')
@section('title', 'Receive Payment - ' . $customer->name)
@section('content')
<h4 class="mb-3">Receive Payment from {{ $customer->name }}</h4>
<div class="alert alert-info">
    Current balance due: <strong>Rs. {{ number_format($customer->balance, 2) }}</strong>
</div>
<div class="card">
    <div class="card-body">
        <form action="{{ route('customers.pay.store', $customer) }}" method="POST">
            @csrf
            <div class="row g-3">
                <div class="col-md-4">
                    <label for="amount" class="form-label">Amount Received</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('customers.show', $customer) }}" class="btn btn-secondary">Cancel</a>
            </div>
        </form>
    </div>
</div>
@endsection