@extends('layouts.sidebar')

@section('title', __('app.homepage_settings') . ' - ' . __('app.admin'))
@section('page-title', __('app.homepage_settings'))

@section('content')
<div class="mb-4 rounded-lg border border-amber-200/80 bg-amber-50/80 px-4 py-2 text-sm text-amber-950">
    {{ __('app.json_legacy_note') }} <a href="{{ route('admin.homepage.pilates') }}" class="font-medium text-primary hover:underline">{{ __('app.homepage_pilates_page_title') }}</a>
    · <a href="{{ route('admin.homepage.index') }}" class="text-primary/80 hover:underline">{{ __('app.homepage_hub_title') }}</a>
</div>
<div class="mb-6 flex items-center justify-between">
    <a href="{{ route('admin.homepage.index') }}" class="text-sm text-primary hover:underline"><i class="fas fa-arrow-left mr-1"></i>{{ __('app.homepage_hub_title') }}</a>
</div>

<div class="bg-white rounded-lg shadow-lg p-8 max-w-3xl">
    <form method="POST" action="{{ route('admin.homepage.settings.update') }}" enctype="multipart/form-data">
        @csrf
        @method('PUT')

        <h2 class="text-lg font-bold text-gray-900 mb-4">Hero</h2>
        <p class="text-sm text-gray-600 mb-4">Trenutno desktop: <code class="text-xs bg-gray-100 px-1 rounded">{{ $settings['homepage.hero_image_desktop'] ?? '' }}</code></p>
        <p class="text-sm text-gray-600 mb-4">Trenutno mobile: <code class="text-xs bg-gray-100 px-1 rounded">{{ $settings['homepage.hero_image_mobile'] ?? '' }}</code></p>
        <div class="space-y-4 mb-8">
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">Nova hero slika (desktop)</label>
                <input type="file" name="hero_desktop" accept="image/*" class="w-full text-sm">
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">Nova hero slika (mobile)</label>
                <input type="file" name="hero_mobile" accept="image/*" class="w-full text-sm">
            </div>
        </div>

        <h2 class="text-lg font-bold text-gray-900 mb-4">Logo u headeru (marketing)</h2>
        <p class="text-sm text-gray-600 mb-2">Putanja: <code class="text-xs bg-gray-100 px-1 rounded">{{ $settings['homepage.header_logo_path'] ?? '' }}</code></p>
        <div class="mb-8">
            <input type="file" name="header_logo" accept="image/*" class="w-full text-sm">
        </div>

        <h2 class="text-lg font-bold text-gray-900 mb-4">Logo showcase (ispod tabova)</h2>
        <div class="grid grid-cols-1 gap-4 mb-8">
            <div>
                <label class="block text-sm font-medium text-gray-700">Naslov (SR)</label>
                <input type="text" name="logo_showcase_title_sr" value="{{ old('logo_showcase_title_sr', $settings['homepage.logo_showcase_title_sr'] ?? '') }}"
                       class="mt-1 w-full rounded-lg border-gray-300 shadow-sm">
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700">Naslov (EN)</label>
                <input type="text" name="logo_showcase_title_en" value="{{ old('logo_showcase_title_en', $settings['homepage.logo_showcase_title_en'] ?? '') }}"
                       class="mt-1 w-full rounded-lg border-gray-300 shadow-sm">
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700">Podnaslov (SR)</label>
                <textarea name="logo_showcase_subtitle_sr" rows="2" class="mt-1 w-full rounded-lg border-gray-300 shadow-sm">{{ old('logo_showcase_subtitle_sr', $settings['homepage.logo_showcase_subtitle_sr'] ?? '') }}</textarea>
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700">Podnaslov (EN)</label>
                <textarea name="logo_showcase_subtitle_en" rows="2" class="mt-1 w-full rounded-lg border-gray-300 shadow-sm">{{ old('logo_showcase_subtitle_en', $settings['homepage.logo_showcase_subtitle_en'] ?? '') }}</textarea>
            </div>
        </div>

        <button type="submit" class="btn btn-primary px-8 py-3"><i class="fas fa-save mr-2"></i>{{ __('app.save_changes') }}</button>
    </form>
</div>
@endsection