@php
    $homePageSetting = $homePageSetting ?? null;
@endphp

<div class="row g-4">

    {{-- Hero Section --}}
    <div class="col-12">
        <h4 class="border-bottom pb-2 mb-3">Hero Section</h4>
        <div class="row g-3">
            <div class="col-md-6">
                <label class="form-label">Hero Heading</label>
                <input type="text" name="hero_heading" class="form-control" value="{{ old('hero_heading', $homePageSetting->hero_heading ?? '') }}">
            </div>
            <div class="col-md-6">
                <label class="form-label">Hero Text</label>
                <textarea name="hero_text" class="form-control" rows="3">{{ old('hero_text', $homePageSetting->hero_text ?? '') }}</textarea>
            </div>
            <div class="col-md-6">
                <label class="form-label">CTA Button Text</label>
                <input type="text" name="hero_cta_button_text" class="form-control" value="{{ old('hero_cta_button_text', $homePageSetting->hero_cta_button_text ?? '') }}">
            </div>
            <div class="col-md-6">
                <label class="form-label">CTA Button Link</label>
                <input type="text" name="hero_cta_button_link" class="form-control" value="{{ old('hero_cta_button_link', $homePageSetting->hero_cta_button_link ?? '') }}">
            </div>
            <div class="col-md-6">
                <label class="form-label">Hero Banner</label>
                <input type="file" name="hero_banner" class="form-control">
                @if(!empty($homePageSetting->hero_banner))
                    <img src="{{ asset('storage/'.$homePageSetting->hero_banner) }}" class="img-thumbnail mt-2" width="250">
                @endif
            </div>
        </div>
    </div>

    {{-- Favorite Categories --}}
    <div class="col-12">
        <h4 class="border-bottom pb-2 mb-3 mt-4">Favorite Categories Section</h4>
        <div class="row g-3">
            <div class="col-md-6">
                <label class="form-label">Heading</label>
                <input type="text" name="fav_categories_heading" class="form-control" value="{{ old('fav_categories_heading', $homePageSetting->fav_categories_heading ?? '') }}">
            </div>
            <div class="col-md-6">
                <label class="form-label">Text</label>
                <textarea name="fav_categories_text" class="form-control" rows="2">{{ old('fav_categories_text', $homePageSetting->fav_categories_text ?? '') }}</textarea>
            </div>
        </div>
    </div>

    {{-- Latest Section --}}
    <div class="col-12">
        <h4 class="border-bottom pb-2 mb-3 mt-4">Latest Section</h4>
        <div class="row g-3">
            <div class="col-md-6">
                <label class="form-label">Heading</label>
                <input type="text" name="latest_section_heading" class="form-control" value="{{ old('latest_section_heading', $homePageSetting->latest_section_heading ?? '') }}">
            </div>
            <div class="col-md-6">
                <label class="form-label">Text</label>
                <textarea name="latest_section_text" class="form-control" rows="2">{{ old('latest_section_text', $homePageSetting->latest_section_text ?? '') }}</textarea>
            </div>
        </div>
    </div>

    {{-- Why Section --}}
    <div class="col-12">
        <h4 class="border-bottom pb-2 mb-3 mt-4">Why Section</h4>
        <div class="row g-3">
            <div class="col-md-6">
                <label class="form-label">Heading</label>
                <input type="text" name="why_section_heading" class="form-control" value="{{ old('why_section_heading', $homePageSetting->why_section_heading ?? '') }}">
            </div>
            <div class="col-md-6">
                <label class="form-label">Text</label>
                <textarea name="why_section_text" class="form-control" rows="2">{{ old('why_section_text', $homePageSetting->why_section_text ?? '') }}</textarea>
            </div>
        </div>
    </div>

    {{-- Banner CTA Section --}}
    <div class="col-12">
        <h4 class="border-bottom pb-2 mb-3 mt-4">Banner CTA Section</h4>
        <div class="row g-3">
            <div class="col-md-6">
                <label class="form-label">Heading</label>
                <input type="text" name="banner_section_heading" class="form-control" value="{{ old('banner_section_heading', $homePageSetting->banner_section_heading ?? '') }}">
            </div>
            <div class="col-md-6">
                <label class="form-label">Text</label>
                <textarea name="banner_section_text" class="form-control" rows="2">{{ old('banner_section_text', $homePageSetting->banner_section_text ?? '') }}</textarea>
            </div>
            <div class="col-md-6">
                <label class="form-label">CTA Button Text</label>
                <input type="text" name="banner_section_cta_button_text" class="form-control" value="{{ old('banner_section_cta_button_text', $homePageSetting->banner_section_cta_button_text ?? '') }}">
            </div>
            <div class="col-md-6">
                <label class="form-label">CTA Button Link</label>
                <input type="text" name="banner_section_cta_button_link" class="form-control" value="{{ old('banner_section_cta_button_link', $homePageSetting->banner_section_cta_button_link ?? '') }}">
            </div>
            <div class="col-md-6">
                <label class="form-label">Banner Image</label>
                <input type="file" name="banner_section_image" class="form-control">
                @if(!empty($homePageSetting->banner_section_image))
                    <img src="{{ asset('storage/'.$homePageSetting->banner_section_image) }}" class="img-thumbnail mt-2" width="250">
                @endif
            </div>
        </div>
    </div>

    {{-- Other Sections --}}
    <div class="col-12">
        <h4 class="border-bottom pb-2 mb-3 mt-4">Other Sections</h4>
        <div class="row g-3">
            <div class="col-md-6">
                <label class="form-label">Categories Section Heading</label>
                <input type="text" name="categories_section_heading" class="form-control" value="{{ old('categories_section_heading', $homePageSetting->categories_section_heading ?? '') }}">
            </div>
            <div class="col-md-6">
                <label class="form-label">Popular Section Heading</label>
                <input type="text" name="popular_section_heading" class="form-control" value="{{ old('popular_section_heading', $homePageSetting->popular_section_heading ?? '') }}">
            </div>
            <div class="col-md-6">
                <label class="form-label">Testimonial Section Heading</label>
                <input type="text" name="testimonial_section_heading" class="form-control" value="{{ old('testimonial_section_heading', $homePageSetting->testimonial_section_heading ?? '') }}">
            </div>
            {{-- <div class="col-md-6">
                <label class="form-label">Footer Ad Section Text</label>
                <input type="text" name="footer_ad_section_text" class="form-control" value="{{ old('footer_ad_section_text', $homePageSetting->footer_ad_section_text ?? '') }}">
            </div>
            <div class="col-md-6">
                <label class="form-label">Footer Ad Banner Image</label>
                <input type="file" name="footer_ad_section_banner_image" class="form-control">
                @if(!empty($homePageSetting->footer_ad_section_banner_image))
                    <img src="{{ asset('storage/'.$homePageSetting->footer_ad_section_banner_image) }}" class="img-thumbnail mt-2" width="250">
                @endif
            </div>
            <div class="col-md-6">
                <label class="form-label">Footer Ad Features</label>
                <input type="text" name="footer_ad_section_features" class="form-control" value="{{ old('footer_ad_section_features', $homePageSetting->footer_ad_section_features ?? '') }}">
            </div> --}}
        </div>
    </div>

</div>