@extends('admin.layout.app')

@section('title', 'Frontend Theme & Homepage')

@section('body')
<div class="row justify-content-center">
    <div class="col-12 col-xl-10">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <div>
                    <h4 class="card-title mb-1">Frontend Theme & Homepage</h4>
                    <p class="text-muted mb-0">Manage public website colors, hero image, buttons, and homepage content.</p>
                </div>
                <a href="{{ route('front.home') }}" target="_blank" class="btn btn-sm btn-outline-primary">Preview</a>
            </div>

            <div class="card-body">
                @if(session('success'))
                    <div class="alert alert-success">{{ session('success') }}</div>
                @endif

                @php
                    $frontendPrimary = old('frontend_primary_color', $settings['frontend_primary_color'] ?? $settings['primary_color'] ?? '#f7b731');
                    $frontendSecondary = old('frontend_secondary_color', $settings['frontend_secondary_color'] ?? $settings['secondary_color'] ?? '#1ecb85');
                    $frontendAccent = old('frontend_accent_color', $settings['frontend_accent_color'] ?? $settings['accent_color'] ?? '#153f2d');
                    $frontendBackground = old('frontend_background_color', $settings['frontend_background_color'] ?? $settings['background_color'] ?? '#f8fafc');
                    $frontendText = old('frontend_text_color', $settings['frontend_text_color'] ?? $settings['text_color'] ?? '#10291f');
                @endphp

                <form method="POST" action="{{ route('admin.website-content.settings.update') }}" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')

                    <div class="row g-4">
                        <div class="col-12">
                            <h5 class="fw-bold mb-3">Frontend Theme</h5>
                        </div>

                        <div class="col-md-6">
                            <label class="form-label">Frontend Primary Color</label>
                            <div class="input-group">
                                <input type="color" name="frontend_primary_color" value="{{ $frontendPrimary }}" class="form-control form-control-color @error('frontend_primary_color') is-invalid @enderror">
                                <input type="text" value="{{ $frontendPrimary }}" class="form-control" readonly>
                                @error('frontend_primary_color') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <label class="form-label">Frontend Secondary Color</label>
                            <div class="input-group">
                                <input type="color" name="frontend_secondary_color" value="{{ $frontendSecondary }}" class="form-control form-control-color @error('frontend_secondary_color') is-invalid @enderror">
                                <input type="text" value="{{ $frontendSecondary }}" class="form-control" readonly>
                                @error('frontend_secondary_color') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
                            </div>
                        </div>

                        <div class="col-md-4">
                            <label class="form-label">Frontend Accent / Contrast Color</label>
                            <div class="input-group">
                                <input type="color" name="frontend_accent_color" value="{{ $frontendAccent }}" class="form-control form-control-color @error('frontend_accent_color') is-invalid @enderror">
                                <input type="text" value="{{ $frontendAccent }}" class="form-control" readonly>
                                @error('frontend_accent_color') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
                            </div>
                        </div>

                        <div class="col-md-4">
                            <label class="form-label">Frontend Background Color</label>
                            <div class="input-group">
                                <input type="color" name="frontend_background_color" value="{{ $frontendBackground }}" class="form-control form-control-color @error('frontend_background_color') is-invalid @enderror">
                                <input type="text" value="{{ $frontendBackground }}" class="form-control" readonly>
                                @error('frontend_background_color') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
                            </div>
                        </div>

                        <div class="col-md-4">
                            <label class="form-label">Frontend Text Color</label>
                            <div class="input-group">
                                <input type="color" name="frontend_text_color" value="{{ $frontendText }}" class="form-control form-control-color @error('frontend_text_color') is-invalid @enderror">
                                <input type="text" value="{{ $frontendText }}" class="form-control" readonly>
                                @error('frontend_text_color') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
                            </div>
                        </div>

                        <div class="col-12"><hr><h5 class="fw-bold mb-3">Hero Section</h5></div>

                        <div class="col-md-6">
                            <label class="form-label">Hero Image</label>
                            <input type="file" name="home_hero_image" class="form-control @error('home_hero_image') is-invalid @enderror" accept=".jpg,.jpeg,.png,.webp">
                            @error('home_hero_image') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            @if(!empty($settings['home_hero_image']))
                                <div class="form-text">Current: <a href="{{ asset('storage/' . $settings['home_hero_image']) }}" target="_blank">{{ $settings['home_hero_image'] }}</a></div>
                            @endif
                        </div>

                        <div class="col-md-6">
                            <label class="form-label">Hero Kicker</label>
                            <input type="text" name="home_hero_kicker" value="{{ old('home_hero_kicker', $settings['home_hero_kicker']) }}" class="form-control">
                        </div>

                        <div class="col-12">
                            <label class="form-label">Hero Title</label>
                            <input type="text" name="home_hero_title" value="{{ old('home_hero_title', $settings['home_hero_title']) }}" class="form-control @error('home_hero_title') is-invalid @enderror">
                            @error('home_hero_title') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>

                        <div class="col-12">
                            <label class="form-label">Hero Description</label>
                            <textarea name="home_hero_description" rows="3" class="form-control">{{ old('home_hero_description', $settings['home_hero_description']) }}</textarea>
                        </div>

                        <div class="col-md-6">
                            <label class="form-label">Primary Button Text</label>
                            <input type="text" name="home_hero_primary_button_text" value="{{ old('home_hero_primary_button_text', $settings['home_hero_primary_button_text']) }}" class="form-control">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Primary Button URL</label>
                            <input type="text" name="home_hero_primary_button_url" value="{{ old('home_hero_primary_button_url', $settings['home_hero_primary_button_url']) }}" class="form-control">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Secondary Button Text</label>
                            <input type="text" name="home_hero_secondary_button_text" value="{{ old('home_hero_secondary_button_text', $settings['home_hero_secondary_button_text']) }}" class="form-control">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Secondary Button URL</label>
                            <input type="text" name="home_hero_secondary_button_url" value="{{ old('home_hero_secondary_button_url', $settings['home_hero_secondary_button_url']) }}" class="form-control">
                        </div>

                        <div class="col-md-6">
                            <label class="form-label">Hero Panel Label</label>
                            <input type="text" name="home_hero_panel_label" value="{{ old('home_hero_panel_label', $settings['home_hero_panel_label']) }}" class="form-control">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Hero Panel Text</label>
                            <input type="text" name="home_hero_panel_text" value="{{ old('home_hero_panel_text', $settings['home_hero_panel_text']) }}" class="form-control">
                        </div>

                        <div class="col-12"><hr><h5 class="fw-bold mb-3">Homepage About Section</h5></div>

                        <div class="col-md-6">
                            <label class="form-label">Section Kicker</label>
                            <input type="text" name="home_about_kicker" value="{{ old('home_about_kicker', $settings['home_about_kicker']) }}" class="form-control">
                        </div>

                        <div class="col-12">
                            <label class="form-label">Section Title</label>
                            <input type="text" name="home_about_title" value="{{ old('home_about_title', $settings['home_about_title']) }}" class="form-control">
                        </div>

                        <div class="col-12">
                            <label class="form-label">Section Description</label>
                            <textarea name="home_about_description" rows="3" class="form-control">{{ old('home_about_description', $settings['home_about_description']) }}</textarea>
                        </div>

                        <div class="col-md-6">
                            <label class="form-label">Section Button Text</label>
                            <input type="text" name="home_about_button_text" value="{{ old('home_about_button_text', $settings['home_about_button_text']) }}" class="form-control">
                        </div>

                        <div class="col-12"><hr><h5 class="fw-bold mb-3">Homepage Section Labels</h5></div>

                        @php
                            $homepageTextFields = [
                                'home_counts_kicker' => 'Counts Kicker',
                                'home_counts_title' => 'Counts Title',
                                'home_story_about_label' => 'About Story Label',
                                'home_latest_kicker' => 'Latest Kicker',
                                'home_latest_title' => 'Latest Title',
                                'home_testimonials_kicker' => 'Testimonials Kicker',
                                'home_testimonials_title' => 'Testimonials Title',
                                'home_recognition_kicker' => 'Recognition Kicker',
                                'home_recognition_title' => 'Recognition Title',
                                'home_team_kicker' => 'Team Kicker',
                                'home_team_title' => 'Team Title',
                                'home_social_kicker' => 'Social Kicker',
                                'home_social_title' => 'Social Title',
                                'home_forms_kicker' => 'Forms Kicker',
                                'home_forms_title' => 'Forms Title',
                            ];
                        @endphp

                        @foreach($homepageTextFields as $fieldName => $fieldLabel)
                            <div class="col-md-6">
                                <label class="form-label">{{ $fieldLabel }}</label>
                                <input type="text" name="{{ $fieldName }}" value="{{ old($fieldName, $settings[$fieldName] ?? '') }}" class="form-control">
                            </div>
                        @endforeach

                        <div class="col-12">
                            <label class="form-label">Social Section Description</label>
                            <textarea name="home_social_description" rows="3" class="form-control">{{ old('home_social_description', $settings['home_social_description'] ?? '') }}</textarea>
                        </div>

                        <div class="col-12"><hr><h5 class="fw-bold mb-3">Contact Information</h5></div>

                        <div class="col-md-6">
                            <label class="form-label">Contact Phone</label>
                            <input type="text" name="contact_phone" value="{{ old('contact_phone', $settings['contact_phone'] ?? '') }}" class="form-control">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Contact Email</label>
                            <input type="email" name="contact_email" value="{{ old('contact_email', $settings['contact_email'] ?? '') }}" class="form-control @error('contact_email') is-invalid @enderror">
                            @error('contact_email') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>
                        <div class="col-12">
                            <label class="form-label">Contact Address</label>
                            <input type="text" name="contact_address" value="{{ old('contact_address', $settings['contact_address'] ?? '') }}" class="form-control">
                        </div>
                        <div class="col-12">
                            <label class="form-label">Facebook URL</label>
                            <input type="text" name="contact_facebook_url" value="{{ old('contact_facebook_url', $settings['contact_facebook_url'] ?? '') }}" class="form-control">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Contact Support Title</label>
                            <input type="text" name="contact_support_title" value="{{ old('contact_support_title', $settings['contact_support_title'] ?? '') }}" class="form-control">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Contact Support Description</label>
                            <input type="text" name="contact_support_description" value="{{ old('contact_support_description', $settings['contact_support_description'] ?? '') }}" class="form-control">
                        </div>

                        <div class="col-12">
                            <button class="btn btn-primary px-4">Save Settings</button>
                            <a href="{{ route('admin.website-content.index') }}" class="btn btn-outline-secondary">Back</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection