@extends('layouts.app')

@section('title', 'Deal of the Day – Setting')

@section('content')
<div class="setting-section-page">
    <p class="setting-back">
        <a href="{{ route('setting.index') }}">← Setting</a>
    </p>
    <header class="setting-header">
        <h1>Deal of the Day</h1>
        <p class="setting-subtitle">Test email for previewing Deal of the Day templates. Real reports (deal started, deal ended, PDFs) are sent to the address configured in .env (DEALS_NOTIFICATION_EMAIL) and are not changed here.</p>
    </header>
    <section class="setting-section setting-card">
        <form action="{{ route('setting.deals-settings') }}" method="POST" class="marketing-settings-form">
            @csrf
            <div class="marketing-settings-grid">
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="deals_test_email">Test email (for template previews)</label>
                    <input type="email" name="test_email" id="deals_test_email" class="marketing-settings-input" placeholder="colonia7421@gmail.com" value="{{ old('test_email', $dealSettings->test_email ?? 'colonia7421@gmail.com') }}">
                    <span class="marketing-settings-hint">When you send a test email below, it goes here. Default: colonia7421@gmail.com</span>
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="deals_meta_campaign_id">Meta campaign (Deal auto-start)</label>
                    @if(! empty($metaConnected) && ! empty($metaCampaigns))
                        <select name="meta_campaign_id" id="deals_meta_campaign_id" class="marketing-settings-input">
                            <option value="">— None —</option>
                            @php $linkedId = preg_replace('/\D+/', '', (string) ($dealSettings->meta_campaign_id ?? '')) ?? ''; @endphp
                            @foreach($metaCampaigns as $camp)
                                @php $cid = (string) ($camp['id'] ?? ''); @endphp
                                <option value="{{ $cid }}" @selected($linkedId === $cid)>{{ $camp['name'] }} ({{ $camp['status'] ?? '' }})</option>
                            @endforeach
                            @if($linkedId !== '' && collect($metaCampaigns)->pluck('id')->map(fn ($v) => (string) $v)->doesntContain($linkedId))
                                <option value="{{ $linkedId }}" selected>Linked campaign {{ $linkedId }} (not in current list)</option>
                            @endif
                        </select>
                    @else
                        <input type="text" name="meta_campaign_id" id="deals_meta_campaign_id" class="marketing-settings-input" inputmode="numeric" placeholder="Campaign ID" value="{{ old('meta_campaign_id', $dealSettings->meta_campaign_id ?? '') }}">
                    @endif
                    <span class="marketing-settings-hint">
                        @if(empty($metaConnected))
                            Connect Meta Ads in Setting → Ad platforms to pick a campaign. You can still paste a campaign ID.
                        @else
                            Linked campaign used when a <strong>new</strong> Deal window is applied. A second Deal on the same window never turns it On.
                        @endif
                    </span>
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="ads_auto_start_enabled">Auto-start this campaign</label>
                    <label class="marketing-settings-check">
                        <input type="checkbox" name="ads_auto_start_enabled" id="ads_auto_start_enabled" value="1" @checked(old('ads_auto_start_enabled', $dealSettings->ads_auto_start_enabled ?? false))>
                        Turn the linked campaign On when I apply a new Deal window that meets the threshold
                    </label>
                    <span class="marketing-settings-hint">Uncheck to disable auto-start without unlinking the campaign or raising the day threshold. Manual Pause during a Deal keeps the campaign Off until you Turn it on, or until the window ends.</span>
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="ads_auto_start_min_days">Minimum Deal length (days)</label>
                    <input type="number" name="ads_auto_start_min_days" id="ads_auto_start_min_days" class="marketing-settings-input" min="1" max="365" value="{{ old('ads_auto_start_min_days', $dealSettings->ads_auto_start_min_days ?? 15) }}">
                    <span class="marketing-settings-hint">Default 15. A 20-day Deal auto-starts; a 5-day Deal does not touch Meta. Hours count as days × 24 (15 days = 360 hours).</span>
                </div>
            </div>
            <div class="marketing-settings-actions">
                <button type="submit" class="btn btn-primary">Save settings</button>
            </div>
        </form>

        <div class="marketing-test-messages-block">
            <h3 class="marketing-test-messages-title">Test messages</h3>
            <p class="marketing-test-messages-desc">Send a test email to preview the content of each Deal of the Day template. Emails go to the <strong>Test email</strong> above.</p>
            <form action="{{ route('setting.deals-send-test') }}" method="POST" class="marketing-test-messages-form">
                @csrf
                <div class="marketing-test-messages-row">
                    <label class="marketing-settings-label" for="deal_test_template">Message type</label>
                    <select name="deal_test_template" id="deal_test_template" class="marketing-settings-input" required>
                        @foreach($dealTestMessageTypes ?? [] as $value => $label)
                            <option value="{{ $value }}">{{ $label }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="marketing-settings-actions">
                    <button type="submit" class="btn btn-secondary">Send test</button>
                </div>
            </form>
        </div>

        @if($hasDealsTheme ?? false)
        <div class="marketing-test-messages-block deal-theme-settings-block">
            <h3 class="marketing-test-messages-title">Theme (section and block)</h3>
            <p class="marketing-test-messages-desc">Add or remove the deal section on the home page and the countdown block on product pages. Requires at least one active deal.</p>
            <div class="deal-theme-actions">
                <div class="deal-theme-action-row">
                    <span class="deal-theme-action-label">Section (home page)</span>
                    <span class="deal-theme-action-hint">Adds or removes the &quot;Deal of the Day&quot; section on the storefront home.</span>
                    <div class="deal-theme-buttons">
                        <form action="{{ route('deals.add-theme-section') }}" method="post" class="deal-theme-form">
                            @csrf
                            <button type="submit" class="btn btn-secondary deal-theme-btn" {{ $themeButtonsDisabled ? 'disabled title="Requires at least one active deal"' : '' }}>Add section to theme</button>
                        </form>
                        <form action="{{ route('deals.remove-theme-section') }}" method="post" class="deal-theme-form">
                            @csrf
                            <button type="submit" class="btn btn-danger deal-theme-btn" {{ $themeButtonsDisabled ? 'disabled title="Requires at least one active deal"' : '' }}>Remove section from theme</button>
                        </form>
                    </div>
                </div>
                <div class="deal-theme-action-row">
                    <span class="deal-theme-action-label">Block (product page)</span>
                    <span class="deal-theme-action-hint">Adds or removes the &quot;Limited time deal&quot; countdown in the Main product section; only visible on products in the active deal.</span>
                    <div class="deal-theme-buttons">
                        <form action="{{ route('deals.add-product-countdown-block') }}" method="post" class="deal-theme-form">
                            @csrf
                            <button type="submit" class="btn btn-secondary deal-theme-btn" {{ $themeButtonsDisabled ? 'disabled title="Requires at least one active deal"' : '' }}>Add block to theme</button>
                        </form>
                        <form action="{{ route('deals.remove-product-countdown-block') }}" method="post" class="deal-theme-form">
                            @csrf
                            <button type="submit" class="btn btn-danger deal-theme-btn" {{ $themeButtonsDisabled ? 'disabled title="Requires at least one active deal"' : '' }}>Remove block from theme</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        @endif
    </section>
</div>
@push('styles')
@include('setting.partials.section-styles')
<style>
.marketing-settings-check {
    display: flex; align-items: flex-start; gap: 0.45rem;
    font-size: 0.88rem; color: #334155; font-weight: 500; line-height: 1.4;
}
.marketing-settings-check input { margin-top: 0.2rem; }
</style>
@endpush
@endsection