@if(isset($useRestrictedLayout) && $useRestrictedLayout)
    @extends('patent::layouts.restricted')
@else
    @extends('patent::layouts.master')
@endif

@section('title', 'Patent Transaction Detailed Report')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="{{ route('patent.dashboard') }}">Dashboard</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('patent.reports.index') }}">Reports</a></li>
                        <li class="breadcrumb-item active">Detailed Report</li>
                    </ol>
                </div>
                <h4 class="page-title">Patent Transaction Detailed Report</h4>
            </div>
        </div>
    </div>

    <!-- Filters -->
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Filters</h4>
                </div>
                <div class="card-body">
                    <form method="GET" action="{{ route('patent.reports.detailed') }}">
                        <div class="row">
                            <div class="col-md-2">
                                <label for="date_from" class="form-label">Date From</label>
                                <input type="date" name="date_from" id="date_from" class="form-control" value="{{ $filters['date_from'] }}">
                            </div>
                            <div class="col-md-2">
                                <label for="date_to" class="form-label">Date To</label>
                                <input type="date" name="date_to" id="date_to" class="form-control" value="{{ $filters['date_to'] }}">
                            </div>
                            <div class="col-md-2">
                                <label for="status" class="form-label">Status</label>
                                <select name="status" id="status" class="form-select">
                                    <option value="">All Statuses</option>
                                    <option value="pending" {{ $filters['status'] == 'pending' ? 'selected' : '' }}>Pending</option>
                                    <option value="approved" {{ $filters['status'] == 'approved' ? 'selected' : '' }}>Approved</option>
                                    <option value="paid" {{ $filters['status'] == 'paid' ? 'selected' : '' }}>Paid</option>
                                    <option value="rejected" {{ $filters['status'] == 'rejected' ? 'selected' : '' }}>Rejected</option>
                                    <option value="cancelled" {{ $filters['status'] == 'cancelled' ? 'selected' : '' }}>Cancelled</option>
                                </select>
                            </div>
                            <div class="col-md-2">
                                <label for="country" class="form-label">Country</label>
                                <input type="text" name="country" id="country" class="form-control" value="{{ $filters['country'] }}" placeholder="Country">
                            </div>
                            <div class="col-md-2">
                                <label for="transaction_type_id" class="form-label">Transaction Type</label>
                                <select name="transaction_type_id" id="transaction_type_id" class="form-select">
                                    <option value="">All Types</option>
                                    @foreach($transactionTypes as $type)
                                        <option value="{{ $type->id }}" {{ $filters['transaction_type_id'] == $type->id ? 'selected' : '' }}>
                                            {{ $type->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-2">
                                <label for="patent_id" class="form-label">Patent</label>
                                <select name="patent_id" id="patent_id" class="form-select">
                                    <option value="">All Patents</option>
                                    @foreach($patents as $patent)
                                        <option value="{{ $patent->id }}" {{ $filters['patent_id'] == $patent->id ? 'selected' : '' }}>
                                            {{ $patent->aipt_ref }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col-12">
                                <button type="submit" class="btn btn-primary">
                                    <i class="mdi mdi-filter me-1"></i> Apply Filters
                                </button>
                                <a href="{{ route('patent.reports.detailed') }}" class="btn btn-secondary">
                                    <i class="mdi mdi-refresh me-1"></i> Clear Filters
                                </a>
                                <a href="{{ route('patent.reports.export-pdf', ['detailed']) }}?{{ http_build_query($filters) }}" class="btn btn-success">
                                    <i class="mdi mdi-file-pdf me-1"></i> Export PDF
                                </a>
                                <a href="{{ route('patent.reports.export-csv', ['detailed']) }}?{{ http_build_query($filters) }}" class="btn btn-info">
                                    <i class="mdi mdi-file-excel me-1"></i> Export CSV
                                </a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- Results Summary -->
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Results Summary</h4>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="text-center">
                                <h3 class="text-primary">{{ $transactions->total() }}</h3>
                                <p class="text-muted mb-0">Total Transactions</p>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="text-center">
                                <h3 class="text-success">${{ number_format($transactions->sum('amount_usd'), 2) }}</h3>
                                <p class="text-muted mb-0">Total Amount (USD)</p>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="text-center">
                                <h3 class="text-info">${{ number_format($transactions->avg('amount_usd'), 2) }}</h3>
                                <p class="text-muted mb-0">Average Amount</p>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="text-center">
                                <h3 class="text-warning">{{ $transactions->unique('patent_id')->count() }}</h3>
                                <p class="text-muted mb-0">Unique Patents</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Transactions Table -->
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Transactions</h4>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-striped table-hover">
                            <thead class="table-dark">
                                <tr>
                                    <th>Reference</th>
                                    <th>AIPT Reference</th>
                                    <th>Patent Title</th>
                                    <th>Type</th>
                                    <th>Country</th>
                                    <th>Amount (USD)</th>
                                    <th>Amount (Original)</th>
                                    <th>Currency</th>
                                    <th>Status</th>
                                    <th>Date</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($transactions as $transaction)
                                <tr>
                                    <td>
                                        <a href="{{ route('patent.transactions.show', [$transaction->patent_id, $transaction->id]) }}" class="text-decoration-none">
                                            {{ $transaction->reference_no }}
                                        </a>
                                    </td>
                                    <td>
                                        <span class="badge bg-primary">{{ $transaction->aipt_ref }}</span>
                                    </td>
                                    <td>
                                        <div style="max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" title="{{ $transaction->patent->application_title ?? 'N/A' }}">
                                            {{ $transaction->patent->application_title ?? 'N/A' }}
                                        </div>
                                    </td>
                                    <td>{{ $transaction->transactionType->name ?? 'N/A' }}</td>
                                    <td>{{ $transaction->country ?? 'N/A' }}</td>
                                    <td><strong>${{ number_format($transaction->amount_usd, 2) }}</strong></td>
                                    <td>{{ number_format($transaction->amount, 2) }}</td>
                                    <td>{{ $transaction->currency }}</td>
                                    <td>
                                        <span class="badge bg-{{ $transaction->status_badge }}">
                                            {{ ucfirst($transaction->status) }}
                                        </span>
                                    </td>
                                    <td>{{ $transaction->transaction_date ? $transaction->transaction_date->format('M d, Y') : 'N/A' }}</td>
                                    <td>
                                        <div class="btn-group btn-group-sm">
                                            <a href="{{ route('patent.transactions.show', [$transaction->patent_id, $transaction->id]) }}" class="btn btn-outline-primary" title="View">
                                                <i class="mdi mdi-eye"></i>
                                            </a>
                                            <a href="{{ route('patent.transactions.edit', [$transaction->patent_id, $transaction->id]) }}" class="btn btn-outline-secondary" title="Edit">
                                                <i class="mdi mdi-pencil"></i>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                @empty
                                <tr>
                                    <td colspan="11" class="text-center text-muted">No transactions found matching the criteria</td>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

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

@push('styles')
<style>
.table td {
    vertical-align: middle;
}

.btn-group-sm .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.badge {
    font-size: 0.75em;
}
</style>
@endpush