@extends('layouts.admin')

@section('content')
<div style="padding-right:20%">
    <div>
        <div>
            <h2>Your Invoices</h2>
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Billing For</th>
                        <th>Amount</th>
                        <th>Remaining Amount</th>
                        <th>Due Date</th>
                        <th>Payment Date</th>
                        <th>Status</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($invoices as $invoice)
                        <tr>
                            <td>{{ $invoice->id }}</td>
                            <td>{{ $invoice->billing_for }}</td>
                            <td>{{ $invoice->amount }} JDs</td>
                            <td>{{ $invoice->remaining_amount }} JDs</td>
                            <td>{{ \Carbon\Carbon::parse($invoice->due)->format('Y-m-d') }}</td>
                            <td>{{ $invoice->payment_at ? $invoice->payment_at->format('Y-m-d') : 'N/A' }}</td>
                            <td>
                                <span class="badge {{ $invoice->status === 'Paid' ? 'badge-success' : 'badge-danger' }}">
                                    {{ $invoice->status }}
                                </span>
                            </td>
                            <td>
                                <div style="display: flex; gap: 10px;">
                                    @if($invoice->status !== 'Paid')
                                        <form action="{{ route('frontend.invoices.pay', $invoice->id) }}" method="POST">
                                            @csrf
                                            <button type="submit" class="btn btn-primary">Pay Now</button>
                                        </form>
                                    @else
                                        <span class="text-success">Already Paid</span>
                                    @endif

                                    <!-- Add Generate PDF Button -->
                                    <a href="{{ route('frontend.invoices.generatePdf', $invoice->id) }}" class="btn btn-warning">
                                        Generate PDF
                                    </a>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7">No invoices found.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection