@extends('admin.settings.layout')

@section('settings-content')
<div class="card border-0 shadow-sm">
    <div class="card-body p-4">
        <form action="{{ route('admin.settings.update', 'product') }}" method="POST">
            @csrf
            
            <h5 class="fw-bold text-primary mb-4">Inventory & Rules</h5>
            <div class="row g-3">
                <div class="col-md-6">
                    <div class="form-check form-switch mb-3">
                        <input class="form-check-input" type="checkbox" name="product_variants_enabled" id="pVarCheck" value="1" {{ setting_checked('product_variants_enabled', true) }}>
                        <label class="form-check-label fw-bold" for="pVarCheck">Enable Multi-Variants</label>
                    </div>
                </div>
                
                <div class="col-md-6">
                    <div class="form-check form-switch mb-3">
                        <input class="form-check-input" type="checkbox" name="sku_auto_gen" id="pSkuCheck" value="1" {{ setting_checked('sku_auto_gen', true) }}>
                        <label class="form-check-label fw-bold" for="pSkuCheck">Auto-generate SKU</label>
                    </div>
                </div>

                <div class="col-md-6">
                     <label class="form-label fw-bold">Max Product Images</label>
                     <input type="number" name="max_prod_images" class="form-control" value="{{ \App\Models\Setting::get('max_prod_images', '10') }}">
                </div>

                <div class="col-md-6">
                     <label class="form-label fw-bold">Low Stock Warning Threshold</label>
                     <input type="number" name="low_stock_limit" class="form-control" value="{{ \App\Models\Setting::get('low_stock_limit', '10') }}">
                </div>

                <div class="col-md-12 mt-4">
                    <div class="form-check form-switch card p-3 border-light bg-light">
                        <input class="form-check-input ms-0 me-2" type="checkbox" name="digital_prod_enabled" id="pDigitCheck" value="1" {{ setting_checked('digital_prod_enabled', true) }}>
                        <label class="form-check-label fw-bold" for="pDigitCheck">Allow Digital Products (Downloads)</label>
                        <div class="form-text">Allow vendors to upload files as products.</div>
                    </div>
                </div>
            </div>

            <h5 class="fw-bold text-primary mb-4 mt-5 border-top pt-4">Product Page — Gallery Slider</h5>
            <div class="row g-3">
                <div class="col-md-6">
                    <div class="form-check form-switch p-3 border rounded bg-light">
                        <input class="form-check-input" type="checkbox" name="product_gallery_autoplay" id="product_gallery_autoplay" value="1" {{ setting_checked('product_gallery_autoplay', true) }}>
                        <label class="form-check-label fw-bold" for="product_gallery_autoplay">Auto-play Image Slider</label>
                        <small class="d-block text-muted">Automatically cycle product gallery images</small>
                    </div>
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-bold">Slider Interval (seconds)</label>
                    <input type="number" name="product_gallery_autoplay_delay" class="form-control" min="2" max="15" value="{{ \App\Models\Setting::get('product_gallery_autoplay_delay', 4, 'product') }}">
                </div>
            </div>

            <h5 class="fw-bold text-primary mb-4 mt-5 border-top pt-4">Product Page — Related &amp; Recently Viewed</h5>
            <div class="row g-3">
                <div class="col-md-6">
                    <div class="form-check form-switch p-3 border rounded bg-light">
                        <input class="form-check-input" type="checkbox" name="show_related_products" id="show_related_products" value="1" {{ setting_checked('show_related_products', true) }}>
                        <label class="form-check-label fw-bold" for="show_related_products">Show Similar Products</label>
                        <small class="d-block text-muted">Horizontal scrolling carousel below product details</small>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-check form-switch p-3 border rounded bg-light">
                        <input class="form-check-input" type="checkbox" name="show_recent_view_product" id="show_recent_view_product" value="1" {{ setting_checked('show_recent_view_product', true) }}>
                        <label class="form-check-label fw-bold" for="show_recent_view_product">Show Recently Viewed</label>
                        <small class="d-block text-muted">Logged-in users see browsing history</small>
                    </div>
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-bold">Similar Products Limit</label>
                    <input type="number" name="related_products_limit" class="form-control" min="4" max="20" value="{{ \App\Models\Setting::get('related_products_limit', 10, 'product') }}">
                </div>
                <div class="col-md-4">
                    <div class="form-check form-switch p-3 border rounded bg-light h-100">
                        <input class="form-check-input" type="checkbox" name="related_products_autoplay" id="related_products_autoplay" value="1" {{ setting_checked('related_products_autoplay', true) }}>
                        <label class="form-check-label fw-bold" for="related_products_autoplay">Auto-scroll Carousels</label>
                        <small class="d-block text-muted">Smooth auto slide for product rows</small>
                    </div>
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-bold">Carousel Speed (seconds)</label>
                    <input type="number" name="related_products_autoplay_delay" class="form-control" min="2" max="10" value="{{ \App\Models\Setting::get('related_products_autoplay_delay', 4, 'product') }}">
                </div>
            </div>

            <div class="mt-5 border-top pt-4">
                <button type="submit" class="btn btn-primary px-5 fw-bold shadow-sm">
                    <i class="bi bi-save me-1"></i> Save Product Config
                </button>
            </div>
        </form>
    </div>
</div>
@endsection