@extends('layouts.contentNavbarLayout')

@section('content')
<div class="container">
    <h4 class="mb-4 text-primary font-weight-bold">Add Payment Receipt for Invoice #{{ $invoice->invoice_number }}</h4>

    {{-- Show Invoice Summary --}}
    <div class="card shadow-sm p-3 mb-4 rounded">
        <div class="card-body">
            <h5 class="card-title">Invoice Summary</h5>
            <ul class="list-unstyled">
                <li><strong>Total Invoice Amount:</strong> ₹{{ number_format($invoice->total_amount, 2) }}</li>
                <li><strong>Total Paid:</strong> ₹{{ number_format($invoice->paymentReceipts->sum('amount'), 2) }}</li>
                <li><strong>Balance:</strong> ₹{{ number_format($invoice->total_amount - $invoice->paymentReceipts->sum('amount'), 2) }}</li>
            </ul>
        </div>
    </div>

    {{-- Add Payment Form --}}
    <form method="POST" action="{{ route('service-invoices.payment-receipt.store') }}" class="card shadow-sm p-4 mb-4 rounded">
        @csrf
        <input type="hidden" name="invoice_id" value="{{ $invoice->id }}">

        <div class="mb-3">
            <label for="invoice_number" class="form-label">Invoice Number</label>
            <input type="text" class="form-control" id="invoice_number" value="{{ $invoice->invoice_number }}" readonly>
        </div>

        <div class="mb-3">
            <label for="amount" class="form-label">Payment Amount</label>
            <input type="number" name="amount" class="form-control" step="0.01" id="amount" required>
        </div>

        <div class="mb-3">
            <label for="payment_date" class="form-label">Payment Date</label>
            <input type="date" name="payment_date" class="form-control" id="payment_date" value="{{ now()->toDateString() }}" required>
        </div>

        <div class="mb-3">
            <label for="remarks" class="form-label">Remarks</label>
            <textarea name="remarks" class="form-control" id="remarks"></textarea>
        </div>

        <button class="btn btn-primary rounded-pill">Submit Receipt</button>
    </form>

    {{-- Previous Payments --}}
    <hr>
    <h5 class="mt-4 font-weight-bold">Previous Payment Receipts</h5>
    @if($invoice->paymentReceipts->count())
    <table class="table table-striped table-hover table-bordered">
        <thead class="table-light">
            <tr>
                <th>#</th>
                <th>Amount</th>
                <th>Payment Date</th>
                <th>Remarks</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @foreach($invoice->paymentReceipts as $receipt)
                <tr>
                    <td>{{ $loop->iteration }}</td>
                    <td>₹{{ number_format($receipt->amount, 2) }}</td>
                    <td>{{ \Carbon\Carbon::parse($receipt->payment_date)->format('d-m-Y') }}</td>
                    <td>{{ $receipt->remarks }}</td>
                    <td>
                        @if(!$receipt->email_sent)
                            <form action="{{ route('service-invoices.payment-receipt.send', $receipt->id) }}" method="POST" class="d-inline">
                                @csrf
                                <button type="submit" class="btn btn-sm btn-outline-info" title="Send Receipt">
                                    <span class="mdi mdi-email"></span> Send Receipt
                                </button>
                            </form>
                        @else
                            <span class="badge bg-label-success rounded-pill">Receipt Sent</span>
                        @endif
                    </td>
                    
                </tr>
            @endforeach
        </tbody>
    </table>
@else
    <p class="text-muted">No payments made yet.</p>
@endif

</div>
@endsection