@php
    $isEdit = isset($product) && $product->exists;
@endphp
<div class="marketing-settings-grid">
    <div class="marketing-settings-row">
        <label class="marketing-settings-label" for="category">Category</label>
        <select name="category" id="category" class="marketing-settings-input" required>
            @foreach (\App\Models\StoreProduct::CATEGORIES as $value => $label)
                <option value="{{ $value }}" {{ old('category', $product->category ?? '') === $value ? 'selected' : '' }}>{{ $label }}</option>
            @endforeach
        </select>
    </div>
    <div class="marketing-settings-row">
        <label class="marketing-settings-label" for="keywords">Keywords (optional)</label>
        <textarea name="keywords" id="keywords" class="marketing-settings-input" rows="3" placeholder="Comma-separated hints for the bot, e.g. 26mm, Two tone, Datejust, Rolex">{{ old('keywords', $product->keywords ?? '') }}</textarea>
        <span class="marketing-settings-hint">Helps the AI pick this product when the customer message matches these terms. The <strong>description</strong> is still the source of truth for specs and prices; keywords are supporting hints only.</span>
    </div>
    <div class="marketing-settings-row">
        <label class="marketing-settings-label" for="description">Description</label>
        <textarea name="description" id="description" class="marketing-settings-input" rows="8" placeholder="All product info as plain text, e.g. options, prices, details. Example:&#10;&#10;Pull Out Grillz options:&#10;8 top & 8 bottom → $12,000 (10k, Lab Diamonds)&#10;10 top & 10 bottom → $13,000 (10k, Lab Diamonds)&#10;Additional options available depending on clarity and color.">{{ old('description', $product->description ?? '') }}</textarea>
        <span class="marketing-settings-hint">Main field for the chatbot: list options, prices, and details in plain text. The bot will rewrite this naturally for the customer.</span>
    </div>
    <div class="marketing-settings-row">
        <label class="marketing-settings-label" for="media">Media (image or video) — optional, one per product if you add one</label>
        @if ($isEdit && $product->media_url)
            <div class="product-media-current" id="product-media-current">
                <p class="marketing-settings-hint" style="margin-bottom: 0.5rem;">Current: {{ $product->media_type === 'video' ? 'Video' : 'Image' }}. Upload a new file to replace.</p>
                @if ($product->media_type === 'video')
                    <video src="{{ $product->media_full_url }}" controls class="product-media-preview product-media-preview-video" preload="metadata">Your browser does not support the video tag.</video>
                @else
                    <img src="{{ $product->media_full_url }}" alt="Current product media" class="product-media-preview product-media-preview-image" loading="lazy">
                @endif
            </div>
        @endif
        <input type="file" name="media" id="media" class="marketing-settings-input" accept="image/*,video/*">
        <span class="marketing-settings-hint">Optional. Image (jpg, png, gif, webp) or video (mp4, mov, webm). Max 50 MB. Text-only products (e.g. contact-the-store copy) work without media.</span>
    </div>
</div>