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

    {{-- Validation errors --}}
    @if($errors->any())
    <div class="alert alert-danger mb-3">
        <i class="bx bx-error-circle me-1"></i> {{ $errors->first() }}
    </div>
    @endif

    {{-- Date range form --}}
    <div class="project-box p-3 mb-3">
        <h6 class="fw-semibold mb-3">Run TSYS Transaction Sync</h6>
        <form method="POST" action="{{ route('merchants.sync-transactions.run') }}" id="sync-form">
            @csrf
            <div class="row g-3 align-items-end">
                <div class="col-md-3">
                    <div class="project-form mb-0">
                        <label for="sync-from" class="form-label mb-1">From Date</label>
                        <input type="date" id="sync-from" name="from" class="form-control"
                               value="{{ $defaultFrom ?? '' }}"
                               max="{{ now()->toDateString() }}" required>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="project-form mb-0">
                        <label for="sync-to" class="form-label mb-1">To Date</label>
                        <input type="date" id="sync-to" name="to" class="form-control"
                               value="{{ $defaultTo ?? '' }}"
                               max="{{ now()->toDateString() }}" required>
                    </div>
                </div>
                <div class="col-auto">
                    <button type="submit" class="green-btn-inner waves-effect" id="sync-btn">
                        <i class="bx bx-sync me-1"></i> Run Sync
                    </button>
                </div>
            </div>
            <p class="text-muted small mt-2 mb-0">
                <i class="bx bx-info-circle me-1"></i>
                Syncs TSYS transaction reports for all type-2 merchants with a valid MID.
                This may take several minutes depending on the number of merchants and the date range.
            </p>
        </form>
    </div>

    @if(!empty($ran))

        {{-- Status banner --}}
        @if(!empty($result))
            @php($summary = $result['summary'])
            @if($summary['failed'] === 0)
                <div class="alert alert-success mb-3">
                    <i class="bx bx-check-circle me-1"></i>
                    Sync completed successfully — {{ $summary['successful'] }} merchant(s) processed.
                </div>
            @elseif($summary['successful'] === 0)
                <div class="alert alert-danger mb-3">
                    <i class="bx bx-error-circle me-1"></i>
                    Sync failed — all {{ $summary['failed'] }} merchant(s) encountered errors.
                </div>
            @else
                <div class="alert alert-warning mb-3">
                    <i class="bx bx-error me-1"></i>
                    Sync completed with partial failures —
                    {{ $summary['successful'] }} succeeded, {{ $summary['failed'] }} failed.
                </div>
            @endif
        @else
            <div class="alert alert-{{ $exitCode === 0 ? 'success' : 'danger' }} mb-3">
                <i class="bx bx-{{ $exitCode === 0 ? 'check' : 'error' }}-circle me-1"></i>
                Command exited with code {{ $exitCode }}.
            </div>
        @endif

        {{-- Summary KPI cards --}}
        @if(!empty($result))
        @php($summary = $result['summary'])
        @php($dbSaved = 0)
        @php(preg_match('/DB records saved\/updated:\s*(\d+)/', $output ?? '', $dbMatch))
        @php($dbSaved = isset($dbMatch[1]) ? (int)$dbMatch[1] : 0)
        <div class="row g-3 mb-3">
            <div class="col-6 col-md-3">
                <div class="card border-0 shadow-sm text-center p-3">
                    <div class="text-muted small mb-1">Date Range</div>
                    <div class="fw-bold">{{ $result['date_range']['from'] }} → {{ $result['date_range']['to'] }}</div>
                </div>
            </div>
            <div class="col-6 col-md-3">
                <div class="card border-0 shadow-sm text-center p-3">
                    <div class="text-muted small mb-1">Total Merchants</div>
                    <div class="fw-bold fs-4">{{ number_format($summary['total']) }}</div>
                </div>
            </div>
            <div class="col-6 col-md-3">
                <div class="card border-0 shadow-sm text-center p-3">
                    <div class="text-muted small mb-1">Successful</div>
                    <div class="fw-bold fs-4 text-success">{{ number_format($summary['successful']) }}</div>
                </div>
            </div>
            <div class="col-6 col-md-3">
                <div class="card border-0 shadow-sm text-center p-3">
                    <div class="text-muted small mb-1">Failed</div>
                    <div class="fw-bold fs-4 {{ $summary['failed'] > 0 ? 'text-danger' : 'text-muted' }}">
                        {{ number_format($summary['failed']) }}
                    </div>
                </div>
            </div>
        </div>
        <div class="row g-3 mb-3">
            <div class="col-12 col-md-4">
                <div class="card border-0 shadow-sm text-center p-3">
                    <div class="text-muted small mb-1">DB Records Saved / Updated</div>
                    <div class="fw-bold fs-4 text-primary">{{ number_format($dbSaved) }}</div>
                </div>
            </div>
        </div>
        @endif

        {{-- Per-merchant results table --}}
        @if(!empty($result['merchants']))
        <div class="project-box p-3 mb-3">
            <h6 class="fw-semibold mb-3">Per-Merchant Results</h6>
            <div class="table-responsive project-table">
                <table class="table table-bordered table-sm mb-0">
                    <thead>
                        <tr>
                            <th>Merchant ID</th>
                            <th>MID</th>
                            <th>DBA</th>
                            <th>Device ID</th>
                            <th>Key Status</th>
                            <th>Reports</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                    @foreach($result['merchants'] as $m)
                        @php($hasError = !empty($m['error']) || $m['key_status'] === 'failed')
                        <tr class="{{ $hasError ? 'table-danger' : 'table-success' }}">
                            <td>{{ $m['merchant_id'] }}</td>
                            <td><code>{{ $m['mid'] }}</code></td>
                            <td>{{ $m['dba'] ?? '—' }}</td>
                            <td><small class="text-muted">{{ $m['device_id'] ?? '—' }}</small></td>
                            <td>
                                @if($m['key_status'] === 'success')
                                    <span class="badge bg-success">Success</span>
                                @elseif($m['key_status'] === 'failed')
                                    <span class="badge bg-danger">Failed</span>
                                @else
                                    <span class="badge bg-secondary">{{ $m['key_status'] }}</span>
                                @endif
                            </td>
                            <td>
                                @if(!empty($m['reports']))
                                    @php($reportOk = collect($m['reports'])->where('status', 'success')->count())
                                    @php($reportErr = collect($m['reports'])->where('status', 'error')->count())
                                    @php($reportTotal = count($m['reports']))
                                    <small>{{ $reportOk }}/{{ $reportTotal }} OK</small>
                                    @if($reportErr > 0)
                                        <span class="badge bg-warning text-dark ms-1">{{ $reportErr }} err</span>
                                    @endif
                                @else
                                    <small class="text-muted">—</small>
                                @endif
                            </td>
                            <td>
                                @if($hasError)
                                    <small class="text-danger">{{ $m['error'] ?? 'Key generation failed' }}</small>
                                @else
                                    <small class="text-success">OK</small>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        @endif

        {{-- Collapsible raw output --}}
        <div class="project-box p-3 mb-3">
            <div class="d-flex justify-content-between align-items-center">
                <h6 class="fw-semibold mb-0">Raw Command Output</h6>
                <button class="black-btn-inner waves-effect btn-sm-custom"
                        type="button"
                        data-bs-toggle="collapse"
                        data-bs-target="#raw-output-block">
                    <i class="bx bx-terminal me-1"></i> Toggle
                </button>
            </div>
            <div class="collapse mt-3" id="raw-output-block">
                <pre class="bg-dark text-light p-3 rounded small" style="max-height:400px;overflow-y:auto;white-space:pre-wrap;word-break:break-word;">{{ $output ?? '' }}</pre>
            </div>
        </div>

    @endif {{-- end ran --}}
</div>
@endsection
@push('page_script')
<script>
(function($){
    $('#sync-form').on('submit', function(){
        var $btn = $('#sync-btn');
        $btn.prop('disabled', true).html('<span class="spinner-border spinner-border-sm me-1" role="status"></span> Running...');
    });
})(jQuery);
</script>
@endpush