@extends('layouts.admin')
@section('title', 'Booking flows')

@section('content')
<div class="alert alert-info small"><i class="bi bi-signpost-split me-1"></i>
    The prototype has three transport booking designs: <strong>Flow A</strong> (detailed), <strong>Flow B</strong> (quick) and the <strong>Portal</strong> (current default).
    Choosing which one ships in Release 1 is an open decision for the business owner (BRD section 13). Switching here changes what new bookings use; existing bookings keep the flow they were made with.
</div>
@foreach ($groups as $subject => $workflows)
    <div class="card mb-3">
        <div class="card-header">{{ humanize($subject) }}</div>
        <div class="table-responsive">
            <table class="table align-middle">
                <thead><tr><th>Flow</th><th>Screens</th><th>Steps</th><th>Bookings made</th><th>Active</th><th></th></tr></thead>
                <tbody>
                @foreach ($workflows as $w)
                    <tr>
                        <td><strong>{{ $w->name }}</strong> @if ($w->is_default)<span class="badge text-bg-success">Default</span>@endif
                            <div class="small text-muted-2"><code>{{ $w->code }}</code> v{{ $w->version }} · {{ $w->description }}</div></td>
                        <td class="small">{{ $w->ui_variant ?? '—' }}</td>
                        <td>{{ $steps[$w->id] ?? 0 }}</td>
                        <td>{{ $used[$w->id] ?? 0 }}</td>
                        <td>{!! $w->is_active ? '<i class="bi bi-check-circle-fill text-success"></i>' : '<i class="bi bi-dash-circle text-muted-2"></i>' !!}</td>
                        <td class="text-end">
                            @if (! $w->is_default && $w->is_active && $workflows->count() > 1)
                                <form method="POST" action="{{ route('admin.workflows.default', $w) }}">@csrf<button class="btn btn-sm btn-outline-primary" data-confirm="Make {{ $w->name }} the default for new {{ humanize($subject) }}s?">Make default</button></form>
                            @endif
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endforeach
@endsection