@php(
    $headerOption = \App\Http\Controllers\Controller::getHeaderOptions(
        $title ?? '',
        $subTitle ?? '',
        isset($filters) ? $filters : [],
        isset($advancedFilters) ? $advancedFilters : []
    )
)
@php($headingOptions = [
    '<a href="' . route('my-merchants.index') . '" class="'. \Config::get('view.buttons.secondary') .'"><i class="bx bx-arrow-back"></i> My Merchants</a>',
])
@extends('admin.layouts.layout', $headerOption)
@section('content')
<div class="col-12">
    <x-heading-sec :module="'Risk Reporting'" :options="$headingOptions" />

    {{-- Legend --}}
    <div class="d-flex gap-3 mb-3">
        <span class="d-inline-flex align-items-center gap-1">
            <span class="badge" style="background:#fff3cd;border:1px solid #ffc107;color:#664d03">&nbsp;&nbsp;&nbsp;</span>
            <span class="small text-muted">Return Ratio &gt; 5%</span>
        </span>
        <span class="d-inline-flex align-items-center gap-1">
            <span class="badge" style="background:#ffe5b4;border:1px solid #ff8c00;color:#7d4000">&nbsp;&nbsp;&nbsp;</span>
            <span class="small text-muted">Chargeback Ratio &gt; 1%</span>
        </span>
    </div>

    {{-- Filter bar --}}
    <div class="project-box mb-3 p-3">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-md-2">
                <div class="project-form mb-0">
                    <label class="form-label mb-0">Date From</label>
                    <input type="date" name="date_from" class="form-control form-control-sm" value="{{ request('date_from') }}">
                </div>
            </div>
            <div class="col-md-2">
                <div class="project-form mb-0">
                    <label class="form-label mb-0">Date To</label>
                    <input type="date" name="date_to" class="form-control form-control-sm" value="{{ request('date_to') }}">
                </div>
            </div>
            <div class="col-auto d-flex gap-2">
                <button type="submit" class="green-btn-inner waves-effect"><i class="bx bx-filter-alt me-1"></i>Apply</button>
                <a href="{{ route('merchants.risk-reporting') }}" class="black-btn-inner waves-effect"><i class="bx bx-x me-1"></i>Clear</a>
            </div>
        </form>
    </div>

    <div class="project-box p-3">
        <div class="table-responsive project-table">
            <table class="table table-bordered mb-0" id="risk-table">
                <thead>
                <tr>
                    <th>#</th>
                    <th>Merchant</th>
                    <th>MID</th>
                    <th class="text-end">Total Volume</th>
                    <th class="text-end">Transactions</th>
                    <th class="text-end">CB Volume</th>
                    <th class="text-end">CB Count</th>
                    <th class="text-end">CB Ratio</th>
                    <th class="text-end">Return Vol</th>
                    <th class="text-end">Return Count</th>
                    <th class="text-end">Return Ratio</th>
                    <th>Risk Level</th>
                    <th>Chargebacks</th>
                    <th>Details</th>
                </tr>
                </thead>
                <tbody>
                @forelse($data ?? [] as $i => $row)
                <tr class="{{ $row->row_class ?? '' }}"
                    @if(!empty($row->row_class) && $row->row_class === 'table-warning-orange')
                        style="background:#ffe5b4"
                    @endif>
                    <td>{{ $i + 1 }}</td>
                    <td>
                        <a href="{{ route('my-merchants.show', $row->merchant_id ?? 0) }}" class="fw-semibold text-decoration-none">
                            {{ $row->dba ?? '—' }}
                        </a>
                    </td>
                    <td><code>{{ $row->mid ?? '—' }}</code></td>
                    <td class="text-end">${{ number_format($row->total_volume ?? 0, 2) }}</td>
                    <td class="text-end">{{ number_format($row->total_transactions ?? 0) }}</td>
                    <td class="text-end">${{ number_format($row->chargeback_volume ?? 0, 2) }}</td>
                    <td class="text-end">{{ number_format($row->chargeback_count ?? 0) }}</td>
                    <td class="text-end">
                        @php($cbR = $row->chargeback_ratio ?? 0)
                        <span class="{{ $cbR > 1 ? 'text-danger fw-bold' : '' }}">{{ $cbR }}%</span>
                    </td>
                    <td class="text-end">${{ number_format($row->return_volume ?? 0, 2) }}</td>
                    <td class="text-end">{{ number_format($row->return_count ?? 0) }}</td>
                    <td class="text-end">
                        @php($rtR = $row->return_ratio ?? 0)
                        <span class="{{ $rtR > 5 ? 'text-warning fw-bold' : '' }}">{{ $rtR }}%</span>
                    </td>
                    <td>
                        @if(($row->chargeback_ratio ?? 0) > 1)
                            <span class="badge bg-danger">High CB</span>
                        @elseif(($row->return_ratio ?? 0) > 5)
                            <span class="badge bg-warning text-dark">High Return</span>
                        @else
                            <span class="badge bg-success">Normal</span>
                        @endif
                    </td>
                    <td>
                        <a href="{{ route('my-merchants.show', $row->merchant_id ?? 0) }}?tab=chargebacks" class="btn btn-sm btn-light">
                            <i class="mdi mdi-eye-outline"></i>
                        </a>
                    </td>
                    <td>
                        <a href="{{ route('my-merchants.show', $row->merchant_id ?? 0) }}" class="btn btn-sm btn-light">
                            <i class="mdi mdi-open-in-new"></i>
                        </a>
                    </td>
                </tr>
                @empty
                <tr><td colspan="14" class="text-center py-4">No risk data found for the selected filters.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
        @if(isset($data) && is_object($data) && method_exists($data, 'links'))
            @include('admin.components.pagination-inner')
        @endif
    </div>
</div>
@endsection
@push('page_script')
<script src="{{ asset('assets/js/common.js') }}"></script>
@endpush