@extends('layouts.admin')

@section('title', 'Home Sections')
@section('page_title', 'Home Sections')

@section('content')
<div class="row mb-3">
    <div class="col-md-12">
        <a href="{{ route('admin.settings.index') }}" class="btn btn-outline-secondary">
            <i class="bi bi-arrow-left"></i> Back to Settings
        </a>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-light border-bottom">
                <h5 class="mb-0">Homepage Section Details</h5>
            </div>
            <div class="card-body">
                <form action="{{ route('admin.settings.home-sections.update') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')

                    <div class="mb-4">
                        <h6 class="border-bottom pb-2 mb-3">Hero Section</h6>

                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label for="hero_title" class="form-label">Hero Title <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('hero_title') is-invalid @enderror" id="hero_title" name="hero_title" value="{{ old('hero_title', $settings->hero_title ?? 'Online Shopping') }}" required>
                                @error('hero_title')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="hero_button_text" class="form-label">Hero Button Text <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('hero_button_text') is-invalid @enderror" id="hero_button_text" name="hero_button_text" value="{{ old('hero_button_text', $settings->hero_button_text ?? 'Shop Now') }}" required>
                                @error('hero_button_text')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-8">
                                <label for="hero_button_url" class="form-label">Hero Button URL <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('hero_button_url') is-invalid @enderror" id="hero_button_url" name="hero_button_url" value="{{ old('hero_button_url', $settings->hero_button_url ?? route('user.products.index')) }}" required>
                                @error('hero_button_url')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-4">
                                <label for="hero_image" class="form-label">Hero Image</label>
                                <input type="file" class="form-control @error('hero_image') is-invalid @enderror" id="hero_image" name="hero_image" accept="image/*">
                                @error('hero_image')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        @if(!empty($settings->hero_image))
                            <div class="mb-3">
                                <small class="text-muted d-block mb-2">Current Hero Image</small>
                                <img src="{{ asset($settings->hero_image) }}" alt="Hero image" class="img-fluid rounded" style="max-height: 180px;">
                            </div>
                        @endif

                        <div class="mb-3">
                            <label for="hero_description" class="form-label">Hero Description <span class="text-danger">*</span></label>
                            <textarea class="form-control @error('hero_description') is-invalid @enderror" id="hero_description" name="hero_description" rows="4" required>{{ old('hero_description', $settings->hero_description ?? 'Discover top-quality products at unbeatable prices. Shop smart with secure checkout and fast delivery.') }}</textarea>
                            @error('hero_description')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="mb-4">
                        <h6 class="border-bottom pb-2 mb-3">Section Headings</h6>

                        <div class="row g-3">
                            <div class="col-md-3">
                                <label for="featured_section_title" class="form-label">Featured Products Title <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('featured_section_title') is-invalid @enderror" id="featured_section_title" name="featured_section_title" value="{{ old('featured_section_title', $settings->featured_section_title ?? 'Featured Products') }}" required>
                                @error('featured_section_title')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-3">
                                <label for="recent_section_title" class="form-label">Recent Products Title <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('recent_section_title') is-invalid @enderror" id="recent_section_title" name="recent_section_title" value="{{ old('recent_section_title', $settings->recent_section_title ?? 'Recent Products') }}" required>
                                @error('recent_section_title')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-3">
                                <label for="categories_section_title" class="form-label">Categories Title <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('categories_section_title') is-invalid @enderror" id="categories_section_title" name="categories_section_title" value="{{ old('categories_section_title', $settings->categories_section_title ?? 'Popular Categories') }}" required>
                                @error('categories_section_title')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-3">
                                <label for="features_section_title" class="form-label">Feature Block Title <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('features_section_title') is-invalid @enderror" id="features_section_title" name="features_section_title" value="{{ old('features_section_title', $settings->features_section_title ?? 'Why Shop With Us') }}" required>
                                @error('features_section_title')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="mb-4">
                        <h6 class="border-bottom pb-2 mb-3">Feature Cards</h6>

                        <div class="row g-3 mb-3">
                            <div class="col-md-6">
                                <label for="feature_shipping_title" class="form-label">Shipping Title <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('feature_shipping_title') is-invalid @enderror" id="feature_shipping_title" name="feature_shipping_title" value="{{ old('feature_shipping_title', $settings->feature_shipping_title ?? 'Fast Shipping') }}" required>
                                @error('feature_shipping_title')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="feature_shipping_text" class="form-label">Shipping Text <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('feature_shipping_text') is-invalid @enderror" id="feature_shipping_text" name="feature_shipping_text" value="{{ old('feature_shipping_text', $settings->feature_shipping_text ?? ('Free delivery on orders over ' . \App\Support\Currency::symbol() . number_format((float)($settings->free_shipping_threshold ?? 50), 0))) }}" required>
                                @error('feature_shipping_text')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row g-3 mb-3">
                            <div class="col-md-6">
                                <label for="feature_payment_title" class="form-label">Payment Title <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('feature_payment_title') is-invalid @enderror" id="feature_payment_title" name="feature_payment_title" value="{{ old('feature_payment_title', $settings->feature_payment_title ?? 'Secure Payment') }}" required>
                                @error('feature_payment_title')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="feature_payment_text" class="form-label">Payment Text <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('feature_payment_text') is-invalid @enderror" id="feature_payment_text" name="feature_payment_text" value="{{ old('feature_payment_text', $settings->feature_payment_text ?? '100% secure and encrypted transactions') }}" required>
                                @error('feature_payment_text')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row g-3 mb-3">
                            <div class="col-md-6">
                                <label for="feature_returns_title" class="form-label">Returns Title <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('feature_returns_title') is-invalid @enderror" id="feature_returns_title" name="feature_returns_title" value="{{ old('feature_returns_title', $settings->feature_returns_title ?? 'Easy Returns') }}" required>
                                @error('feature_returns_title')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="feature_returns_text" class="form-label">Returns Text <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('feature_returns_text') is-invalid @enderror" id="feature_returns_text" name="feature_returns_text" value="{{ old('feature_returns_text', $settings->feature_returns_text ?? '30-day money-back guarantee') }}" required>
                                @error('feature_returns_text')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row g-3">
                            <div class="col-md-6">
                                <label for="feature_support_title" class="form-label">Support Title <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('feature_support_title') is-invalid @enderror" id="feature_support_title" name="feature_support_title" value="{{ old('feature_support_title', $settings->feature_support_title ?? '24/7 Support') }}" required>
                                @error('feature_support_title')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="feature_support_text" class="form-label">Support Text <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('feature_support_text') is-invalid @enderror" id="feature_support_text" name="feature_support_text" value="{{ old('feature_support_text', $settings->feature_support_text ?? 'Dedicated customer support always available') }}" required>
                                @error('feature_support_text')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="d-flex gap-2">
                        <button type="submit" class="btn btn-primary">
                            <i class="bi bi-check-circle"></i> Save Home Sections
                        </button>
                        <a href="{{ route('admin.dashboard') }}" class="btn btn-outline-secondary">
                            <i class="bi bi-x-circle"></i> Cancel
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection