@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="'Merchant Tracker'" :options="$headingOptions" />

    {{-- Filters --}}
    <div class="project-box mb-3 p-3">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-md-3">
                <div class="project-form mb-0">
                    <label class="form-label mb-0">Not Processed Since</label>
                    <select name="not_processed" class="form-select form-select-sm select2 no-search">
                        <option value="">All</option>
                        <option value="7">7 Days</option>
                        <option value="14">14 Days</option>
                        <option value="30">30 Days</option>
                        <option value="60">60 Days</option>
                        <option value="90">90 Days</option>
                    </select>
                </div>
            </div>
            <div class="col-md-2">
                <div class="project-form mb-0">
                    <label class="form-label mb-0">Group</label>
                    <select name="master_group_id" class="form-select form-select-sm select2">
                        <option value="">All Groups</option>
                    </select>
                </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.merchant-tracker') }}" 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">
                <thead>
                <tr>
                    <th>#</th>
                    <th>Tracking</th>
                    <th>Merchant</th>
                    <th>MID</th>
                    <th>Last Batch Date</th>
                    <th>Start Processing</th>
                    <th>First Batch</th>
                    <th>Assigned Users</th>
                    <th>Actions</th>
                </tr>
                </thead>
                <tbody>
                @forelse($data ?? [] as $i => $merchant)
                <tr>
                    <td>{{ $i + 1 }}</td>
                    <td>
                        {{-- Phase 4b: Tracker enabled toggle --}}
                        <div class="form-check form-switch pr-input mb-0">
                            <input class="form-check-input tracker-toggle" type="checkbox" role="switch"
                                data-id="{{ $merchant->id }}"
                                data-url="{{ route('merchants.tracker-toggle', $merchant->id) }}"
                                {{ $merchant->tracker_enabled ? 'checked' : '' }}>
                        </div>
                    </td>
                    <td>
                        <a href="{{ route('my-merchants.show', $merchant->id) }}" class="fw-semibold text-decoration-none">
                            {{ $merchant->dba ?: $merchant->legal_name }}
                        </a>
                        <div class="small text-muted">In system: {{ \App\Helpers\Helper::showdate($merchant->created_at, false) }}</div>
                    </td>
                    <td><code>{{ $merchant->mid ?? '—' }}</code></td>
                    <td>{{ $merchant->last_batch_date ? \App\Helpers\Helper::showdate($merchant->last_batch_date, false) : '—' }}</td>
                    <td>{{ $merchant->start_processing_date ? \App\Helpers\Helper::showdate($merchant->start_processing_date, false) : '—' }}</td>
                    <td>{{ $merchant->approval_date ? \App\Helpers\Helper::showdate($merchant->approval_date, false) : '—' }}</td>
                    <td>{{ $merchant->assigned_users_count ?? 0 }}</td>
                    <td>
                        <a href="{{ route('my-merchants.show', $merchant->id) }}" class="btn btn-sm btn-light" title="View">
                            <i class="mdi mdi-eye-outline"></i>
                        </a>
                    </td>
                </tr>
                @empty
                <tr><td colspan="9" class="text-center py-4">No merchants in tracker.</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>
<script>
$(document).on('change', '.tracker-toggle', function(){
    const $cb  = $(this);
    const url  = $cb.data('url');
    const csrf = '{{ csrf_token() }}';
    $.post(url, { _token: csrf }, function(res){
        // Toggle applied successfully
    }).fail(function(){
        // Revert on failure
        $cb.prop('checked', !$cb.prop('checked'));
        alert('Failed to update tracker status.');
    });
});
</script>
@endpush