@extends('layouts.admin')
@section('title',$flow->name)
@section('content')
<div class="flex flex-wrap items-center justify-between gap-3">
    <h1 class="text-2xl font-semibold">{{ $flow->name }}</h1>
    <a class="text-sm underline" href="{{ route('admin.flows.index') }}">← Flows</a>
</div>
<div class="mt-4 rounded border border-black/10 bg-white p-6 text-sm">
    <div><strong>Trigger:</strong> {{ $flow->trigger }}</div>
    <div class="mt-1"><strong>Status:</strong> {{ $flow->enabled ? 'Enabled' : 'Disabled' }}</div>
    <form method="post" action="{{ route('admin.flows.toggle', $flow) }}" class="mt-4 inline">@csrf<button class="rounded bg-black px-3 py-2 text-white">{{ $flow->enabled ? 'Disable' : 'Enable' }}</button></form>
</div>

<h2 class="mt-8 text-lg font-medium">Run history</h2>
<table class="mt-3 w-full rounded border border-black/10 bg-white text-sm">
    <thead class="bg-black/5 text-left"><tr><th class="p-3">Started</th><th>Status</th><th>Context</th></tr></thead>
    <tbody>
        @forelse($runs as $run)
            <tr class="border-t border-black/5">
                <td class="p-3">{{ $run->created_at }}</td>
                <td>{{ $run->status }}</td>
                <td class="max-w-md truncate text-xs text-black/60">{{ json_encode($run->context) }}</td>
            </tr>
        @empty
            <tr><td colspan="3" class="p-4 text-black/50">No runs yet.</td></tr>
        @endforelse
    </tbody>
</table>
<div class="mt-4">{{ $runs->links() }}</div>
@endsection