@extends('admin.layouts.main')

@section('title', 'Transactions')
@section('menu', 'Transactions')

@section('content')
<div class="panel panel-primary">
    <div class="panel-body table-responsive">
        <div class="row margin-bottom-10">
            <div class="col-md-12">
                <form action="{{ route('admin.transactions.index') }}" method="GET" class="form-inline">
                    <input type="text" name="search" class="form-control form-control-sm" placeholder="Search ref, invoice, client..." value="{{ request('search') }}" style="width:200px;">
                    <select name="status" class="form-control form-control-sm" style="margin-left:5px;">
                        <option value="">All Statuses</option>
                        @foreach(['pending', 'completed', 'failed', 'cancelled'] as $status)
                            <option value="{{ $status }}" {{ request('status') === $status ? 'selected' : '' }}>{{ ucfirst($status) }}</option>
                        @endforeach
                    </select>
                    <select name="type" class="form-control form-control-sm" style="margin-left:5px;">
                        <option value="">All Types</option>
                        @foreach(['payment', 'refund', 'credit', 'chargeback'] as $type)
                            <option value="{{ $type }}" {{ request('type') === $type ? 'selected' : '' }}>{{ ucfirst($type) }}</option>
                        @endforeach
                    </select>
                    <select name="gateway" class="form-control form-control-sm" style="margin-left:5px;">
                        <option value="">All Gateways</option>
                        @foreach($gateways as $gw)
                            <option value="{{ $gw->id }}" {{ request('gateway') == $gw->id ? 'selected' : '' }}>{{ $gw->display_name }}</option>
                        @endforeach
                    </select>
                    <button type="submit" class="btn btn-sm btn-primary" style="margin-left:5px;"><i class="fa fa-search"></i> Filter</button>
                    @if(request()->hasAny(['search', 'status', 'type', 'gateway']))
                        <a href="{{ route('admin.transactions.index') }}" class="btn btn-sm btn-default" style="margin-left:5px;"><i class="fa fa-times"></i> Clear</a>
                    @endif
                </form>
            </div>
        </div>
        <table class="table table-bordered table-hover">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Date</th>
                    <th>Invoice</th>
                    <th>Client</th>
                    <th>Gateway</th>
                    <th>Reference</th>
                    <th>Amount</th>
                    <th>Fee</th>
                    <th>Type</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                @forelse($transactions as $transaction)
                <tr>
                    <td>{{ $transaction->id }}</td>
                    <td>{{ $transaction->completed_at?->format('M d, Y H:i') ?? $transaction->created_at->format('M d, Y H:i') }}</td>
                    <td>
                        @if($transaction->invoice)
                            <a href="{{ route('admin.invoices.show', $transaction->invoice) }}">{{ $transaction->invoice->invoice_number }}</a>
                        @else
                            <span class="font-grey-mint">-</span>
                        @endif
                    </td>
                    <td>
                        @if($transaction->invoice?->user)
                            <a href="{{ route('admin.customers.show', $transaction->invoice->user) }}">{{ $transaction->invoice->user->first_name }} {{ $transaction->invoice->user->last_name }}</a>
                        @else
                            <span class="font-grey-mint">N/A</span>
                        @endif
                    </td>
                    <td>{{ $transaction->paymentGateway?->display_name ?? 'Manual' }}</td>
                    <td>{{ $transaction->transaction_reference ?? '-' }}</td>
                    <td>{{ number_format($transaction->amount, 2) }} {{ $transaction->currency_code }}</td>
                    <td>{{ number_format($transaction->fee, 2) }}</td>
                    <td>
                        @php
                            $typeClass = match($transaction->type) {
                                'payment' => 'success',
                                'refund' => 'warning',
                                'credit' => 'info',
                                'chargeback' => 'danger',
                                default => 'default',
                            };
                        @endphp
                        <span class="label label-sm label-{{ $typeClass }}">{{ ucfirst($transaction->type) }}</span>
                    </td>
                    <td>
                        @php
                            $statusClass = match($transaction->status) {
                                'completed' => 'success',
                                'pending' => 'warning',
                                'failed' => 'danger',
                                'cancelled' => 'default',
                                default => 'info',
                            };
                        @endphp
                        <span class="label label-sm label-{{ $statusClass }}">{{ ucfirst($transaction->status) }}</span>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="10" class="text-center font-grey-mint">No transactions found</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($transactions->hasPages())
    <div class="panel-footer clearfix">
        {{ $transactions->links() }}
    </div>
    @endif
</div>
@endsection