@extends('layouts.admin')
@section('title', 'Experiments')
@section('content')
<x-admin.page title="Experiments" subtitle="Assignment, exposure, SRM checks, and stop rules.">
    <x-slot:actions>
        <a href="{{ route('admin.analytics.dashboard') }}" class="admin-btn">Dashboard</a>
    </x-slot:actions>

    <x-admin.section title="Running & recent">
        <table class="admin-table w-full">
            <thead>
                <tr>
                    <th>Experiment</th>
                    <th>Status</th>
                    <th>Traffic</th>
                    <th>Assignments</th>
                    <th>SRM</th>
                    <th>Guardrails</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse($experiments as $experiment)
                    @php $check = $srm[$experiment->id] ?? ['ok' => true, 'p_value' => 1, 'counts' => []]; @endphp
                    <tr>
                        <td>
                            <div class="font-medium">{{ $experiment->name }}</div>
                            <div class="text-xs text-[#6d7175]">{{ $experiment->key }} · {{ $experiment->primary_metric }}</div>
                        </td>
                        <td><x-admin.badge :tone="match($experiment->status) { 'running' => 'success', 'stopped' => 'muted', default => 'warning' }">{{ $experiment->status }}</x-admin.badge></td>
                        <td class="tabular-nums">{{ $experiment->traffic_percent }}%</td>
                        <td class="tabular-nums">{{ number_format($experiment->assignments_count) }}</td>
                        <td>
                            <x-admin.badge :tone="$check['ok'] ? 'success' : 'danger'">
                                {{ $check['ok'] ? 'ok' : 'fail' }} · p={{ number_format($check['p_value'], 4) }}
                            </x-admin.badge>
                        </td>
                        <td class="text-xs text-[#6d7175]">
                            {{ empty($experiment->guardrail_metrics) ? 'None set' : implode(', ', $experiment->guardrail_metrics) }}
                        </td>
                        <td class="text-right">
                            @if($experiment->status === 'running' && auth()->user()?->hasPermission('analytics.edit'))
                                <form method="post" action="{{ route('admin.analytics.experiments.stop', $experiment) }}" onsubmit="return confirm('Stop this experiment?')">
                                    @csrf
                                    <button class="text-sm font-medium text-[var(--color-danger)]">Stop</button>
                                </form>
                            @elseif($experiment->status === 'running')
                                <x-admin.badge>analytics.edit</x-admin.badge>
                            @else
                                <span class="text-xs text-[#6d7175]">—</span>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="p-12 text-center text-[#6d7175]">No experiments yet. Create an A/A test via ExperimentService.</td></tr>
                @endforelse
            </tbody>
        </table>
        <div class="mt-4">{{ $experiments->links() }}</div>
    </x-admin.section>
</x-admin.page>
@endsection