@extends('layouts.app')
@section('title', __('ui.admin_qa_title').' — Coaster World')
@section('content')
<section class="admin-hero"><div class="container">
    @include('admin._nav')
    <span class="eyebrow">{{ __('ui.admin_qa_kicker') }}</span>
    <h1>{{ __('ui.admin_qa_title') }}</h1>
    <p>{{ __('ui.admin_qa_intro') }}</p>
</div></section>

<section class="section"><div class="container">
    <div class="admin-diagnostics-overview is-{{ $report['overall'] === 'ready' ? 'healthy' : ($report['overall'] === 'warning' ? 'degraded' : 'down') }}">
        <div>
            <span class="eyebrow">{{ __('ui.admin_qa_overall') }}</span>
            <h2>{{ __('ui.admin_qa_state_'.$report['overall']) }}</h2>
            <p>{{ __('ui.admin_qa_checked_at', ['date' => $report['checked_at']->format('d/m/Y H:i:s')]) }}</p>
        </div>
        <div class="admin-diagnostics-counts">
            <div><strong>{{ $report['counts']['pass'] }}</strong><span>{{ __('ui.admin_qa_state_pass') }}</span></div>
            <div><strong>{{ $report['counts']['warn'] }}</strong><span>{{ __('ui.admin_qa_state_warn') }}</span></div>
            <div><strong>{{ $report['counts']['fail'] }}</strong><span>{{ __('ui.admin_qa_state_fail') }}</span></div>
        </div>
        <div class="admin-diagnostics-actions">
            <a class="button button-primary" href="{{ route('admin.qa.index') }}">{{ __('ui.admin_qa_refresh') }}</a>
            <a class="button" href="{{ route('admin.qa.json') }}" target="_blank" rel="noopener">JSON</a>
            <a class="button" href="{{ route('admin.diagnostics.index') }}">{{ __('ui.admin_qa_open_diagnostics') }}</a>
        </div>
    </div>

    <div class="section-heading admin-section-heading">
        <div><span class="eyebrow">{{ __('ui.admin_qa_automated_kicker') }}</span><h2>{{ __('ui.admin_qa_automated_title') }}</h2></div>
    </div>
    <p>{{ __('ui.admin_qa_automated_help') }}</p>

    <div class="admin-diagnostics-grid">
        @foreach($report['checks'] as $check)
            <article class="admin-diagnostic-card is-{{ $check['state'] === 'pass' ? 'healthy' : ($check['state'] === 'warn' ? 'degraded' : 'down') }}">
                <div class="admin-diagnostic-card-head">
                    <div>
                        <span class="eyebrow">{{ __('ui.admin_qa_category_'.$check['category']) }}</span>
                        <h3>{{ __('ui.admin_qa_check_'.$check['key']) }}</h3>
                    </div>
                    <span class="admin-diagnostic-state">{{ __('ui.admin_qa_state_'.$check['state']) }}</span>
                </div>
                <p>{{ __('ui.admin_qa_help_'.$check['key']) }}</p>
                @if(!empty($check['details']))
                    <dl class="admin-diagnostic-details">
                        @foreach($check['details'] as $key => $value)
                            @if(is_scalar($value) || $value === null)
                                <div>
                                    <dt>{{ str_replace('_', ' ', $key) }}</dt>
                                    <dd>{{ $value === null || $value === '' ? '—' : (is_bool($value) ? ($value ? __('ui.yes') : __('ui.no')) : $value) }}</dd>
                                </div>
                            @elseif(is_array($value) && $value !== [])
                                <div class="is-wide">
                                    <dt>{{ str_replace('_', ' ', $key) }}</dt>
                                    <dd>{{ implode(', ', array_map('strval', $value)) }}</dd>
                                </div>
                            @endif
                        @endforeach
                    </dl>
                @endif
            </article>
        @endforeach
    </div>

    <div class="section-heading admin-section-heading">
        <div><span class="eyebrow">{{ __('ui.admin_qa_production_kicker') }}</span><h2>{{ __('ui.admin_qa_production_title') }}</h2></div>
    </div>
    <p>{{ __('ui.admin_qa_production_help') }}</p>

    <div class="admin-diagnostics-overview is-{{ $production['overall'] === 'ready' ? 'healthy' : ($production['overall'] === 'warning' ? 'degraded' : 'down') }}">
        <div>
            <span class="eyebrow">{{ __('ui.admin_qa_production_mode') }}</span>
            <h3>{{ __('ui.admin_qa_state_'.$production['overall']) }}</h3>
            <p>{{ $production['strict'] ? __('ui.admin_qa_production_strict') : __('ui.admin_qa_production_candidate') }}</p>
        </div>
        <div class="admin-diagnostics-counts">
            <div><strong>{{ $production['counts']['pass'] }}</strong><span>{{ __('ui.admin_qa_state_pass') }}</span></div>
            <div><strong>{{ $production['counts']['warn'] }}</strong><span>{{ __('ui.admin_qa_state_warn') }}</span></div>
            <div><strong>{{ $production['counts']['fail'] }}</strong><span>{{ __('ui.admin_qa_state_fail') }}</span></div>
        </div>
    </div>

    <div class="admin-diagnostics-grid">
        @foreach($production['checks'] as $check)
            <article class="admin-diagnostic-card is-{{ $check['state'] === 'pass' ? 'healthy' : ($check['state'] === 'warn' ? 'degraded' : 'down') }}">
                <div class="admin-diagnostic-card-head">
                    <div>
                        <span class="eyebrow">{{ __('ui.admin_qa_category_production') }}</span>
                        <h3>{{ __('ui.admin_qa_check_'.$check['key']) }}</h3>
                    </div>
                    <span class="admin-diagnostic-state">{{ __('ui.admin_qa_state_'.$check['state']) }}</span>
                </div>
                <p>{{ __('ui.admin_qa_help_'.$check['key']) }}</p>
                @if(!empty($check['details']))
                    <dl class="admin-diagnostic-details">
                        @foreach($check['details'] as $key => $value)
                            @if(is_scalar($value) || $value === null)
                                <div>
                                    <dt>{{ str_replace('_', ' ', $key) }}</dt>
                                    <dd>{{ $value === null || $value === '' ? '—' : (is_bool($value) ? ($value ? __('ui.yes') : __('ui.no')) : $value) }}</dd>
                                </div>
                            @elseif(is_array($value) && $value !== [])
                                <div class="is-wide">
                                    <dt>{{ str_replace('_', ' ', $key) }}</dt>
                                    <dd>{{ implode(', ', array_map('strval', $value)) }}</dd>
                                </div>
                            @endif
                        @endforeach
                    </dl>
                @endif
            </article>
        @endforeach
    </div>

    <div class="admin-command-card">
        <span class="eyebrow">{{ __('ui.admin_qa_final_gate_kicker') }}</span>
        <h3>{{ __('ui.admin_qa_final_gate_title') }}</h3>
        <p>{{ __('ui.admin_qa_final_gate_help') }}</p>
        <code>tools\final_release_check_windows.bat</code>
        <code>php artisan cw:backup:database</code>
        <code>php artisan cw:backup:verify</code>
        <code>tools\restore_backup_test_windows.bat</code>
        <code>php artisan cw:release:final-check</code>
        <code>php artisan cw:release:final-check --production</code>
    </div>

    <div class="section-heading admin-section-heading">
        <div><span class="eyebrow">{{ __('ui.admin_qa_manual_kicker') }}</span><h2>{{ __('ui.admin_qa_manual_title') }}</h2></div>
    </div>
    <p>{{ __('ui.admin_qa_manual_help') }}</p>
    <div class="admin-diagnostics-counts" aria-live="polite">
        <div><strong id="qaManualPassed">0</strong><span>{{ __('ui.admin_qa_manual_passed') }}</span></div>
        <div><strong id="qaManualTodo">{{ count($report['scenarios']) }}</strong><span>{{ __('ui.admin_qa_manual_todo') }}</span></div>
        <div><strong id="qaManualFailed">0</strong><span>{{ __('ui.admin_qa_manual_failed') }}</span></div>
    </div>

    <div class="admin-diagnostics-grid" id="qaManualScenarios">
        @foreach($report['scenarios'] as $scenario)
            <article class="admin-diagnostic-card" data-qa-scenario="{{ $scenario['id'] }}">
                <div class="admin-diagnostic-card-head">
                    <div>
                        <span class="eyebrow">{{ __('ui.admin_qa_manual_scenario') }}</span>
                        <h3>{{ __('ui.'.$scenario['title_key']) }}</h3>
                    </div>
                    <select class="qa-manual-state" aria-label="{{ __('ui.admin_qa_manual_status') }}">
                        <option value="todo">{{ __('ui.admin_qa_manual_status_todo') }}</option>
                        <option value="pass">{{ __('ui.admin_qa_manual_status_pass') }}</option>
                        <option value="fail">{{ __('ui.admin_qa_manual_status_fail') }}</option>
                    </select>
                </div>
                <p>{{ __('ui.'.$scenario['description_key']) }}</p>
                <ol>
                    @foreach($scenario['steps'] as $step)
                        <li>{{ __('ui.'.$step) }}</li>
                    @endforeach
                </ol>
                <label>
                    <span>{{ __('ui.admin_qa_manual_notes') }}</span>
                    <textarea class="qa-manual-notes" rows="3" placeholder="{{ __('ui.admin_qa_manual_notes_placeholder') }}"></textarea>
                </label>
            </article>
        @endforeach
    </div>

    <div class="admin-inline-actions">
        <button type="button" class="button" id="qaManualReset">{{ __('ui.admin_qa_manual_reset') }}</button>
        <button type="button" class="button button-primary" id="qaManualExport">{{ __('ui.admin_qa_manual_export') }}</button>
    </div>

    <div class="admin-command-card">
        <span class="eyebrow">{{ __('ui.admin_qa_cli_kicker') }}</span>
        <h3>{{ __('ui.admin_qa_cli_title') }}</h3>
        <p>{{ __('ui.admin_qa_cli_help') }}</p>
        <code>tools\release_candidate_check_windows.bat</code>
        <code>tools\qa_preflight_windows.bat</code>
        <code>php artisan cw:qa:preflight</code>
        <code>php artisan cw:qa:preflight --json</code>
        <code>php artisan cw:release:legacy-files</code>
        <code>php artisan cw:release:legacy-files --quarantine</code>
        <code>tools\quarantine_legacy_files_windows.bat</code>
        <code>php artisan test</code>
    </div>
</div></section>

<script>
(() => {
    const storageKey = 'coaster-world-qa-pre-release';
    const legacyStorageKeys = ['coaster-world-qa-v1.97'];
    const cards = [...document.querySelectorAll('[data-qa-scenario]')];
    const passed = document.getElementById('qaManualPassed');
    const todo = document.getElementById('qaManualTodo');
    const failed = document.getElementById('qaManualFailed');

    const read = () => {
        try {
            const current = localStorage.getItem(storageKey);
            if (current) return JSON.parse(current);

            for (const legacyKey of legacyStorageKeys) {
                const legacy = localStorage.getItem(legacyKey);
                if (!legacy) continue;
                localStorage.setItem(storageKey, legacy);
                return JSON.parse(legacy);
            }

            return {};
        } catch (_) { return {}; }
    };
    const write = (data) => localStorage.setItem(storageKey, JSON.stringify(data));
    const updateCounts = () => {
        const states = cards.map(card => card.querySelector('.qa-manual-state')?.value || 'todo');
        passed.textContent = states.filter(state => state === 'pass').length;
        todo.textContent = states.filter(state => state === 'todo').length;
        failed.textContent = states.filter(state => state === 'fail').length;
    };
    const save = () => {
        const data = {};
        cards.forEach(card => {
            data[card.dataset.qaScenario] = {
                status: card.querySelector('.qa-manual-state')?.value || 'todo',
                notes: card.querySelector('.qa-manual-notes')?.value || '',
            };
        });
        write(data);
        updateCounts();
    };

    const saved = read();
    cards.forEach(card => {
        const item = saved[card.dataset.qaScenario] || {};
        const state = card.querySelector('.qa-manual-state');
        const notes = card.querySelector('.qa-manual-notes');
        if (state && ['todo', 'pass', 'fail'].includes(item.status)) state.value = item.status;
        if (notes && typeof item.notes === 'string') notes.value = item.notes;
        state?.addEventListener('change', save);
        notes?.addEventListener('input', save);
    });
    updateCounts();

    document.getElementById('qaManualReset')?.addEventListener('click', () => {
        if (!confirm(@json(__('ui.admin_qa_manual_reset_confirm')))) return;
        localStorage.removeItem(storageKey);
        legacyStorageKeys.forEach(key => localStorage.removeItem(key));
        cards.forEach(card => {
            const state = card.querySelector('.qa-manual-state');
            const notes = card.querySelector('.qa-manual-notes');
            if (state) state.value = 'todo';
            if (notes) notes.value = '';
        });
        updateCounts();
    });

    document.getElementById('qaManualExport')?.addEventListener('click', () => {
        save();
        const payload = {
            exported_at: new Date().toISOString(),
            release: 'v1.99.9.5',
            scenarios: read(),
        };
        const blob = new Blob([JSON.stringify(payload, null, 2)], {type: 'application/json'});
        const url = URL.createObjectURL(blob);
        const link = document.createElement('a');
        link.href = url;
        link.download = 'coaster-world-qa-v1.99.9.5.json';
        link.click();
        setTimeout(() => URL.revokeObjectURL(url), 1000);
    });
})();
</script>
@endsection