@extends('patent::layouts.master')

@section('title', 'Patent Transactions - ' . $patent->application_title)

@section('content')
<div class="container-fluid mt-4">
    <div class="row">
        <div class="col-12">
            <div class="card shadow">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <div>
                        <h5 class="mb-0">Transactions for Patent: {{ $patent->application_title }}</h5>
                        <small class="text-muted">AIPT Ref: {{ $patent->aipt_ref ?? 'N/A' }} | Client Ref: {{ $patent->client_ref ?? 'N/A' }}</small>
                    </div>
                    <div>
                        <a href="{{ route('patent.transactions.create', $patent->id) }}" class="btn btn-primary">
                            <i class="fas fa-plus"></i> Add Transaction
                        </a>
                        <a href="{{ route('patent.reports.patent', $patent->id) }}" class="btn btn-info">
                            <i class="fas fa-chart-line"></i> Patent Report
                        </a>
                        <a href="{{ route('patent.reports.index') }}" class="btn btn-warning">
                            <i class="fas fa-chart-bar"></i> All Reports
                        </a>
                        <a href="{{ route('patent.applications.edit', $patent->id) }}" class="btn btn-secondary">
                            <i class="fas fa-arrow-left"></i> Back to Patent
                        </a>
                    </div>
                </div>

                <div class="card-body">
                    <!-- Filters -->
                    <div class="row mb-4">
                        <div class="col-md-12">
                            <form method="GET" class="row g-3">
                                <div class="col-md-2">
                                    <select name="status" class="form-select">
                                        <option value="">All Status</option>
                                        <option value="pending" {{ request('status') == 'pending' ? 'selected' : '' }}>Pending</option>
                                        <option value="approved" {{ request('status') == 'approved' ? 'selected' : '' }}>Approved</option>
                                        <option value="rejected" {{ request('status') == 'rejected' ? 'selected' : '' }}>Rejected</option>
                                        <option value="paid" {{ request('status') == 'paid' ? 'selected' : '' }}>Paid</option>
                                        <option value="cancelled" {{ request('status') == 'cancelled' ? 'selected' : '' }}>Cancelled</option>
                                    </select>
                                </div>
                                <div class="col-md-2">
                                    <input type="text" name="country" class="form-control" placeholder="Country" value="{{ request('country') }}">
                                </div>
                                <div class="col-md-2">
                                    <input type="date" name="date_from" class="form-control" value="{{ request('date_from') }}">
                                </div>
                                <div class="col-md-2">
                                    <input type="date" name="date_to" class="form-control" value="{{ request('date_to') }}">
                                </div>
                                <div class="col-md-3">
                                    <input type="text" name="search" class="form-control" placeholder="Search..." value="{{ request('search') }}">
                                </div>
                                <div class="col-md-1">
                                    <button type="submit" class="btn btn-outline-primary w-100">
                                        <i class="fas fa-search"></i>
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>

                    <!-- Summary Cards -->
                    <div class="row mb-4">
                        <div class="col-md-3">
                            <div class="card bg-primary text-white">
                                <div class="card-body">
                                    <h6>Total Transactions</h6>
                                    <h4>{{ $transactions->total() }}</h4>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="card bg-success text-white">
                                <div class="card-body">
                                    <h6>Total Paid</h6>
                                    <h4>${{ number_format($transactions->where('status', 'paid')->sum('amount_usd'), 2) }}</h4>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="card bg-warning text-white">
                                <div class="card-body">
                                    <h6>Pending</h6>
                                    <h4>${{ number_format($transactions->where('status', 'pending')->sum('amount_usd'), 2) }}</h4>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="card bg-info text-white">
                                <div class="card-body">
                                    <h6>Approved</h6>
                                    <h4>${{ number_format($transactions->where('status', 'approved')->sum('amount_usd'), 2) }}</h4>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Transactions Table -->
                    <div class="table-responsive">
                        <table class="table table-striped table-hover">
                            <thead class="table-dark">
                                <tr>
                                    <th>Reference</th>
                                    <th>Type</th>
                                    <th>AIPT Reference</th>
                                    <th>Country</th>
                                    <th>Amount</th>
                                    <th>Date</th>
                                    <th>Status</th>
                                    <th>Bill Status</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($transactions as $transaction)
                                <tr>
                                    <td>
                                        <a href="{{ route('patent.transactions.show', [$patent->id, $transaction->id]) }}" class="text-decoration-none">
                                            {{ $transaction->reference_no }}
                                        </a>
                                    </td>
                                    <td>{{ $transaction->transactionType->name ?? 'N/A' }}</td>
                                    <td>
                                        <span class="badge bg-primary">{{ $transaction->aipt_ref ?? 'N/A' }}</span>
                                    </td>
                                    <td>{{ $transaction->country ?? 'N/A' }}</td>
                                    <td>
                                        <strong>{{ $transaction->formatted_amount_usd }}</strong>
                                        @if($transaction->currency !== 'USD')
                                            <br><small class="text-muted">{{ $transaction->amount }} {{ $transaction->currency }}</small>
                                        @endif
                                    </td>
                                    <td>{{ $transaction->transaction_date ? $transaction->transaction_date->format('M d, Y') : 'N/A' }}</td>
                                    <td>
                                        <span class="badge bg-{{ $transaction->status_badge }}">
                                            {{ ucfirst($transaction->status) }}
                                        </span>
                                    </td>
                                    <td>
                                        <span class="badge bg-{{ $transaction->bill_status_badge }}">
                                            {{ ucfirst(str_replace('_', ' ', $transaction->bill_status)) }}
                                        </span>
                                    </td>
                                    <td>
                                        <div class="btn-group" role="group">
                                            <a href="{{ route('patent.transactions.show', [$patent->id, $transaction->id]) }}" 
                                               class="btn btn-sm btn-outline-primary" title="View">
                                                <i class="fas fa-eye"></i>
                                            </a>
                                            <a href="{{ route('patent.transactions.edit', [$patent->id, $transaction->id]) }}" 
                                               class="btn btn-sm btn-outline-secondary" title="Edit">
                                                <i class="fas fa-edit"></i>
                                            </a>
                                            
                                            @if($transaction->status === 'pending')
                                                <form method="POST" action="{{ route('patent.transactions.approve', [$patent->id, $transaction->id]) }}" class="d-inline">
                                                    @csrf
                                                    <button type="submit" class="btn btn-sm btn-outline-success" title="Approve">
                                                        <i class="fas fa-check"></i>
                                                    </button>
                                                </form>
                                                <form method="POST" action="{{ route('patent.transactions.reject', [$patent->id, $transaction->id]) }}" class="d-inline">
                                                    @csrf
                                                    <button type="submit" class="btn btn-sm btn-outline-danger" title="Reject">
                                                        <i class="fas fa-times"></i>
                                                    </button>
                                                </form>
                                            @endif
                                            
                                            @if($transaction->status === 'approved')
                                                <form method="POST" action="{{ route('patent.transactions.mark-paid', [$patent->id, $transaction->id]) }}" class="d-inline">
                                                    @csrf
                                                    <button type="submit" class="btn btn-sm btn-outline-info" title="Mark as Paid">
                                                        <i class="fas fa-dollar-sign"></i>
                                                    </button>
                                                </form>
                                            @endif
                                        </div>
                                    </td>
                                </tr>
                                @empty
                                <tr>
                                    <td colspan="9" class="text-center py-4">
                                        <div class="text-muted">
                                            <i class="fas fa-receipt fa-3x mb-3"></i>
                                            <p>No transactions found for this patent.</p>
                                            <a href="{{ route('patent.transactions.create', $patent->id) }}" class="btn btn-primary">
                                                <i class="fas fa-plus"></i> Add First Transaction
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

                    <!-- Pagination -->
                    @if($transactions->hasPages())
                    <div class="d-flex justify-content-center mt-4">
                        {{ $transactions->appends(request()->query())->links() }}
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
    // Auto-submit form on filter change
    document.querySelectorAll('select[name="status"]').forEach(select => {
        select.addEventListener('change', function() {
            this.form.submit();
        });
    });
</script>
@endpush