@php
    // Helper variable to easily check if we are editing
    $isEditMode = isset($campaign);
@endphp

@extends('layouts.app')

@section('title', $isEditMode ? 'Edit Campaign' : 'Create Campaign')

@section('content')
    {{-- Navigation Link --}}
    <div class="mb-6">
        <a href="{{ route('admin.campaigns.index') }}" class="text-sm text-indigo-600 hover:text-indigo-800 hover:underline">
            &larr; Back to Campaigns List
        </a>
    </div>

    {{-- Form Container --}}
    <div class="max-w-xl mx-auto bg-white shadow-md rounded-lg p-6 md:p-8 border border-gray-200">

        <h2 class="text-xl font-semibold text-gray-800 mb-6 text-center">
            {{ $isEditMode ? 'Edit Campaign' : 'Create New Campaign' }}
        </h2>

        {{-- Form with vertical spacing & ENCTYPE for file uploads --}}
        <form method="POST"
            action="{{ $isEditMode ? route('admin.campaigns.update', $campaign) : route('admin.campaigns.store') }}"
            class="space-y-6" enctype="multipart/form-data">
            @csrf
            @if ($isEditMode)
                @method('PUT')
            @endif

            {{-- Title Field --}}
            <div>
                <label for="title" class="block text-sm font-medium text-gray-700 mb-1">Campaign Title <span
                        class="text-red-500">*</span></label>
                <input type="text" name="title" id="title" value="{{ old('title', $campaign->title ?? '') }}"
                    required class="block w-full ... @error('title') border-red-500 ring-1 ring-red-500 @enderror">
                @error('title')
                    <p class="mt-1 text-xs text-red-600">{{ $message }}</p>
                @enderror
            </div>

            {{-- Description Field --}}
            <div>
                <label for="description" class="block text-sm font-medium text-gray-700 mb-1">Description <span
                        class="text-red-500">*</span></label>
                <textarea name="description" id="description" rows="5" required
                    class="block w-full ... @error('description') border-red-500 ring-1 ring-red-500 @enderror">{{ old('description', $campaign->description ?? '') }}</textarea>
                @error('description')
                    <p class="mt-1 text-xs text-red-600">{{ $message }}</p>
                @enderror
            </div>

            {{-- Type Field --}}
            <div>
                <label for="type" class="block text-sm font-medium text-gray-700 mb-1">Campaign Type <span
                        class="text-red-500">*</span></label>
                <select name="type" id="type" required
                    class="block w-full ... @error('type') border-red-500 ring-1 ring-red-500 @enderror">
                    @php $currentType = old('type', $campaign->type ?? 'default'); @endphp
                    <option value="default" @selected($currentType == 'default')>Default</option>
                    <option value="hybrid" @selected($currentType == 'hybrid')>Hybrid</option>
                    <option value="abonly" @selected($currentType == 'abonly')>Amazon Business only</option>
                    <option value="other" @selected($currentType == 'other')>Other</option>
                </select>
                @error('type')
                    <p class="mt-1 text-xs text-red-600">{{ $message }}</p>
                @enderror
            </div>

            {{-- >>> NEW: Shipping Address Dropdown <<< --}}
            <div>
                <label for="address_id" class="block text-sm font-medium text-gray-700 mb-1">
                    Shipping Address (Optional)
                </label>
                <select name="address_id" id="address_id"
                    class="block w-full px-3 py-2 border border-gray-300 bg-white rounded-md shadow-sm
                               focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm appearance-none
                               @error('address_id') border-red-500 ring-1 ring-red-500 @enderror">
                    <option value="">-- None Selected --</option>
                    {{-- Loop through addresses passed from controller --}}
                    @foreach ($addresses as $addressOption)
                        <option value="{{ $addressOption->id }}" {{-- Select old input or current campaign's address --}} @selected(old('address_id', $campaign->address_id ?? '') == $addressOption->id)>
                            {{-- Display Nickname or Address Line 1 --}}
                            {{ $addressOption->nickname ? $addressOption->nickname . ' (' . $addressOption->address_line_1 . ')' : $addressOption->address_line_1 }}
                        </option>
                    @endforeach
                </select>
                <p class="mt-1 text-xs text-gray-500">Select a pre-defined shipping address for this campaign.</p>
                @error('address_id')
                    <p class="mt-1 text-xs text-red-600">{{ $message }}</p>
                @enderror
            </div>
            {{-- >>> END: Shipping Address Dropdown <<< --}}

            {{-- Campaign Email Template Dropdown --}}
            <div>
                <label for="selected_campaign_email_template_id"
                    class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
                    Receipt Email Template (Optional)
                </label>
                <select name="selected_campaign_email_template_id" id="selected_campaign_email_template_id"
                    class="block w-full px-3 py-2 border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm text-gray-900 dark:text-gray-100 appearance-none @error('selected_campaign_email_template_id') border-red-500 ring-1 ring-red-500 @enderror">
                    <option value="">-- Use Default System Email --</option>
                    {{-- Loop through email templates passed from controller --}}
                    @if (isset($emailTemplates))
                        @foreach ($emailTemplates as $template)
                            <option value="{{ $template->id }}" @selected(old('selected_campaign_email_template_id', $campaign->selected_campaign_email_template_id ?? '') == $template->id)>
                                {{ $template->name }}
                            </option>
                        @endforeach
                    @endif
                </select>
                <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">Select a specific email template for donor receipts
                    for this campaign. If none selected, the default system email will be used.</p>
                @error('selected_campaign_email_template_id')
                    <p class="mt-1 text-xs text-red-600">{{ $message }}</p>
                @enderror
            </div>

            {{-- Notes Field --}}
            <div>
                <label for="notes" class="block text-sm font-medium text-gray-700 mb-1">Notes (Optional)</label>
                <textarea name="notes" id="notes" rows="5"
                    class="block w-full ... @error('notes') border-red-500 ring-1 ring-red-500 @enderror">{{ old('notes', $campaign->notes ?? '') }}</textarea>
                @error('notes')
                    <p class="mt-1 text-xs text-red-600">{{ $message }}</p>
                @enderror
            </div>

            {{-- Campaign Image Upload --}}
            <div>
                <label for="campaign_image" class="block text-sm font-medium text-gray-700 mb-1">Feature Image
                    (Optional)</label>
                @if ($isEditMode && $campaign->image_path)
                    <div class="mb-2"> <img src="{{ asset('storage/' . $campaign->image_path) }}" alt="Current Image"
                            class="h-20 w-auto rounded"> <span class="text-xs text-gray-500 mt-1 block">Current
                            Image...</span> </div>
                @endif
                <input type="file" name="campaign_image" id="campaign_image" accept="image/*"
                    class="block w-full text-sm ... @error('campaign_image') border-red-500 ring-1 ring-red-500 @enderror">
                @error('campaign_image')
                    <p class="mt-1 text-xs text-red-600">{{ $message }}</p>
                @enderror
                <p class="mt-1 text-xs text-gray-500">PNG, JPG, GIF, WEBP up to 2MB.</p>
            </div>


            {{-- Submit Button --}}
            <div class="flex justify-end pt-2">
                <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">
                    @if ($isEditMode)
                        Update Campaign
                    @else
                        Create Campaign
                    @endif
                </button>
            </div>
        </form>
    </div> {{-- End Form Container --}}
@endsection