@extends('layouts.admin')

@section('title', trans('admin.Homepage content'))
@section('page-title', trans('admin.Homepage content'))
@section('page-subtitle', trans('admin.Homepage content subtitle'))

@section('content')

<section class="dpage active" id="dpage-homepage">
    <div class="page-head">
        <div><h2>{{ trans('admin.Homepage content') }}</h2><p>{{ trans('admin.Homepage content subtitle') }}</p></div>
    </div>

    <form method="post" action="{{ route('dashboard.homepage.update') }}" enctype="multipart/form-data">
        @csrf

        <div class="card card-pad" style="margin-bottom:16px;">
            <h3 style="margin-bottom:16px;">{{ trans('admin.Hero section') }}</h3>
            <div class="form-grid">
                @foreach (\Mcamara\LaravelLocalization\Facades\LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
                    <div class="field">
                        <label>{{ trans('admin.Hero eyebrow') }} ({{ $properties['native'] }})</label>
                        <input type="text" name="{{ $localeCode }}[hero_eyebrow]" value="{{ optional($content->translate($localeCode))->hero_eyebrow }}" required>
                        @error($localeCode . '.hero_eyebrow')<span class="hint" style="color:var(--red);">{{ $message }}</span>@enderror
                    </div>
                @endforeach
                @foreach (\Mcamara\LaravelLocalization\Facades\LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
                    <div class="field">
                        <label>{{ trans('admin.Hero title') }} ({{ $properties['native'] }})</label>
                        <input type="text" name="{{ $localeCode }}[hero_title]" value="{{ optional($content->translate($localeCode))->hero_title }}" required>
                        @error($localeCode . '.hero_title')<span class="hint" style="color:var(--red);">{{ $message }}</span>@enderror
                    </div>
                @endforeach
            </div>
        </div>

        <div class="card card-pad" style="margin-bottom:16px;">
            <h3 style="margin-bottom:4px;">{{ trans('admin.Hero floating icons') }}</h3>
            <p class="hint" style="margin-bottom:16px;">{{ trans('admin.Hero floating icons hint') }}</p>
            <div class="form-grid" style="grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));">
                @for ($i = 1; $i <= \App\Models\HomepageContent::HERO_ICON_SLOTS; $i++)
                    @php $iconUrl = $content->getHeroIconImageUrl($i); @endphp
                    <div class="field" style="border:1px solid var(--border); border-radius:var(--radius-sm); padding:14px;">
                        <div style="display:flex; align-items:center; gap:12px; margin-bottom:10px;">
                            <div style="width:48px; height:48px; border-radius:10px; border:1px solid var(--border); background:var(--bg-alt); display:flex; align-items:center; justify-content:center; font-size:22px; overflow:hidden; flex-shrink:0;">
                                @if ($iconUrl)
                                    <img src="{{ $iconUrl }}" alt="" style="width:100%;height:100%;object-fit:cover;">
                                @else
                                    {{ $content->{"hero_icon_{$i}"} }}
                                @endif
                            </div>
                            <label style="margin:0;">{{ trans('admin.Icon') }} #{{ $i }}</label>
                        </div>

                        <input type="text" name="hero_icon_{{ $i }}" value="{{ $content->{"hero_icon_{$i}"} }}" maxlength="10" required>
                        <span class="hint">{{ trans('admin.Emoji or short text, used when no image is set') }}</span>
                        @error("hero_icon_{$i}")<span class="hint" style="color:var(--red);">{{ $message }}</span>@enderror

                        <div style="margin-top:10px;">
                            <input type="file" name="hero_icon_{{ $i }}_image" accept="image/*">
                            @error("hero_icon_{$i}_image")<span class="hint" style="color:var(--red);">{{ $message }}</span>@enderror
                        </div>

                        @if ($iconUrl)
                            <label style="display:flex; align-items:center; gap:6px; margin-top:8px; font-weight:400;">
                                <input type="checkbox" name="hero_icon_{{ $i }}_remove_image" value="1" style="width:auto;">
                                {{ trans('admin.Remove image, use emoji/text instead') }}
                            </label>
                        @endif

                        <label style="display:flex; align-items:center; gap:6px; margin-top:8px; font-weight:400;">
                            <input type="checkbox" name="hero_icon_{{ $i }}_reset" value="1" style="width:auto;">
                            {{ trans('admin.Reset to default') }} ({{ \App\Models\HomepageContent::defaultHeroIcon($i) }})
                        </label>
                    </div>
                @endfor
            </div>
        </div>

        <div class="card card-pad" style="margin-bottom:16px;">
            <h3 style="margin-bottom:16px;">{{ trans('admin.Intro section') }}</h3>
            <div class="form-grid">
                @foreach (\Mcamara\LaravelLocalization\Facades\LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
                    <div class="field full">
                        <label>{{ trans('admin.Intro text') }} ({{ $properties['native'] }})</label>
                        <textarea name="{{ $localeCode }}[intro_text]" required>{{ optional($content->translate($localeCode))->intro_text }}</textarea>
                        <span class="hint">{{ trans('admin.Intro text hint') }}</span>
                        @error($localeCode . '.intro_text')<span class="hint" style="color:var(--red);">{{ $message }}</span>@enderror
                    </div>
                @endforeach
            </div>
        </div>

        <div class="card card-pad" style="margin-bottom:16px;">
            <h3 style="margin-bottom:16px;">{{ trans('admin.Featured courses section') }}</h3>
            <div class="form-grid">
                @foreach (\Mcamara\LaravelLocalization\Facades\LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
                    <div class="field">
                        <label>{{ trans('admin.Section eyebrow') }} ({{ $properties['native'] }})</label>
                        <input type="text" name="{{ $localeCode }}[featured_eyebrow]" value="{{ optional($content->translate($localeCode))->featured_eyebrow }}" required>
                        @error($localeCode . '.featured_eyebrow')<span class="hint" style="color:var(--red);">{{ $message }}</span>@enderror
                    </div>
                @endforeach
                @foreach (\Mcamara\LaravelLocalization\Facades\LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
                    <div class="field">
                        <label>{{ trans('admin.Section title') }} ({{ $properties['native'] }})</label>
                        <input type="text" name="{{ $localeCode }}[featured_title]" value="{{ optional($content->translate($localeCode))->featured_title }}" required>
                        @error($localeCode . '.featured_title')<span class="hint" style="color:var(--red);">{{ $message }}</span>@enderror
                    </div>
                @endforeach
            </div>
            <span class="hint">{{ trans('admin.Featured courses hint') }}</span>
        </div>

        <div class="card card-pad" style="margin-bottom:16px;">
            <h3 style="margin-bottom:16px;">{{ trans('admin.Categories section') }}</h3>
            <div class="form-grid">
                @foreach (\Mcamara\LaravelLocalization\Facades\LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
                    <div class="field">
                        <label>{{ trans('admin.Section eyebrow') }} ({{ $properties['native'] }})</label>
                        <input type="text" name="{{ $localeCode }}[categories_eyebrow]" value="{{ optional($content->translate($localeCode))->categories_eyebrow }}" required>
                        @error($localeCode . '.categories_eyebrow')<span class="hint" style="color:var(--red);">{{ $message }}</span>@enderror
                    </div>
                @endforeach
                @foreach (\Mcamara\LaravelLocalization\Facades\LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
                    <div class="field">
                        <label>{{ trans('admin.Section title') }} ({{ $properties['native'] }})</label>
                        <input type="text" name="{{ $localeCode }}[categories_title]" value="{{ optional($content->translate($localeCode))->categories_title }}" required>
                        @error($localeCode . '.categories_title')<span class="hint" style="color:var(--red);">{{ $message }}</span>@enderror
                    </div>
                @endforeach
            </div>
        </div>

        <div class="card card-pad" style="margin-bottom:16px;">
            <h3 style="margin-bottom:16px;">{{ trans('admin.Fun facts section') }}</h3>
            <div class="form-grid">
                @foreach (\Mcamara\LaravelLocalization\Facades\LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
                    <div class="field">
                        <label>{{ trans('admin.Section eyebrow') }} ({{ $properties['native'] }})</label>
                        <input type="text" name="{{ $localeCode }}[facts_eyebrow]" value="{{ optional($content->translate($localeCode))->facts_eyebrow }}" required>
                        @error($localeCode . '.facts_eyebrow')<span class="hint" style="color:var(--red);">{{ $message }}</span>@enderror
                    </div>
                @endforeach
                @foreach (\Mcamara\LaravelLocalization\Facades\LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
                    <div class="field">
                        <label>{{ trans('admin.Section title') }} ({{ $properties['native'] }})</label>
                        <input type="text" name="{{ $localeCode }}[facts_title]" value="{{ optional($content->translate($localeCode))->facts_title }}" required>
                        @error($localeCode . '.facts_title')<span class="hint" style="color:var(--red);">{{ $message }}</span>@enderror
                    </div>
                @endforeach
                @foreach (\Mcamara\LaravelLocalization\Facades\LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
                    <div class="field full">
                        <label>{{ trans('admin.Section description') }} ({{ $properties['native'] }})</label>
                        <textarea name="{{ $localeCode }}[facts_desc]" required>{{ optional($content->translate($localeCode))->facts_desc }}</textarea>
                        @error($localeCode . '.facts_desc')<span class="hint" style="color:var(--red);">{{ $message }}</span>@enderror
                    </div>
                @endforeach
            </div>
            <span class="hint">{{ trans('admin.Fun facts hint') }}</span>
        </div>

        <div class="card card-pad" style="margin-bottom:16px;">
            <h3 style="margin-bottom:16px;">{{ trans('admin.Master skills section') }}</h3>
            <div class="form-grid">
                @foreach (\Mcamara\LaravelLocalization\Facades\LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
                    <div class="field">
                        <label>{{ trans('admin.Section eyebrow') }} ({{ $properties['native'] }})</label>
                        <input type="text" name="{{ $localeCode }}[master_eyebrow]" value="{{ optional($content->translate($localeCode))->master_eyebrow }}" required>
                        @error($localeCode . '.master_eyebrow')<span class="hint" style="color:var(--red);">{{ $message }}</span>@enderror
                    </div>
                @endforeach
                @foreach (\Mcamara\LaravelLocalization\Facades\LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
                    <div class="field">
                        <label>{{ trans('admin.Title (before highlight)') }} ({{ $properties['native'] }})</label>
                        <input type="text" name="{{ $localeCode }}[master_title]" value="{{ optional($content->translate($localeCode))->master_title }}" required>
                        @error($localeCode . '.master_title')<span class="hint" style="color:var(--red);">{{ $message }}</span>@enderror
                    </div>
                @endforeach
                @foreach (\Mcamara\LaravelLocalization\Facades\LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
                    <div class="field">
                        <label>{{ trans('admin.Title (highlighted)') }} ({{ $properties['native'] }})</label>
                        <input type="text" name="{{ $localeCode }}[master_title_hl]" value="{{ optional($content->translate($localeCode))->master_title_hl }}" required>
                        @error($localeCode . '.master_title_hl')<span class="hint" style="color:var(--red);">{{ $message }}</span>@enderror
                    </div>
                @endforeach
                @foreach (\Mcamara\LaravelLocalization\Facades\LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
                    <div class="field full">
                        <label>{{ trans('admin.Section description') }} ({{ $properties['native'] }})</label>
                        <textarea name="{{ $localeCode }}[master_desc]" required>{{ optional($content->translate($localeCode))->master_desc }}</textarea>
                        @error($localeCode . '.master_desc')<span class="hint" style="color:var(--red);">{{ $message }}</span>@enderror
                    </div>
                @endforeach
            </div>
        </div>

        <div class="card card-pad" style="margin-bottom:16px;">
            <h3 style="margin-bottom:16px;">{{ trans('admin.Final CTA section') }}</h3>
            <div class="form-grid">
                @foreach (\Mcamara\LaravelLocalization\Facades\LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
                    <div class="field">
                        <label>{{ trans('admin.Section eyebrow') }} ({{ $properties['native'] }})</label>
                        <input type="text" name="{{ $localeCode }}[final_eyebrow]" value="{{ optional($content->translate($localeCode))->final_eyebrow }}" required>
                        @error($localeCode . '.final_eyebrow')<span class="hint" style="color:var(--red);">{{ $message }}</span>@enderror
                    </div>
                @endforeach
                @foreach (\Mcamara\LaravelLocalization\Facades\LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
                    <div class="field">
                        <label>{{ trans('admin.Section title') }} ({{ $properties['native'] }})</label>
                        <input type="text" name="{{ $localeCode }}[final_title]" value="{{ optional($content->translate($localeCode))->final_title }}" required>
                        @error($localeCode . '.final_title')<span class="hint" style="color:var(--red);">{{ $message }}</span>@enderror
                    </div>
                @endforeach
                @foreach (\Mcamara\LaravelLocalization\Facades\LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
                    <div class="field">
                        <label>{{ trans('admin.Tagline') }} ({{ $properties['native'] }})</label>
                        <input type="text" name="{{ $localeCode }}[final_tagline]" value="{{ optional($content->translate($localeCode))->final_tagline }}" required>
                        @error($localeCode . '.final_tagline')<span class="hint" style="color:var(--red);">{{ $message }}</span>@enderror
                    </div>
                @endforeach
            </div>
        </div>

        @if(auth('user')->user()->has_permission('update-homepage'))
            <div style="margin-top:22px;">
                <button type="submit" class="btn btn-primary">{{ trans('admin.Save') }}</button>
            </div>
        @endif
    </form>
</section>

@endsection