@extends('admin.layouts.app')

@section('content')
<div class="space-y-6">
    <div>
        <h2 class="text-4xl font-extrabold">Homepage Content</h2>
        <p class="text-gray-400 mt-2">Edit homepage texts, section titles, counters and media.</p>
    </div>

    @if(session('success'))
        <div class="bg-green-600/20 border border-green-600 text-green-300 p-4 rounded-xl">
            {{ session('success') }}
        </div>
    @endif

    <form action="{{ route('admin.homepage.update') }}" method="POST" enctype="multipart/form-data" class="space-y-8">
        @csrf

        <div class="glass-card rounded-[1.6rem] p-6 space-y-4">
            <h3 class="text-2xl font-bold">Hero Defaults</h3>
            <input type="text" name="hero_badge" value="{{ old('hero_badge', $homepage->hero_badge) }}" placeholder="Hero badge" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">
            <input type="text" name="hero_title" value="{{ old('hero_title', $homepage->hero_title) }}" placeholder="Hero title" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">
            <input type="text" name="hero_subtitle" value="{{ old('hero_subtitle', $homepage->hero_subtitle) }}" placeholder="Hero subtitle" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">
            <textarea name="hero_description" rows="4" placeholder="Hero description" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">{{ old('hero_description', $homepage->hero_description) }}</textarea>
            <div class="grid md:grid-cols-2 gap-4">
                <input type="text" name="hero_button_text" value="{{ old('hero_button_text', $homepage->hero_button_text) }}" placeholder="Hero button text" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">
                <input type="text" name="hero_button_link" value="{{ old('hero_button_link', $homepage->hero_button_link) }}" placeholder="Hero button link" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">
            </div>
        </div>

        <div class="glass-card rounded-[1.6rem] p-6 space-y-4">
            <h3 class="text-2xl font-bold">About Section</h3>
            <input type="text" name="about_badge" value="{{ old('about_badge', $homepage->about_badge) }}" placeholder="About badge" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">
            <input type="text" name="about_title" value="{{ old('about_title', $homepage->about_title) }}" placeholder="About title" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">
            <textarea name="about_text_1" rows="4" placeholder="About text 1" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">{{ old('about_text_1', $homepage->about_text_1) }}</textarea>
            <textarea name="about_text_2" rows="4" placeholder="About text 2" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">{{ old('about_text_2', $homepage->about_text_2) }}</textarea>
            <input type="file" name="about_image" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">
        </div>

        <div class="glass-card rounded-[1.6rem] p-6 space-y-4">
            <h3 class="text-2xl font-bold">Stats Section</h3>
            <input type="text" name="stats_badge" value="{{ old('stats_badge', $homepage->stats_badge) }}" placeholder="Stats badge" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">

            <div class="grid md:grid-cols-2 gap-4">
                <input type="text" name="stat_1_number" value="{{ old('stat_1_number', $homepage->stat_1_number) }}" placeholder="Stat 1 number" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">
                <input type="text" name="stat_1_label" value="{{ old('stat_1_label', $homepage->stat_1_label) }}" placeholder="Stat 1 label" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">

                <input type="text" name="stat_2_number" value="{{ old('stat_2_number', $homepage->stat_2_number) }}" placeholder="Stat 2 number" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">
                <input type="text" name="stat_2_label" value="{{ old('stat_2_label', $homepage->stat_2_label) }}" placeholder="Stat 2 label" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">

                <input type="text" name="stat_3_number" value="{{ old('stat_3_number', $homepage->stat_3_number) }}" placeholder="Stat 3 number" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">
                <input type="text" name="stat_3_label" value="{{ old('stat_3_label', $homepage->stat_3_label) }}" placeholder="Stat 3 label" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">

                <input type="text" name="stat_4_number" value="{{ old('stat_4_number', $homepage->stat_4_number) }}" placeholder="Stat 4 number" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">
                <input type="text" name="stat_4_label" value="{{ old('stat_4_label', $homepage->stat_4_label) }}" placeholder="Stat 4 label" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">
            </div>
        </div>

        <div class="glass-card rounded-[1.6rem] p-6 space-y-4">
            <h3 class="text-2xl font-bold">Music / News / Contact</h3>
            <input type="text" name="music_badge" value="{{ old('music_badge', $homepage->music_badge) }}" placeholder="Music badge" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">
            <input type="text" name="music_title" value="{{ old('music_title', $homepage->music_title) }}" placeholder="Music title" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">

            <input type="text" name="news_badge" value="{{ old('news_badge', $homepage->news_badge) }}" placeholder="News badge" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">
            <input type="text" name="news_title" value="{{ old('news_title', $homepage->news_title) }}" placeholder="News title" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">

            <input type="text" name="contact_badge" value="{{ old('contact_badge', $homepage->contact_badge) }}" placeholder="Contact badge" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">
            <input type="text" name="contact_title" value="{{ old('contact_title', $homepage->contact_title) }}" placeholder="Contact title" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">
            <textarea name="contact_text" rows="4" placeholder="Contact text" class="w-full rounded-xl bg-black border border-gray-700 text-white px-4 py-3">{{ old('contact_text', $homepage->contact_text) }}</textarea>
        </div>

        <button class="bg-red-600 hover:bg-red-700 px-6 py-3 rounded-xl font-semibold text-white">
            Save Homepage Content
        </button>
    </form>
</div>
@endsection