@extends('layouts.admin')
@section('title', 'Create form')
@section('content')
<x-crm.shell title="Create form" subtitle="Start with CRM-ready defaults, then refine fields, share links, and integrations.">
    <x-slot:actions>
        <a href="{{ route('admin.forms.index') }}" class="admin-btn">Back</a>
    </x-slot:actions>

    @if($errors->any())
        <div class="mx-4 mt-4 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800 sm:mx-6 lg:mx-8">{{ $errors->first() }}</div>
    @endif

    <form method="post" action="{{ route('admin.forms.store') }}" class="space-y-5 p-4 sm:p-6 lg:px-8">
        @csrf
        <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
            <div class="grid gap-4 md:grid-cols-2">
                <label class="block text-sm md:col-span-2"><span class="admin-label">Title</span><input class="admin-input" name="title" value="{{ old('title') }}" required placeholder="RFQ intake"></label>
                <label class="block text-sm"><span class="admin-label">Handle</span><input class="admin-input font-mono text-xs" name="handle" value="{{ old('handle') }}" placeholder="auto from title"></label>
                <label class="block text-sm"><span class="admin-label">Lead type</span>
                    <select class="admin-input" name="lead_type">
                        @foreach(['contact','rfq','wholesale','newsletter','opt-out'] as $type)
                            <option value="{{ $type }}" @selected(old('lead_type', 'rfq') === $type)>{{ $type }}</option>
                        @endforeach
                    </select>
                </label>
                <label class="block text-sm md:col-span-2"><span class="admin-label">Description</span><textarea class="admin-input" name="description" rows="3">{{ old('description') }}</textarea></label>
                <label class="block text-sm md:col-span-2"><span class="admin-label">Success message</span><input class="admin-input" name="success_message" value="{{ old('success_message', 'Thanks — we will be in touch.') }}"></label>
                <label class="inline-flex items-center gap-2 text-sm"><input type="checkbox" name="create_opportunity" value="1" @checked(old('create_opportunity', true))> Create CRM opportunity</label>
                <label class="inline-flex items-center gap-2 text-sm"><input type="checkbox" name="multi_step" value="1" @checked(old('multi_step'))> Multi-step public form</label>
                <label class="inline-flex items-center gap-2 text-sm"><input type="checkbox" name="seed_defaults" value="1" @checked(old('seed_defaults', true))> Seed name/email/phone/company fields</label>
            </div>
        </section>
        <button class="admin-btn admin-btn-primary" type="submit">Create & open builder</button>
    </form>
</x-crm.shell>
@endsection