@extends('layouts.app')

@section('title', 'Product AI Import – 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>Product AI Import</h1>
        <p class="setting-subtitle">
            Defaults for crop, compression, limits, and Shopify draft creation.
            Work happens in <a href="{{ route('product-ai-import.index') }}">Product AI Import</a>.
        </p>
    </header>

    @if ($errors->any())
        <div class="alert alert-error">
            <ul style="margin:0;padding-left:1.25rem;">
                @foreach ($errors->all() as $e)
                    <li>{{ $e }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <section class="setting-section setting-card">
        <form action="{{ route('setting.product-ai-import.update') }}" method="POST" class="marketing-settings-form">
            @csrf

            <h2 class="setting-section-title">Image output</h2>
            <p class="setting-section-desc">Matches your Shopify theme product card ratio (Landscape 1.25:1 by default).</p>
            <div class="marketing-settings-grid">
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="aspect_ratio">Aspect ratio</label>
                    <select name="aspect_ratio" id="aspect_ratio" class="marketing-settings-input" style="max-width:22rem;">
                        @foreach(($config['aspect_ratio_options'] ?? []) as $value => $label)
                            <option value="{{ $value }}" @selected(old('aspect_ratio', $settings->aspect_ratio) === $value)>{{ $label }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="image_output_format">Output format</label>
                    <select name="image_output_format" id="image_output_format" class="marketing-settings-input" style="max-width:14rem;">
                        @foreach(($config['image_output_format_options'] ?? []) as $value => $label)
                            <option value="{{ $value }}" @selected(old('image_output_format', $settings->image_output_format) === $value)>{{ $label }}</option>
                        @endforeach
                    </select>
                    <span class="marketing-settings-hint">WebP recommended for ~150 KB target.</span>
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="custom_aspect_width">Custom ratio width</label>
                    <input type="number" name="custom_aspect_width" id="custom_aspect_width" class="marketing-settings-input" min="1" max="100" value="{{ old('custom_aspect_width', $settings->custom_aspect_width) }}">
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="custom_aspect_height">Custom ratio height</label>
                    <input type="number" name="custom_aspect_height" id="custom_aspect_height" class="marketing-settings-input" min="1" max="100" value="{{ old('custom_aspect_height', $settings->custom_aspect_height) }}">
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="image_target_width">Target width (px)</label>
                    <input type="number" name="image_target_width" id="image_target_width" class="marketing-settings-input" min="400" max="5000" value="{{ old('image_target_width', $settings->image_target_width) }}">
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="image_target_height">Target height (px)</label>
                    <input type="number" name="image_target_height" id="image_target_height" class="marketing-settings-input" min="400" max="5000" value="{{ old('image_target_height', $settings->image_target_height) }}">
                    <span class="marketing-settings-hint">Default 2000×1600 for 1.25:1.</span>
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="image_target_kb">Target file size (KB)</label>
                    <input type="number" name="image_target_kb" id="image_target_kb" class="marketing-settings-input" min="30" max="2000" value="{{ old('image_target_kb', $settings->image_target_kb) }}">
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="image_quality_mode">Quality mode</label>
                    <select name="image_quality_mode" id="image_quality_mode" class="marketing-settings-input" style="max-width:18rem;">
                        @foreach(($config['image_quality_mode_options'] ?? []) as $value => $label)
                            <option value="{{ $value }}" @selected(old('image_quality_mode', $settings->image_quality_mode) === $value)>{{ $label }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="image_crop_mode">Crop mode</label>
                    <select name="image_crop_mode" id="image_crop_mode" class="marketing-settings-input" style="max-width:22rem;">
                        @foreach(($config['image_crop_mode_options'] ?? []) as $value => $label)
                            <option value="{{ $value }}" @selected(old('image_crop_mode', $settings->image_crop_mode ?? 'contain') === $value)>{{ $label }}</option>
                        @endforeach
                    </select>
                    <span class="marketing-settings-hint">Use <strong>Contain</strong> for product/Enhance photos (keeps white breathing room). Cover crops edges tight — usually too aggressive for bracelets.</span>
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="preview_width">Preview width</label>
                    <input type="number" name="preview_width" id="preview_width" class="marketing-settings-input" min="100" max="2000" value="{{ old('preview_width', $settings->preview_width) }}">
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="preview_height">Preview height</label>
                    <input type="number" name="preview_height" id="preview_height" class="marketing-settings-input" min="100" max="2000" value="{{ old('preview_height', $settings->preview_height) }}">
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="max_images_per_import">Max images / import</label>
                    <input type="number" name="max_images_per_import" id="max_images_per_import" class="marketing-settings-input" min="1" max="50" value="{{ old('max_images_per_import', $settings->max_images_per_import) }}">
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="max_image_upload_kb">Max image upload (KB)</label>
                    <input type="number" name="max_image_upload_kb" id="max_image_upload_kb" class="marketing-settings-input" min="1024" max="102400" value="{{ old('max_image_upload_kb', $settings->max_image_upload_kb) }}">
                </div>
            </div>

            <h2 class="setting-section-title" style="margin-top:1.75rem;">Video (Prepare / Shopify compress)</h2>
            <p class="setting-section-desc">
                Applied in Prepare after Enhance — not before Google Omni.
                Same <strong>Image output</strong> aspect (1.25:1): <strong>contain + white pad</strong> (no cover crop — keeps the full jewelry).
                Omni’s “Aspect ratio” only affects the AI step. Target under ~2–3&nbsp;MB is safer for mobile.
            </p>
            <div class="marketing-settings-grid">
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="video_max_width">Max width (px)</label>
                    <input type="number" name="video_max_width" id="video_max_width" class="marketing-settings-input" min="320" max="3840" value="{{ old('video_max_width', $settings->video_max_width) }}">
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="video_max_height">Max height (px)</label>
                    <input type="number" name="video_max_height" id="video_max_height" class="marketing-settings-input" min="240" max="2160" value="{{ old('video_max_height', $settings->video_max_height) }}">
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="video_target_mb">Target size (MB)</label>
                    <input type="number" name="video_target_mb" id="video_target_mb" class="marketing-settings-input" min="1" max="50" value="{{ old('video_target_mb', $settings->video_target_mb) }}">
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="video_preset">FFmpeg preset</label>
                    <select name="video_preset" id="video_preset" class="marketing-settings-input" style="max-width:16rem;">
                        @foreach(($config['video_preset_options'] ?? []) as $value => $label)
                            <option value="{{ $value }}" @selected(old('video_preset', $settings->video_preset) === $value)>{{ $label }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="video_crf">CRF</label>
                    <input type="number" name="video_crf" id="video_crf" class="marketing-settings-input" min="15" max="30" value="{{ old('video_crf', $settings->video_crf) }}">
                    <span class="marketing-settings-hint">Lower = higher quality. Default 19.</span>
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="max_videos_per_import">Max videos / import</label>
                    <input type="number" name="max_videos_per_import" id="max_videos_per_import" class="marketing-settings-input" min="0" max="5" value="{{ old('max_videos_per_import', $settings->max_videos_per_import) }}">
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="max_video_upload_kb">Max video upload (KB)</label>
                    <input type="number" name="max_video_upload_kb" id="max_video_upload_kb" class="marketing-settings-input" min="1024" max="512000" value="{{ old('max_video_upload_kb', $settings->max_video_upload_kb) }}">
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label">
                        <input type="hidden" name="video_strip_audio" value="0">
                        <input type="checkbox" name="video_strip_audio" value="1" @checked(old('video_strip_audio', $settings->video_strip_audio))>
                        Strip audio (no sound)
                    </label>
                </div>
            </div>

            <h2 class="setting-section-title" style="margin-top:1.75rem;">AI prompts (editable defaults)</h2>
            <p class="setting-section-desc">
                These guide title, description, and lifestyle image generation.
                Title style: 3 options (Clean / Design-first / Detailed), always <em>… Gold …</em> without Yellow/White/Rose,
                CT only when carats exist (plain gold chains omit CT). Notes for karat/carats + photos for design.
                Lifestyle: mark multiple reference angles; prompt must keep design identical.
                Placeholders: <code>@{{product_type}}</code>, <code>@{{wear_context}}</code>, <code>@{{product_details}}</code> (prices stripped).
            </p>
            <div class="marketing-settings-grid">
                <div class="marketing-settings-row marketing-settings-row--full">
                    <label class="marketing-settings-label" for="title_prompt">Title prompt (template)</label>
                    <textarea name="title_prompt" id="title_prompt" class="marketing-settings-input marketing-settings-textarea" rows="12" required>{{ old('title_prompt', $settings->title_prompt) }}</textarea>
                </div>
                <div class="marketing-settings-row marketing-settings-row--full">
                    <label class="marketing-settings-label" for="description_prompt">Description prompt</label>
                    <textarea name="description_prompt" id="description_prompt" class="marketing-settings-input marketing-settings-textarea" rows="8" required>{{ old('description_prompt', $settings->description_prompt) }}</textarea>
                </div>
                <div class="marketing-settings-row marketing-settings-row--full">
                    <label class="marketing-settings-label" for="lifestyle_prompt">Lifestyle image prompt (OpenAI + shared brief)</label>
                    <textarea name="lifestyle_prompt" id="lifestyle_prompt" class="marketing-settings-input marketing-settings-textarea" rows="10" required>{{ old('lifestyle_prompt', $settings->lifestyle_prompt) }}</textarea>
                    <span class="marketing-settings-hint">Used as-is for OpenAI. For Google it is inserted into the Google lifestyle fidelity template below via <code>@{{merchant_prompt}}</code>.</span>
                </div>
                <div class="marketing-settings-row marketing-settings-row--full">
                    <label class="marketing-settings-label" for="google_lifestyle_fidelity_prompt">Google Lifestyle fidelity wrapper (Google only)</label>
                    <textarea name="google_lifestyle_fidelity_prompt" id="google_lifestyle_fidelity_prompt" class="marketing-settings-input marketing-settings-textarea" rows="12">{{ old('google_lifestyle_fidelity_prompt', $settings->google_lifestyle_fidelity_prompt) }}</textarea>
                    <span class="marketing-settings-hint">Only sent when generating with Google. Placeholders: <code>@{{image_count}}</code> <code>@{{merchant_prompt}}</code>. Does not change OpenAI.</span>
                </div>
                <div class="marketing-settings-row marketing-settings-row--full">
                    <label class="marketing-settings-label" for="enhance_prompt">Enhance product photo prompt (OpenAI + shared brief)</label>
                    <textarea name="enhance_prompt" id="enhance_prompt" class="marketing-settings-input marketing-settings-textarea" rows="8" required>{{ old('enhance_prompt', $settings->enhance_prompt) }}</textarea>
                    <span class="marketing-settings-hint">Same angle/color/background/design — polish quality only. Placeholder: <code>@{{product_type}}</code>. Used as-is for OpenAI.</span>
                </div>
                <div class="marketing-settings-row marketing-settings-row--full">
                    <label class="marketing-settings-label" for="google_enhance_fidelity_prompt">Google Enhance fidelity wrapper (Google only)</label>
                    <textarea name="google_enhance_fidelity_prompt" id="google_enhance_fidelity_prompt" class="marketing-settings-input marketing-settings-textarea" rows="10">{{ old('google_enhance_fidelity_prompt', $settings->google_enhance_fidelity_prompt) }}</textarea>
                    <span class="marketing-settings-hint">Google Enhance uses this prompt alone (not the OpenAI enhance prompt above). Placeholders: <code>@{{image_count}}</code> <code>@{{merchant_prompt}}</code> (short product context only).</span>
                </div>
            </div>

            <h2 class="setting-section-title" style="margin-top:1.75rem;">Video Enhance (Google Omni)</h2>
            <p class="setting-section-desc">
                Enhance wizard: trim to ~9s <strong>without compressing</strong>, send to Gemini Omni Flash, then Prepare compresses for Shopify.
                Requires a paid <code>GOOGLE_AI_API_KEY</code>. Separate from photo enhance prompts above.
            </p>
            <div class="marketing-settings-grid">
                <div class="marketing-settings-row marketing-settings-row--full">
                    <label class="marketing-settings-label">
                        <input type="hidden" name="video_enhance_enabled" value="0">
                        <input type="checkbox" name="video_enhance_enabled" value="1" @checked(old('video_enhance_enabled', $settings->video_enhance_enabled ?? true))>
                        Enable video enhance (Omni)
                    </label>
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="video_enhance_model">Omni model</label>
                    <input type="text" name="video_enhance_model" id="video_enhance_model" class="marketing-settings-input" style="max-width:22rem;" value="{{ old('video_enhance_model', $settings->video_enhance_model ?? 'gemini-omni-flash-preview') }}" placeholder="gemini-omni-flash-preview">
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="video_enhance_max_seconds">Trim length (sec)</label>
                    <input type="number" step="0.1" name="video_enhance_max_seconds" id="video_enhance_max_seconds" class="marketing-settings-input" min="3" max="10" value="{{ old('video_enhance_max_seconds', $settings->video_enhance_max_seconds ?? 9) }}">
                    <span class="marketing-settings-hint">Under 10s for Omni. Default 9.</span>
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="video_enhance_default_start_seconds">Trim start (sec)</label>
                    <input type="number" step="0.1" name="video_enhance_default_start_seconds" id="video_enhance_default_start_seconds" class="marketing-settings-input" min="0" max="600" value="{{ old('video_enhance_default_start_seconds', $settings->video_enhance_default_start_seconds ?? 0) }}">
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="video_enhance_output_seconds">Output duration hint</label>
                    <input type="number" name="video_enhance_output_seconds" id="video_enhance_output_seconds" class="marketing-settings-input" min="3" max="10" value="{{ old('video_enhance_output_seconds', $settings->video_enhance_output_seconds ?? 9) }}">
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="video_enhance_aspect_ratio">Aspect ratio</label>
                    <select name="video_enhance_aspect_ratio" id="video_enhance_aspect_ratio" class="marketing-settings-input" style="max-width:12rem;">
                        @php $vehAspect = old('video_enhance_aspect_ratio', $settings->video_enhance_aspect_ratio ?? '16:9'); @endphp
                        <option value="16:9" @selected($vehAspect === '16:9' || ! in_array($vehAspect, ['16:9', '9:16', 'auto'], true))>16:9 (AI Studio default)</option>
                        <option value="auto" @selected($vehAspect === 'auto')>Match source</option>
                        <option value="9:16" @selected($vehAspect === '9:16')>9:16 (portrait)</option>
                    </select>
                    <span class="marketing-settings-hint">Omni only supports 16:9 / 9:16. Use 16:9 like AI Studio. Shopify 1.25:1 is applied in Prepare.</span>
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="video_enhance_resolution">Resolution</label>
                    <input type="text" name="video_enhance_resolution" id="video_enhance_resolution" class="marketing-settings-input" style="max-width:10rem;" value="{{ old('video_enhance_resolution', $settings->video_enhance_resolution ?? '720p') }}" placeholder="720p">
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="video_enhance_fps">FPS</label>
                    <input type="number" name="video_enhance_fps" id="video_enhance_fps" class="marketing-settings-input" min="12" max="60" value="{{ old('video_enhance_fps', $settings->video_enhance_fps ?? 24) }}">
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="video_enhance_thinking_level">Thinking level</label>
                    <select name="video_enhance_thinking_level" id="video_enhance_thinking_level" class="marketing-settings-input" style="max-width:12rem;">
                        @foreach(['low' => 'Low', 'medium' => 'Medium', 'high' => 'High'] as $value => $label)
                            <option value="{{ $value }}" @selected(old('video_enhance_thinking_level', $settings->video_enhance_thinking_level ?? 'medium') === $value)>{{ $label }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="video_enhance_timeout_seconds">API timeout (sec)</label>
                    <input type="number" name="video_enhance_timeout_seconds" id="video_enhance_timeout_seconds" class="marketing-settings-input" min="120" max="900" value="{{ old('video_enhance_timeout_seconds', $settings->video_enhance_timeout_seconds ?? 480) }}">
                </div>
                <div class="marketing-settings-row marketing-settings-row--full">
                    <label class="marketing-settings-label" for="video_enhance_prompt">Video enhance prompt (Omni only)</label>
                    <textarea name="video_enhance_prompt" id="video_enhance_prompt" class="marketing-settings-input marketing-settings-textarea" rows="10">{{ old('video_enhance_prompt', $settings->video_enhance_prompt) }}</textarea>
                    <span class="marketing-settings-hint">Omni only — match AI Studio: keep background, boost sparkle/reflections. Prepare letterboxes Shopify video to 1.25:1 (contain + white).</span>
                </div>
            </div>

            <h2 class="setting-section-title" style="margin-top:1.75rem;">Lifestyle &amp; Shopify</h2>
            <div class="marketing-settings-grid">
                <div class="marketing-settings-row marketing-settings-row--full">
                    <label class="marketing-settings-label" for="image_ai_provider">Image AI provider (Enhance + Lifestyle)</label>
                    <select name="image_ai_provider" id="image_ai_provider" class="marketing-settings-input" style="max-width:22rem;">
                        @foreach(($config['image_ai_provider_options'] ?? ['openai' => 'OpenAI', 'google' => 'Google Gemini']) as $value => $label)
                            <option value="{{ $value }}" @selected(old('image_ai_provider', $settings->image_ai_provider ?? 'openai') === $value)>{{ $label }}</option>
                        @endforeach
                    </select>
                    <span class="marketing-settings-hint">
                        Shared Lifestyle / Enhance briefs above go to both providers; Google also gets its fidelity wrappers.
                        Titles &amp; description stay on OpenAI.
                        Google needs <code>GOOGLE_AI_API_KEY</code> in <code>.env</code>.
                        This is the <strong>default for Auto mode</strong>. On Enhance / Lifestyle you can still pick OpenAI or Google per generation.
                    </span>
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label">
                        <input type="hidden" name="lifestyle_enabled" value="0">
                        <input type="checkbox" name="lifestyle_enabled" value="1" @checked(old('lifestyle_enabled', $settings->lifestyle_enabled))>
                        Enable lifestyle image generation
                    </label>
                    <span class="marketing-settings-hint">You choose which uploaded photo is the source.</span>
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label">
                        <input type="hidden" name="enhance_enabled" value="0">
                        <input type="checkbox" name="enhance_enabled" value="1" @checked(old('enhance_enabled', $settings->enhance_enabled ?? true))>
                        Enable product photo enhance
                    </label>
                    <span class="marketing-settings-hint">Optional polish step. You pick which enhances replace originals.</span>
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label">Product Scale defaults by type</label>
                    <div style="display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;">
                        <div>
                            <label class="marketing-settings-hint" for="subject_scale_rings_pct" style="display:block;margin:0 0 0.25rem;">Rings %</label>
                            <input type="number"
                                   name="subject_scale_rings_pct"
                                   id="subject_scale_rings_pct"
                                   class="marketing-settings-input"
                                   style="max-width:7rem;"
                                   min="40"
                                   max="70"
                                   value="{{ old('subject_scale_rings_pct', $settings->subjectScaleRingsPercent()) }}">
                        </div>
                        <div>
                            <label class="marketing-settings-hint" for="subject_scale_pendants_pct" style="display:block;margin:0 0 0.25rem;">Pendants %</label>
                            <input type="number"
                                   name="subject_scale_pendants_pct"
                                   id="subject_scale_pendants_pct"
                                   class="marketing-settings-input"
                                   style="max-width:7rem;"
                                   min="40"
                                   max="70"
                                   value="{{ old('subject_scale_pendants_pct', $settings->subjectScalePendantsPercent()) }}">
                        </div>
                    </div>
                    <span class="marketing-settings-hint">
                        Used as the Enhance Product Scale default from Shopify <strong>Type</strong> / Category.
                        Rings usually ~55%. Pendants usually ~65% (config default). If Apply logs <code>type_default=40%</code>, this Pendants field is saved as 40 in Settings — set it back to 65 and save.
                    </span>
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label">
                        <input type="hidden" name="lifestyle_never_auto_primary" value="0">
                        <input type="checkbox" name="lifestyle_never_auto_primary" value="1" @checked(old('lifestyle_never_auto_primary', $settings->lifestyle_never_auto_primary))>
                        Never auto-set lifestyle as primary
                    </label>
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="shopify_create_status">Shopify create status</label>
                    <select name="shopify_create_status" id="shopify_create_status" class="marketing-settings-input" style="max-width:14rem;">
                        @foreach(($config['shopify_create_status_options'] ?? []) as $value => $label)
                            <option value="{{ $value }}" @selected(old('shopify_create_status', $settings->shopify_create_status) === $value)>{{ $label }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="analyze_timeout_seconds">Analyze timeout (seconds)</label>
                    <input type="number" name="analyze_timeout_seconds" id="analyze_timeout_seconds" class="marketing-settings-input" min="15" max="180" value="{{ old('analyze_timeout_seconds', $settings->analyze_timeout_seconds) }}">
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="analyze_model">Analyze / copy model (optional)</label>
                    <input type="text" name="analyze_model" id="analyze_model" class="marketing-settings-input" style="max-width:18rem;" value="{{ old('analyze_model', $settings->analyze_model) }}" placeholder="Leave empty = app OpenAI model">
                    <span class="marketing-settings-hint">Titles &amp; description always use OpenAI.</span>
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="lifestyle_image_model">OpenAI image model</label>
                    <input type="text" name="lifestyle_image_model" id="lifestyle_image_model" class="marketing-settings-input" style="max-width:18rem;" value="{{ old('lifestyle_image_model', $settings->lifestyle_image_model ?: 'gpt-image-1') }}" placeholder="gpt-image-1">
                    <span class="marketing-settings-hint">Used when provider is OpenAI (Enhance + Lifestyle).</span>
                </div>
                <div class="marketing-settings-row">
                    <label class="marketing-settings-label" for="google_image_model">Google image model</label>
                    <input type="text" name="google_image_model" id="google_image_model" class="marketing-settings-input" style="max-width:22rem;" value="{{ old('google_image_model', $settings->google_image_model ?? '') }}" placeholder="gemini-2.5-flash-image">
                    <span class="marketing-settings-hint">Used when provider is Google. Empty = env default (Nano Banana / gemini-2.5-flash-image).</span>
                </div>
            </div>

            <div class="marketing-settings-actions" style="margin-top:1.25rem;">
                <button type="submit" class="btn btn-primary">Save settings</button>
                <a href="{{ route('product-ai-import.index') }}" class="btn btn-secondary" style="margin-left:0.5rem;">Open Product AI Import</a>
            </div>
        </form>
    </section>
</div>
@push('styles')
@include('setting.partials.section-styles')
<style>
.marketing-settings-input[type="checkbox"] { max-width: none; width: auto; margin-right: 0.4rem; }
.marketing-settings-label input[type="checkbox"] { vertical-align: middle; }
select.marketing-settings-input { appearance: auto; }
</style>
@endpush
@endsection