@php(
    $headerOption = \App\Http\Controllers\Controller::getHeaderOptions(
        $title ?? '',
        $subTitle ?? '',
        isset($filters) ? $filters : [],
        isset($advancedFilters) ? $advancedFilters : []
    )
)
@extends('admin.layouts.layout', $headerOption)

@section('content')
<div class="container-fluid mt-4">

    {{-- Filter Bar --}}
    <div class="project-box p-3 mb-3">
        <form method="GET" action="{{ route('residuals.residuals-exceptions') }}" id="exceptionsFilterForm">
            <div class="d-flex flex-wrap align-items-end gap-2">
                <div class="project-form mb-0" style="width: 140px;">
                    <label class="small text-muted">Status</label>
                    <select class="form-select form-select-sm select2 no-search" name="status" id="filterStatus">
                        <option value="">All Statuses</option>
                        @foreach($statuses as $sId => $s)
                            <option value="{{ $sId }}" {{ request('status') == $sId ? 'selected' : '' }}>{{ $s['name'] }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="project-form mb-0" style="width: 160px;">
                    <label class="small text-muted">Processor</label>
                    <select class="form-select form-select-sm select2 no-search" name="processor" id="filterProcessor">
                        <option value="">All Processors</option>
                        @foreach($processors as $proc)
                            <option value="{{ $proc }}" {{ request('processor') == $proc ? 'selected' : '' }}>{{ $proc }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="project-form mb-0" style="width: 130px;">
                    <label class="small text-muted">Month</label>
                    <select class="form-select form-select-sm select2 no-search" name="month" id="filterMonth">
                        <option value="">All Months</option>
                        @for($m = 1; $m <= 12; $m++)
                            <option value="{{ $m }}" {{ request('month') == $m ? 'selected' : '' }}>{{ date('F', mktime(0,0,0,$m,1)) }}</option>
                        @endfor
                    </select>
                </div>
                <div class="project-form mb-0" style="width: 100px;">
                    <label class="small text-muted">Year</label>
                    <select class="form-select form-select-sm select2 no-search" name="year" id="filterYear">
                        <option value="">All Years</option>
                        @for($y = date('Y') - 5; $y <= date('Y') + 1; $y++)
                            <option value="{{ $y }}" {{ request('year') == $y ? 'selected' : '' }}>{{ $y }}</option>
                        @endfor
                    </select>
                </div>
                <div class="project-form mb-0" style="width: 200px;">
                    <label class="small text-muted">Search</label>
                    <input type="text" class="form-control form-control-sm" name="search" id="filterSearch"
                           placeholder="Search..." value="{{ request('search', '') }}">
                </div>
                <div>
                    <button type="submit" class="btn btn-sm green-btn-inner">
                        <i class="bx bx-filter-alt me-1"></i> Filter
                    </button>
                    <a href="{{ route('residuals.residuals-exceptions') }}" class="btn btn-sm btn-outline-secondary">
                        <i class="bx bx-reset me-1"></i> Reset
                    </a>
                </div>
            </div>
        </form>
    </div>

    {{-- Exceptions DataTable --}}
    <div class="project-box p-3">
        <div class="table-responsive project-table">
            <table class="{{ \Config::get('view.table.table_class') }}">
                <thead class="{{ \Config::get('view.table.table_head_class') }}">
                    <tr>
                        <th>ID</th>
                        <th>Merchant Number</th>
                        <th>Merchant Name</th>
                        <th>Exception Type</th>
                        <th>Description</th>
                        <th>Processor</th>
                        <th>Month/Year</th>
                        <th>Status</th>
                        <th>Created</th>
                        <th width="12%" style="text-align: right;">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($data as $exception)
                    <tr data-id="{{ $exception->id }}">
                        <td>{{ $exception->id }}</td>
                        <td>{{ $exception->merchant_number ?: 'N/A' }}</td>
                        <td>{{ $exception->merchant_name ?: 'N/A' }}</td>
                        <td>
                            <span class="badge bg-info">
                                {{ $exceptionTypes[$exception->exception_type] ?? ucfirst(str_replace('_', ' ', $exception->exception_type)) }}
                            </span>
                        </td>
                        <td>{{ \Illuminate\Support\Str::limit($exception->description, 60) }}</td>
                        <td>{{ $exception->processor ?: 'N/A' }}</td>
                        <td>{{ $exception->year_month ?: 'N/A' }}</td>
                        <td>
                            @php($statusInfo = $statuses[$exception->resolution_status] ?? ['name' => 'Unknown', 'badge' => 'secondary'])
                            <span class="badge bg-{{ $statusInfo['badge'] }}">{{ $statusInfo['name'] }}</span>
                        </td>
                        <td>{{ $exception->created_at ? $exception->created_at->format('m/d/Y') : 'N/A' }}</td>
                        <td class="text-end">
                            @if($exception->resolution_status == 1)
                                <button type="button" class="btn btn-sm btn-outline-success btn-resolve-exception"
                                        data-id="{{ $exception->id }}" title="Resolve">
                                    <i class="bx bx-check"></i> Resolve
                                </button>
                                <button type="button" class="btn btn-sm btn-outline-secondary btn-ignore-exception"
                                        data-id="{{ $exception->id }}" title="Ignore">
                                    <i class="bx bx-x"></i> Ignore
                                </button>
                            @else
                                <span class="small text-muted">
                                    {{ $exception->resolvedBy ? $exception->resolvedBy->first_name : '' }}
                                    @if($exception->resolved_at)
                                        ({{ $exception->resolved_at->format('m/d/Y') }})
                                    @endif
                                </span>
                            @endif
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="10" class="text-center text-muted py-3">No exceptions found</td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        {{-- Pagination --}}
        @if(isset($data) && method_exists($data, 'links'))
            {{ $data->links() }}
        @endif
    </div>
</div>
@endsection

@push('page_script')
<script>
(function($) {
    'use strict';

    var csrf = '{{ csrf_token() }}';

    // Resolve Exception
    $(document).on('click', '.btn-resolve-exception', function() {
        var $btn = $(this);
        var id = $btn.data('id');

        if (typeof confirmDialog === 'function') {
            confirmDialog({
                title: 'Resolve Exception?',
                text: 'Are you sure you want to mark this exception as resolved?',
                confirmButtonText: 'Resolve',
            }).then(function(result) {
                if (result.isConfirmed) {
                    doResolve(id, $btn);
                }
            });
        } else {
            if (confirm('Are you sure you want to resolve this exception?')) {
                doResolve(id, $btn);
            }
        }
    });

    function doResolve(id, $btn) {
        $btn.prop('disabled', true);
        $.ajax({
            url: '{{ url("admin/residuals/exceptions") }}/' + id + '/resolve',
            type: 'POST',
            data: { _token: csrf },
            dataType: 'json',
            success: function(resp) {
                if (resp.status === 200) {
                    if (typeof showSuccessToast === 'function') showSuccessToast(resp.message);
                    location.reload();
                } else {
                    if (typeof showErrorToast === 'function') showErrorToast(resp.message);
                    $btn.prop('disabled', false);
                }
            },
            error: function(xhr) {
                var msg = 'Failed to resolve exception.';
                if (xhr.responseJSON && xhr.responseJSON.message) msg = xhr.responseJSON.message;
                if (typeof showErrorToast === 'function') showErrorToast(msg);
                $btn.prop('disabled', false);
            }
        });
    }

    // Ignore Exception
    $(document).on('click', '.btn-ignore-exception', function() {
        var $btn = $(this);
        var id = $btn.data('id');

        if (typeof confirmDialog === 'function') {
            confirmDialog({
                title: 'Ignore Exception?',
                text: 'Are you sure you want to ignore this exception?',
                confirmButtonText: 'Ignore',
            }).then(function(result) {
                if (result.isConfirmed) {
                    doIgnore(id, $btn);
                }
            });
        } else {
            if (confirm('Are you sure you want to ignore this exception?')) {
                doIgnore(id, $btn);
            }
        }
    });

    function doIgnore(id, $btn) {
        $btn.prop('disabled', true);
        $.ajax({
            url: '{{ url("admin/residuals/exceptions") }}/' + id + '/ignore',
            type: 'POST',
            data: { _token: csrf },
            dataType: 'json',
            success: function(resp) {
                if (resp.status === 200) {
                    if (typeof showSuccessToast === 'function') showSuccessToast(resp.message);
                    location.reload();
                } else {
                    if (typeof showErrorToast === 'function') showErrorToast(resp.message);
                    $btn.prop('disabled', false);
                }
            },
            error: function(xhr) {
                var msg = 'Failed to ignore exception.';
                if (xhr.responseJSON && xhr.responseJSON.message) msg = xhr.responseJSON.message;
                if (typeof showErrorToast === 'function') showErrorToast(msg);
                $btn.prop('disabled', false);
            }
        });
    }

})(jQuery);
</script>
@endpush