@extends('layouts.admin')
@section('title', 'Forms')
@section('content')
<x-crm.shell title="Forms platform" subtitle="Build advanced intake forms, share public links, sync Meta/Google/webhooks, and route every submission into CRM.">
    <x-slot:actions>
        @if(auth()->user()?->hasPermission('crm.edit'))
            <a href="{{ route('admin.forms.create') }}" class="admin-btn admin-btn-primary"><i data-lucide="plus" class="h-3.5 w-3.5"></i> Create form</a>
        @endif
    </x-slot:actions>
    <x-slot:stats>
        <x-crm.stat label="Forms" :value="$stats['total']" />
        <x-crm.stat label="Active" :value="$stats['active']" tone="success" />
        <x-crm.stat label="Submissions" :value="$stats['submissions']" />
        <x-crm.stat label="Integrations" :value="$stats['integrations']" />
    </x-slot:stats>

    @if(session('status'))
        <div class="mx-4 mt-4 rounded-lg border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm text-emerald-900 sm:mx-6 lg:mx-8">{{ session('status') }}</div>
    @endif

    <div class="space-y-4 p-4 sm:p-6 lg:px-8">
        @forelse($forms as $form)
            <article class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
                <div class="flex flex-wrap items-start justify-between gap-3">
                    <div>
                        <h2 class="text-base font-semibold">{{ $form->title }}</h2>
                        <p class="mt-1 font-mono text-xs text-[#6d7175]">{{ $form->handle }} · {{ $form->lead_type }} · {{ $form->fields_count }} fields</p>
                        @if($form->description)
                            <p class="mt-2 text-sm text-[#6d7175]">{{ $form->description }}</p>
                        @endif
                        <div class="mt-2 flex flex-wrap gap-2">
                            <x-admin.badge :tone="$form->active ? 'success' : 'muted'">{{ $form->active ? 'active' : 'inactive' }}</x-admin.badge>
                            @if($form->multi_step)<x-admin.badge>multi-step</x-admin.badge>@endif
                            @if($form->create_opportunity)<x-admin.badge tone="warning">creates opportunity</x-admin.badge>@endif
                            @if($form->integrations_count)<x-admin.badge>{{ $form->integrations_count }} integration(s)</x-admin.badge>@endif
                        </div>
                    </div>
                    <div class="flex flex-wrap gap-2">
                        <a href="{{ $form->publicUrl() }}" class="admin-btn" target="_blank" rel="noopener">Public link</a>
                        <a href="{{ route('admin.forms.edit', ['form' => $form, 'tab' => 'submissions']) }}" class="admin-btn">{{ number_format($form->submissions_count) }} submissions</a>
                        <a href="{{ route('admin.forms.edit', $form) }}" class="admin-btn admin-btn-primary">Open builder</a>
                    </div>
                </div>
                @if($form->fields->isNotEmpty())
                    <ul class="mt-4 flex flex-wrap gap-2 text-xs text-[#6d7175]">
                        @foreach($form->fields as $field)
                            <li class="rounded-full border border-[var(--color-admin-border)] px-2.5 py-1">{{ $field->label }} <span class="font-mono">{{ $field->type }}</span></li>
                        @endforeach
                    </ul>
                @endif
            </article>
        @empty
            <x-admin.empty title="No forms yet" description="Create your first intake form and connect it to CRM." />
        @endforelse
    </div>
</x-crm.shell>
@endsection