@extends('admin.settings.layout')

@section('settings-content')
<div class="row g-4">
    <!-- Flash Sale Section -->
    <div class="col-md-12">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-white py-3">
                <h5 class="fw-bold mb-0">Flash Sale Configuration</h5>
                <p class="text-muted small mb-0">Manage the promotional "Flash Sale" section on the desktop homepage.</p>
            </div>
            <div class="card-body p-4">
                <form action="{{ route('admin.settings.update', 'promotions') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    
                    <div class="row g-4">
                        <div class="col-md-12">
                             <label class="form-label fw-bold">Flash Sale Title</label>
                             <input type="text" name="flash_sale_title" class="form-control" value="{{ \App\Models\Setting::get('flash_sale_title', 'Flash Sale!') }}">
                             <div class="form-text">Main headline for the flash sale box.</div>
                        </div>

                        <div class="col-md-12">
                             <label class="form-label fw-bold">Promo Description</label>
                             <textarea name="flash_sale_description" class="form-control" rows="2">{{ \App\Models\Setting::get('flash_sale_description', 'Limited period offers on premium sarees and ethnic wear.') }}</textarea>
                        </div>

                        <div class="col-md-6">
                             <label class="form-label fw-bold">Target URL (Link)</label>
                             <input type="text" name="flash_sale_link" class="form-control" value="{{ \App\Models\Setting::get('flash_sale_link', url('shop')) }}">
                             <div class="form-text">Where users go when clicking "GO TO SALE".</div>
                        </div>

                        <div class="col-md-6">
                             <label class="form-label fw-bold">Button Text</label>
                             <input type="text" name="flash_sale_button_text" class="form-control" value="{{ \App\Models\Setting::get('flash_sale_button_text', 'GO TO SALE') }}">
                        </div>

                        <div class="col-md-12 mt-4">
                            <label class="form-label fw-bold small text-uppercase">Flash Sale Image</label>
                            <div class="p-3 border rounded bg-light text-center mb-3">
                                @php $flashImg = \App\Models\Setting::get('flash_sale_image'); @endphp
                                @if($flashImg)
                                    <img src="{{ media_url($flashImg) }}" alt="Flash Sale Promo" class="img-fluid rounded shadow-sm mb-2" style="max-height: 100px;">
                                    <div class="d-block small text-success fw-bold">Active Image</div>
                                @else
                                    <div class="py-3">
                                        <i class="bi bi-lightning-charge-fill text-warning opacity-50" style="font-size: 40px;"></i>
                                        <p class="text-muted small mb-0">Using default lightning icon</p>
                                    </div>
                                @endif
                            </div>
                            <input type="file" name="flash_sale_image" class="form-control" accept="image/*">
                        </div>
                    </div>
                    <div class="mt-4 pt-3 border-top text-end">
                        <button type="submit" class="btn btn-primary px-5 fw-bold shadow-sm">
                            <i class="bi bi-save me-2"></i> Save Flash Sale Settings
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Gletra Best Section -->
    <div class="col-md-12">
        <div class="card border-0 shadow-sm mb-5">
            <div class="card-header bg-white py-3">
                <h5 class="fw-bold mb-0">Gletra Best Configuration</h5>
                <p class="text-muted small mb-0">Manage the "Gletra Best" curated collection section.</p>
            </div>
            <div class="card-body p-4">
                <form action="{{ route('admin.settings.update', 'promotions') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    
                    <div class="row g-4">
                        <div class="col-md-12">
                             <label class="form-label fw-bold">Gletra Best Title</label>
                             <input type="text" name="gletra_best_title" class="form-control" value="{{ \App\Models\Setting::get('gletra_best_title', 'Gletra Best') }}">
                        </div>

                        <div class="col-md-12">
                             <label class="form-label fw-bold">Best Description</label>
                             <textarea name="gletra_best_description" class="form-control" rows="2">{{ \App\Models\Setting::get('gletra_best_description', 'Curated collection of top-rated appliances and gadgets.') }}</textarea>
                        </div>

                        <div class="col-md-6">
                             <label class="form-label fw-bold">Target Link</label>
                             <input type="text" name="gletra_best_link" class="form-control" value="{{ \App\Models\Setting::get('gletra_best_link', url('shop')) }}">
                        </div>

                        <div class="col-md-6">
                             <label class="form-label fw-bold">Button Label</label>
                             <input type="text" name="gletra_best_button_text" class="form-control" value="{{ \App\Models\Setting::get('gletra_best_button_text', 'BROWSE ALL') }}">
                        </div>

                        <div class="col-md-12 mt-4">
                            <label class="form-label fw-bold small text-uppercase">Gletra Best Image</label>
                            <div class="p-3 border rounded bg-light text-center mb-3">
                                @php $bestImg = \App\Models\Setting::get('gletra_best_image'); @endphp
                                @if($bestImg)
                                    <img src="{{ media_url($bestImg) }}" alt="Gletra Best Promo" class="img-fluid rounded shadow-sm mb-2" style="max-height: 100px;">
                                    <div class="d-block small text-success fw-bold">Active Image</div>
                                @else
                                    <div class="py-3">
                                        <i class="bi bi-award-fill text-primary opacity-50" style="font-size: 40px;"></i>
                                        <p class="text-muted small mb-0">Using default award icon</p>
                                    </div>
                                @endif
                            </div>
                            <input type="file" name="gletra_best_image" class="form-control" accept="image/*">
                        </div>
                    </div>
                    <div class="mt-4 pt-3 border-top text-end">
                        <button type="submit" class="btn btn-primary px-5 fw-bold shadow-sm">
                            <i class="bi bi-save me-2"></i> Save Gletra Best Settings
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection