@php
    $isEditMode = isset($campaignEmailTemplate);

    // Define default values for templates to avoid complex inline strings
    $defaultSubject = __('campaign_email_templates.default_subject');
    $defaultContent = __('campaign_email_templates.default_content');
@endphp

<div class="space-y-6">
    {{-- Template Name --}}
    <div>
        <label for="name" class="block text-sm font-medium text-gray-700 dark:text-gray-300">
            {{ __('campaign_email_templates.template_name') }} <span class="text-red-500">*</span>
        </label>
        <input type="text" name="name" id="name" value="{{ old('name', $campaignEmailTemplate->name ?? '') }}"
            required
            class="mt-1 block w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm placeholder-gray-400 dark:placeholder-gray-500 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 @error('name') border-red-500 ring-1 ring-red-500 @enderror">
        <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">
            {{ __('campaign_email_templates.template_name_help') }}
        </p>
        @error('name')
            <p class="mt-1 text-xs text-red-600 dark:text-red-400">{{ $message }}</p>
        @enderror
    </div>

    {{-- Subject Template --}}
    <div>
        <label for="subject_template" class="block text-sm font-medium text-gray-700 dark:text-gray-300">
            {{ __('campaign_email_templates.subject_template') }} <span class="text-red-500">*</span>
        </label>
        <input type="text" name="subject_template" id="subject_template"
            value="{{ old('subject_template', $campaignEmailTemplate->subject_template ?? $defaultSubject) }}" required
            class="mt-1 block w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm placeholder-gray-400 dark:placeholder-gray-500 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 @error('subject_template') border-red-500 ring-1 ring-red-500 @enderror">
        <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">
            {{ __('campaign_email_templates.available_placeholders') }}:
            <code>@{{ site_name }}</code>, <code>@{{ donor_name }}</code>,
            <code>@{{ order_id }}</code>, <code>@{{ order_total }}</code>,
            <code>@{{ campaign_name }}</code>.
        </p>
        @error('subject_template')
            <p class="mt-1 text-xs text-red-600 dark:text-red-400">{{ $message }}</p>
        @enderror
    </div>

    {{-- HTML Content Template --}}
    <div>
        <label for="content_html_template" class="block text-sm font-medium text-gray-700 dark:text-gray-300">
            {{ __('campaign_email_templates.html_content_template') }} <span class="text-red-500">*</span>
        </label>
        <textarea name="content_html_template" id="content_html_template" rows="15" required
            class="mt-1 block w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm placeholder-gray-400 dark:placeholder-gray-500 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 font-mono text-xs @error('content_html_template') border-red-500 ring-1 ring-red-500 @enderror">{{ old('content_html_template', $campaignEmailTemplate->content_html_template ?? $defaultContent) }}</textarea>
        <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">
            {{ __('campaign_email_templates.html_content_help') }}
        </p>
        @error('content_html_template')
            <p class="mt-1 text-xs text-red-600 dark:text-red-400">{{ $message }}</p>
        @enderror
    </div>

    <div class="flex justify-end pt-2">
        <a href="{{ route('admin.campaign-email-templates.index') }}"
            class="text-sm text-gray-600 dark:text-gray-400 hover:underline mr-4">
            {{ __('campaign_email_templates.cancel') }}
        </a>
        <button type="submit"
            class="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition duration-150 ease-in-out">
            {{ $isEditMode ? __('campaign_email_templates.update_template') : __('campaign_email_templates.create_template') }}
        </button>
    </div>
</div>