@extends('admin.layout')

@section('content')
    <div class="text-2xl font-semibold">Site settings</div>

    <div class="mt-6 bg-white border border-gray-200 rounded-xl p-6">
        <form method="POST" action="{{ route('admin.site-settings.update') }}" enctype="multipart/form-data">
            @csrf
            @method('PUT')

            <div class="grid grid-cols-1 gap-6">
                <div>
                    <label class="text-sm font-medium text-gray-700">Company logo</label>
                    <input type="file" name="company_logo" accept="image/*" class="mt-1 w-full text-sm" />
                    <x-input-error :messages="$errors->get('company_logo')" class="mt-2" />
                    @if (!empty($settings['branding.logo_path'] ?? null))
                        <div class="mt-3 flex items-center gap-3 text-sm">
                            <img src="{{ asset('storage/'.($settings['branding.logo_path'] ?? '')) }}" class="h-12 w-auto rounded-md border border-gray-200 bg-white" alt="" />
                            <label class="inline-flex items-center gap-2">
                                <input type="checkbox" name="remove_company_logo" value="1" class="rounded border-gray-300 text-gray-900 focus:ring-gray-900" />
                                <span>Remove</span>
                            </label>
                        </div>
                    @endif
                </div>

                <div>
                    <label class="text-sm font-medium text-gray-700">Hotline number</label>
                    <input type="text" name="hotline" value="{{ old('hotline', $settings['contact.hotline'] ?? '') }}" class="mt-1 w-full rounded-md border-gray-300 focus:border-gray-900 focus:ring-gray-900" />
                    <x-input-error :messages="$errors->get('hotline')" class="mt-2" />
                </div>

                <div>
                    <label class="text-sm font-medium text-gray-700">Footer company name</label>
                    <input type="text" name="footer_company_name" value="{{ old('footer_company_name', $settings['footer.company_name'] ?? '') }}" class="mt-1 w-full rounded-md border-gray-300 focus:border-gray-900 focus:ring-gray-900" />
                    <x-input-error :messages="$errors->get('footer_company_name')" class="mt-2" />
                </div>

                <div>
                    <label class="text-sm font-medium text-gray-700">Footer address</label>
                    <textarea name="footer_address" rows="3" class="mt-1 w-full rounded-md border-gray-300 focus:border-gray-900 focus:ring-gray-900">{{ old('footer_address', $settings['footer.address'] ?? '') }}</textarea>
                    <x-input-error :messages="$errors->get('footer_address')" class="mt-2" />
                </div>

                <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
                    <div>
                        <label class="text-sm font-medium text-gray-700">Facebook URL</label>
                        <input type="url" name="social_facebook" value="{{ old('social_facebook', $settings['social.facebook'] ?? '') }}" class="mt-1 w-full rounded-md border-gray-300 focus:border-gray-900 focus:ring-gray-900" placeholder="https://facebook.com/..." />
                        <x-input-error :messages="$errors->get('social_facebook')" class="mt-2" />
                    </div>
                    <div>
                        <label class="text-sm font-medium text-gray-700">Instagram URL</label>
                        <input type="url" name="social_instagram" value="{{ old('social_instagram', $settings['social.instagram'] ?? '') }}" class="mt-1 w-full rounded-md border-gray-300 focus:border-gray-900 focus:ring-gray-900" placeholder="https://instagram.com/..." />
                        <x-input-error :messages="$errors->get('social_instagram')" class="mt-2" />
                    </div>
                    <div>
                        <label class="text-sm font-medium text-gray-700">YouTube URL</label>
                        <input type="url" name="social_youtube" value="{{ old('social_youtube', $settings['social.youtube'] ?? '') }}" class="mt-1 w-full rounded-md border-gray-300 focus:border-gray-900 focus:ring-gray-900" placeholder="https://youtube.com/..." />
                        <x-input-error :messages="$errors->get('social_youtube')" class="mt-2" />
                    </div>
                    <div>
                        <label class="text-sm font-medium text-gray-700">LinkedIn URL</label>
                        <input type="url" name="social_linkedin" value="{{ old('social_linkedin', $settings['social.linkedin'] ?? '') }}" class="mt-1 w-full rounded-md border-gray-300 focus:border-gray-900 focus:ring-gray-900" placeholder="https://linkedin.com/..." />
                        <x-input-error :messages="$errors->get('social_linkedin')" class="mt-2" />
                    </div>
                </div>

                <div>
                    <label class="text-sm font-medium text-gray-700">About page content (HTML allowed)</label>
                    <textarea name="page_about" rows="8" class="mt-1 w-full rounded-md border-gray-300 focus:border-gray-900 focus:ring-gray-900">{{ old('page_about', $settings['pages.about'] ?? '') }}</textarea>
                    <x-input-error :messages="$errors->get('page_about')" class="mt-2" />
                </div>

                <div>
                    <label class="text-sm font-medium text-gray-700">Privacy policy content (HTML allowed)</label>
                    <textarea name="page_privacy" rows="10" class="mt-1 w-full rounded-md border-gray-300 focus:border-gray-900 focus:ring-gray-900">{{ old('page_privacy', $settings['pages.privacy'] ?? '') }}</textarea>
                    <x-input-error :messages="$errors->get('page_privacy')" class="mt-2" />
                </div>

                <div>
                    <label class="text-sm font-medium text-gray-700">Terms content (HTML allowed)</label>
                    <textarea name="page_terms" rows="10" class="mt-1 w-full rounded-md border-gray-300 focus:border-gray-900 focus:ring-gray-900">{{ old('page_terms', $settings['pages.terms'] ?? '') }}</textarea>
                    <x-input-error :messages="$errors->get('page_terms')" class="mt-2" />
                </div>
            </div>

            <div class="mt-6 flex items-center gap-3">
                <button type="submit" class="rounded-md bg-gray-900 px-5 py-2 text-white text-sm font-semibold hover:bg-black">Save</button>
                <a href="{{ route('admin.dashboard') }}" class="text-sm font-semibold text-gray-700 hover:underline">Back</a>
            </div>
        </form>
    </div>
@endsection