@extends('layouts.app')
@section('title', $form->headline ?: $form->name)
@section('content')
@php
    $s = $form->styles ?? ['bg' => '#0f172a', 'fg' => '#f3f4f6', 'accent' => '#dc2626', 'radius' => '8'];
    $fields = $form->effectiveFields();
@endphp
<div style="min-height:100vh;background:{{ $s['bg'] }};color:{{ $s['fg'] }};padding:3rem 1rem;">
    <div style="max-width:520px;margin:0 auto;padding:2rem;background:rgba(0,0,0,.25);border-radius:{{ $s['radius'] }}px;">
        @if($form->headline)<h1 style="margin:0 0 .5rem;font-size:1.75rem;font-weight:700;">{{ $form->headline }}</h1>@endif
        @if($form->subheadline)<p style="margin:0 0 1.25rem;opacity:.8;">{{ $form->subheadline }}</p>@endif

        @if(session('success'))
            <div role="status" style="padding:1rem;border-radius:6px;background:rgba(16,185,129,.15);color:#a7f3d0;margin-bottom:1rem;">{{ session('success') }}</div>
        @endif
        @if($errors->any())
            <div role="alert" style="padding:1rem;border-radius:6px;background:rgba(239,68,68,.15);color:#fecaca;margin-bottom:1rem;">
                <ul style="margin:0;padding-left:1rem;">
                    @foreach($errors->all() as $err)<li>{{ $err }}</li>@endforeach
                </ul>
            </div>
        @endif

        <form method="POST" action="{{ route('signup-forms.public.submit', $form->slug) }}" style="display:flex;flex-direction:column;gap:.75rem;">
            @csrf
            <input type="text" name="website" tabindex="-1" autocomplete="off" style="position:absolute;left:-9999px;" aria-hidden="true">

            @foreach($fields as $f)
                @php
                    $name = $f['name'];
                    $type = $f['type'] ?? 'text';
                    $label = $f['label'] ?? ucfirst(str_replace('_',' ',$name));
                    $required = ! empty($f['required']) || $name === 'email';
                @endphp
                <label style="display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;opacity:.85;">
                    <span>{{ $label }}@if($required)<span style="color:#fca5a5;">&nbsp;*</span>@endif</span>
                    <input type="{{ $type }}"
                           name="{{ $name }}"
                           value="{{ old($name) }}"
                           @if($required) required @endif
                           placeholder="{{ $name === 'email' ? 'you@example.com' : '' }}"
                           style="padding:.85rem 1rem;border-radius:{{ $s['radius'] }}px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);color:{{ $s['fg'] }};font:inherit;">
                </label>
            @endforeach

            @if($form->consent_text)
                <label style="display:flex;align-items:flex-start;gap:.5rem;font-size:.8rem;opacity:.85;line-height:1.4;">
                    <input type="checkbox" name="consent" value="1" required style="margin-top:.25rem;">
                    <span>{{ $form->consent_text }}</span>
                </label>
            @endif

            <button type="submit" style="padding:.9rem 1rem;border:0;border-radius:{{ $s['radius'] }}px;background:{{ $s['accent'] }};color:#fff;font-weight:600;cursor:pointer;">{{ $form->submit_text }}</button>
        </form>
        <p style="margin-top:1rem;font-size:.75rem;opacity:.6;">We respect your privacy — unsubscribe anytime.</p>
    </div>
</div>
@endsection