@extends('layouts.app')
@section('title', 'New campaign')

@section('content')
<form method="POST" action="{{ route('campaigns.store') }}" class="mx-auto max-w-xl space-y-6">
    @csrf
    <div class="card-pad space-y-4">
        <h2 class="text-base font-semibold text-slate-900 dark:text-white">Step 1 — Campaign details</h2>
        <div>
            <label class="label" for="name">Campaign name *</label>
            <input id="name" name="name" required autofocus class="input" value="{{ old('name') }}" placeholder="e.g. July outreach — UK manufacturers">
            <x-field-error field="name"/>
            <p class="help">Internal name; recipients never see it.</p>
        </div>
        <div>
            <label class="label" for="description">Description</label>
            <textarea id="description" name="description" rows="3" class="input">{{ old('description') }}</textarea>
        </div>
    </div>
    <div class="flex justify-end gap-2">
        <a href="{{ route('campaigns.index') }}" class="btn-secondary">Cancel</a>
        <button class="btn-primary">Create &amp; continue</button>
    </div>
</form>
@endsection