@extends('admin.layouts.main')

@section('title', 'Invoice ' . $invoice->invoice_number)
@section('menu', 'Invoices')

@section('content')
<div class="row">
    <div class="col-md-4">
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption caption-md">
                    <span class="caption-subject theme-font bold uppercase">Invoice Details</span>
                </div>
            </div>
            <div class="portlet-body">
                @php
                    $badgeClass = match($invoice->status) {
                        'paid' => 'success',
                        'unpaid', 'pending' => 'warning',
                        'partially_paid' => 'info',
                        'cancelled' => 'danger',
                        'refunded' => 'default',
                        'overdue' => 'dark',
                        default => 'secondary',
                    };
                @endphp
                <table class="table table-bordered table-striped">
                    <tr><th style="width:40%">Invoice Number</th><td>{{ $invoice->invoice_number }}</td></tr>
                    <tr><th>Client</th><td>@if($invoice->user)<a href="{{ route('admin.customers.show', $invoice->user) }}">{{ $invoice->user->first_name }} {{ $invoice->user->last_name }}</a>@else N/A @endif</td></tr>
                    <tr><th>Status</th><td><span class="label label-sm label-{{ $badgeClass }}">{{ ucfirst($invoice->status) }}</span></td></tr>
                    <tr><th>Type</th><td>{{ ucfirst($invoice->type ?? 'N/A') }}</td></tr>
                    <tr><th>Currency</th><td>{{ $invoice->currency_code }}</td></tr>
                    <tr><th>Subtotal</th><td>{{ number_format($invoice->subtotal, 2) }}</td></tr>
                    <tr><th>Discount</th><td>{{ number_format($invoice->discount_amount, 2) }}</td></tr>
                    <tr><th>Tax</th><td>{{ number_format($invoice->tax_amount, 2) }}</td></tr>
                    <tr><th>Transaction Fee</th><td>{{ number_format($invoice->transaction_fee, 2) }}</td></tr>
                    <tr><th>Total</th><td><strong>{{ number_format($invoice->total, 2) }}</strong></td></tr>
                    <tr><th>Amount Paid</th><td>{{ number_format($invoice->amount_paid, 2) }}</td></tr>
                    <tr><th>Balance Due</th><td><strong>{{ number_format($invoice->balance_due, 2) }}</strong></td></tr>
                    <tr><th>Due Date</th><td>{{ $invoice->due_date?->format('M d, Y') ?? 'N/A' }}</td></tr>
                    <tr><th>Paid At</th><td>{{ $invoice->paid_at?->format('M d, Y H:i') ?? 'N/A' }}</td></tr>
                </table>

                @if($invoice->notes)
                    <div class="alert alert-info">
                        <h5>Notes</h5>
                        <p>{{ $invoice->notes }}</p>
                    </div>
                @endif

                <div class="mt-3">
                    <a href="{{ route('admin.invoices.print', $invoice) }}" target="_blank" class="btn btn-default btn-block mb-2">
                        <i class="fa fa-print mr-1"></i> Print Invoice
                    </a>
                </div>

                @if(in_array($invoice->status, ['paid', 'unpaid', 'pending', 'overdue', 'partially_paid']))
                <div class="mt-2">
                    <form action="{{ route('admin.invoices.refund', $invoice) }}" method="POST" onsubmit="return confirm('Are you sure you want to refund this invoice?')">
                        @csrf
                        <button type="submit" class="btn btn-warning btn-block">
                            <i class="fa fa-undo mr-1"></i> Refund
                        </button>
                    </form>
                </div>
                @endif
            </div>
        </div>
    </div>

    <div class="col-md-8">
        <!-- Invoice Items -->
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption caption-md">
                    <span class="caption-subject theme-font bold uppercase">Invoice Items</span>
                </div>
            </div>
            <div class="portlet-body">
                <table class="table table-bordered table-hover">
                    <thead>
                        <tr>
                            <th>Description</th>
                            <th>Period</th>
                            <th>Qty</th>
                            <th>Unit Price</th>
                            <th>Discount</th>
                            <th>Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($invoice->items as $item)
                        <tr>
                            <td>{{ $item->description }}</td>
                            <td>{{ $item->formatted_period ?? '-' }}</td>
                            <td>{{ $item->quantity }}</td>
                            <td>{{ number_format($item->unit_price, 2) }}</td>
                            <td>{{ number_format($item->discount, 2) }}</td>
                            <td>{{ number_format($item->total, 2) }}</td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="6" class="text-center font-grey-mint">No items</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        <!-- Payment History -->
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption caption-md">
                    <span class="caption-subject theme-font bold uppercase">Payment History</span>
                </div>
            </div>
            <div class="portlet-body">
                <table class="table table-bordered table-hover">
                    <thead>
                        <tr>
                            <th>Reference</th>
                            <th>Gateway</th>
                            <th>Amount</th>
                            <th>Fee</th>
                            <th>Type</th>
                            <th>Status</th>
                            <th>Date</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($invoice->transactions as $transaction)
                        <tr>
                            <td>{{ $transaction->transaction_reference ?? '-' }}</td>
                            <td>{{ $transaction->paymentGateway?->name ?? 'N/A' }}</td>
                            <td>{{ number_format($transaction->amount, 2) }} {{ $transaction->currency_code }}</td>
                            <td>{{ number_format($transaction->fee, 2) }}</td>
                            <td>{{ ucfirst($transaction->type) }}</td>
                            <td>
                                <span class="label label-sm label-{{ $transaction->status === 'completed' ? 'success' : ($transaction->status === 'pending' ? 'warning' : 'danger') }}">
                                    {{ ucfirst($transaction->status) }}
                                </span>
                            </td>
                            <td>{{ $transaction->completed_at?->format('M d, Y H:i') ?? $transaction->created_at->format('M d, Y H:i') }}</td>
                            <td>
                                <form action="{{ route('admin.invoices.delete-payment', $transaction) }}" method="POST" style="display:inline;" onsubmit="return confirm('Delete this payment? Invoice totals will be recalculated.')">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-xs btn-danger" title="Delete Payment"><i class="fa fa-trash"></i></button>
                                </form>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="8" class="text-center font-grey-mint">No payments recorded</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        <!-- Add Payment -->
        @if($invoice->balance_due > 0 && !in_array($invoice->status, ['paid', 'cancelled', 'refunded']))
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption caption-md">
                    <span class="caption-subject theme-font bold uppercase">Add Payment</span>
                </div>
            </div>
            <form action="{{ route('admin.invoices.add-payment', $invoice) }}" method="POST">
                @csrf
                <div class="portlet-body">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="control-label">Amount <span class="text-danger">*</span></label>
                                <input type="number" name="amount" class="form-control" step="0.01" min="0.01" max="{{ $invoice->balance_due }}" value="{{ $invoice->balance_due }}" required>
                                @if($errors->has('amount'))
                                    <span class="help-block text-danger">{{ $errors->first('amount') }}</span>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="control-label">Payment Method <span class="text-danger">*</span></label>
                                <select name="payment_gateway_id" class="form-control">
                                    <option value="">-- Manual / Cash --</option>
                                    @foreach($gateways as $gateway)
                                        <option value="{{ $gateway->id }}">{{ $gateway->display_name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="control-label">Transaction Reference</label>
                                <input type="text" name="transaction_reference" class="form-control" placeholder="e.g. Check #, Transfer ID">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="control-label">Fee</label>
                                <input type="number" name="fee" class="form-control" step="0.01" min="0" value="0" placeholder="0.00">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="control-label">Payment Date</label>
                                <input type="date" name="payment_date" class="form-control" value="{{ date('Y-m-d') }}">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="control-label">&nbsp;</label>
                                <button type="submit" class="btn btn-success btn-block">
                                    <i class="fa fa-plus"></i> Add Payment
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        @endif
    </div>
</div>
@endsection