@extends('admin.admin_dashboard')

@section('admin')
<div class="content-body">
    <div class="container-fluid">
        <div class="row page-titles">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{route('admin.product-purchases.index')}}">Purchases</a></li>
                <li class="breadcrumb-item"><a href="{{route('admin.product-purchases.show', $purchase->id)}}">{{$purchase->purchase_no}}</a></li>
                <li class="breadcrumb-item active"><a href="javascript:void(0)">Add Payment</a></li>
            </ol>
        </div>
        
        <div class="col-xl-6 offset-xl-3">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Record Payment for {{$purchase->purchase_no}}</h4>
                </div>
                <div class="card-body">
                    <div class="alert alert-info">
                        <p><strong>Vendor:</strong> {{$purchase->vendor->name}}</p>
                        <p><strong>Total Amount:</strong> ৳{{number_format($purchase->total_amount, 2)}}</p>
                        <p><strong>Already Paid:</strong> ৳{{number_format($purchase->paid_amount, 2)}}</p>
                        <p class="mb-0"><strong>Due Amount:</strong> <span style="color: red;">৳{{number_format($dueAmount, 2)}}</span></p>
                    </div>

                    <form action="{{route('admin.product-purchases.payment.store', $purchase->id)}}" method="post">
                        @csrf
                        
                        <div class="mb-3">
                            <label class="form-label">Payment Amount: <span class="text-danger">*</span></label>
                            <input type="number" step="0.01" class="form-control @error('amount') is-invalid @enderror" name="amount" value="{{old('amount', $dueAmount)}}" min="0.01" max="{{$dueAmount}}" required>
                            @error('amount')<div class="invalid-feedback">{{$message}}</div>@enderror
                            <small class="form-text text-muted">Maximum: ৳{{number_format($dueAmount, 2)}}</small>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Payment Date: <span class="text-danger">*</span></label>
                            <input type="date" class="form-control @error('payment_date') is-invalid @enderror" name="payment_date" value="{{old('payment_date', date('Y-m-d'))}}" required>
                            @error('payment_date')<div class="invalid-feedback">{{$message}}</div>@enderror
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Payment Method: <span class="text-danger">*</span></label>
                            <select class="form-control @error('paid_from') is-invalid @enderror" name="paid_from" required>
                                <option value="cash" {{old('paid_from') == 'cash' ? 'selected' : ''}}>Cash</option>
                                <option value="bank" {{old('paid_from') == 'bank' ? 'selected' : ''}}>Bank Transfer</option>
                            </select>
                            @error('paid_from')<div class="invalid-feedback">{{$message}}</div>@enderror
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Payment Reference/Cheque No:</label>
                            <input type="text" class="form-control @error('payment_reference') is-invalid @enderror" name="payment_reference" value="{{old('payment_reference')}}">
                            @error('payment_reference')<div class="invalid-feedback">{{$message}}</div>@enderror
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Notes:</label>
                            <textarea class="form-control" name="notes" rows="3">{{old('notes')}}</textarea>
                        </div>

                        <div class="row" style="text-align: right;">
                            <div class="mb-3 col-md-12">
                                <button type="submit" class="btn btn-primary">Record Payment</button>
                                <a href="{{route('admin.product-purchases.show', $purchase->id)}}" class="btn btn-secondary">Cancel</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection