@extends('layouts.app')

@section('title', $template ? 'Edit Template' : 'New Template')

@section('content')
    <div class="page-head">
        <div>
            <h1>{{ $template ? 'Edit Template' : 'New Template' }}</h1>
            <div class="subtitle">{{ $template ? 'Update your reusable message' : 'Create a reusable message to use in campaigns' }}</div>
        </div>
    </div>

    <div class="panel">
        <form method="POST"
              action="{{ $template ? route('templates.update', $template) : route('templates.store') }}">
            @csrf
            @if ($template)
                @method('PUT')
            @endif

            <div class="grid grid-2">
                <div>
                    <label for="name">Name</label>
                    <input type="text" name="name" id="name" value="{{ old('name', $template?->name) }}" placeholder="e.g. Welcome Newsletter" required>
                </div>
                <div>
                    <label for="subject">Subject</label>
                    <input type="text" name="subject" id="subject" value="{{ old('subject', $template?->subject) }}" required>
                </div>
            </div>

            <label for="html_body">HTML Body</label>
            <textarea name="html_body" id="html_body" rows="10" style="font-family:ui-monospace,Menlo,Consolas,monospace; font-size:.85rem;" required>{{ old('html_body', $template?->html_body) }}</textarea>
            <p class="muted" style="margin:-6px 0 12px;">
                Placeholder <code>@{{ $name }}</code> is replaced with the recipient's name.
            </p>

            <label for="text_body">Text Body (optional — auto-generated if blank)</label>
            <textarea name="text_body" id="text_body" rows="6">{{ old('text_body', $template?->text_body) }}</textarea>

            <button type="submit">{{ $template ? 'Update Template' : 'Create Template' }}</button>
        </form>
    </div>
@endsection