@extends('layouts.app')
@section('title','Automatisation')
@section('heading','Automatisation — Workflow Builder')
@section('content')
<div class="grid lg:grid-cols-3 gap-6">
    <div class="lg:col-span-2 space-y-4">
        @forelse($workflows as $w)
            <x-card>
                <div class="flex items-start justify-between">
                    <div>
                        <div class="flex items-center gap-2"><h3 class="font-semibold">{{ $w->name }}</h3>@if($w->is_active)<x-badge status="actif" label="Actif" />@else<x-badge status="brouillon" label="Inactif" />@endif</div>
                        <div class="text-xs text-slate-400 mt-1">Déclencheur : <code class="bg-slate-100 px-1.5 py-0.5 rounded">{{ $triggers[$w->trigger] ?? $w->trigger }}</code> · {{ $w->runs_count }} exécutions</div>
                    </div>
                    <div class="flex gap-1">
                        <form method="POST" action="{{ route('workflows.run',$w) }}">@csrf<x-btn variant="secondary" type="submit">▶️</x-btn></form>
                        <form method="POST" action="{{ route('workflows.toggle',$w) }}">@csrf<x-btn variant="secondary" type="submit">{{ $w->is_active?'⏸️':'✅' }}</x-btn></form>
                        <form method="POST" action="{{ route('workflows.destroy',$w) }}" onsubmit="return confirm('Supprimer ?')">@csrf @method('DELETE')<x-btn variant="ghost" type="submit">🗑️</x-btn></form>
                    </div>
                </div>
                <div class="grid grid-cols-2 gap-4 mt-3">
                    <div><div class="text-xs font-medium text-slate-500 mb-1">Conditions</div>@forelse($w->conditions ?? [] as $c)<div class="text-xs bg-amber-50 text-amber-700 rounded px-2 py-1 mb-1">{{ $c }}</div>@empty<span class="text-xs text-slate-300">—</span>@endforelse</div>
                    <div><div class="text-xs font-medium text-slate-500 mb-1">Actions</div>@foreach($w->actions ?? [] as $a)<div class="text-xs bg-emerald-50 text-emerald-700 rounded px-2 py-1 mb-1">→ {{ $a }}</div>@endforeach</div>
                </div>
            </x-card>
        @empty <x-empty message="Aucun workflow" /> @endforelse
    </div>
    <x-card title="Nouveau workflow">
        <form method="POST" action="{{ route('workflows.store') }}" class="space-y-3">@csrf
            <input name="name" placeholder="Nom du workflow" required class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm">
            <label class="text-sm block">Déclencheur<select name="trigger" class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm">@foreach($triggers as $k=>$v)<option value="{{ $k }}">{{ $v }}</option>@endforeach</select></label>
            <label class="text-sm block">Conditions (une par ligne)<textarea name="conditions" rows="2" class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm"></textarea></label>
            <label class="text-sm block">Actions (une par ligne)<textarea name="actions" rows="3" class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm"></textarea></label>
            <x-btn type="submit" class="w-full justify-center">Créer</x-btn>
        </form>
    </x-card>
</div>
@endsection