@extends('admin.layouts.app')
@section('title', 'Site Settings')
@section('breadcrumb')
    <li class="breadcrumb-item active">Site Settings</li>
@endsection

@section('content')
<div class="page-header">
    <h1><i class="fas fa-cog text-secondary"></i> Site Settings</h1>
</div>

<form action="{{ route('admin.settings.site.update') }}" method="POST" enctype="multipart/form-data">
    @csrf
    <div class="row g-4">

        {{-- General --}}
        <div class="col-lg-8">
            <div class="card mb-4">
                <div class="card-header"><i class="fas fa-globe me-2 text-success"></i>General</div>
                <div class="card-body">
                    <div class="mb-3">
                        <label class="form-label fw-semibold">Site Name</label>
                        <input type="text" name="settings[site_name]" class="form-control"
                            value="{{ old('settings.site_name', \App\Models\SiteSetting::get('site_name', 'VK Gardening, Landscaping & Home Maintenance')) }}">
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-semibold">Tagline</label>
                        <input type="text" name="settings[tagline]" class="form-control"
                            value="{{ old('settings.tagline', \App\Models\SiteSetting::get('tagline', "Australia's Trusted Garden & Landscape Experts")) }}">
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-semibold">Footer Copyright Text</label>
                        <input type="text" name="settings[footer_text]" class="form-control"
                            value="{{ old('settings.footer_text', \App\Models\SiteSetting::get('footer_text', '© 2025 VK Gardening. All rights reserved.')) }}">
                    </div>
                    <div class="mb-0">
                        <label class="form-label fw-semibold">Footer Short Description</label>
                        <textarea name="settings[footer_text_short]" class="form-control" rows="2">{{ old('settings.footer_text_short', \App\Models\SiteSetting::get('footer_text_short', 'Your trusted partner for gardening, landscaping and home maintenance across Australia.')) }}</textarea>
                    </div>
                </div>
            </div>

            {{-- Contact --}}
            <div class="card mb-4">
                <div class="card-header"><i class="fas fa-phone me-2 text-success"></i>Contact Information</div>
                <div class="card-body">
                    <div class="row g-3 mb-3">
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Phone Number</label>
                            <input type="text" name="settings[phone]" class="form-control"
                                value="{{ old('settings.phone', \App\Models\SiteSetting::get('phone', '+61 406 473 886')) }}"
                                placeholder="+61 4XX XXX XXX">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Email Address</label>
                            <input type="email" name="settings[email]" class="form-control"
                                value="{{ old('settings.email', \App\Models\SiteSetting::get('email', 'hello@vkhomemaintenance.com.au')) }}">
                        </div>
                    </div>
                    <div class="row g-3 mb-3">
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Admin Notification Email</label>
                            <input type="email" name="settings[admin_email]" class="form-control"
                                value="{{ old('settings.admin_email', \App\Models\SiteSetting::get('admin_email', '')) }}"
                                placeholder="Receives contact form notifications">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Service Area</label>
                            <input type="text" name="settings[service_area]" class="form-control"
                                value="{{ old('settings.service_area', \App\Models\SiteSetting::get('service_area', 'Serving All of Australia')) }}">
                        </div>
                    </div>
                    <div class="mb-0">
                        <label class="form-label fw-semibold">Business Hours</label>
                        <input type="text" name="settings[business_hours]" class="form-control"
                            value="{{ old('settings.business_hours', \App\Models\SiteSetting::get('business_hours', 'Mon–Sat: 7:00 AM – 6:00 PM')) }}">
                    </div>
                </div>
            </div>

            {{-- Social --}}
            <div class="card mb-4">
                <div class="card-header"><i class="fas fa-share-alt me-2 text-success"></i>Social Media Links</div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label fw-semibold"><i class="fab fa-facebook text-primary me-1"></i>Facebook</label>
                            <input type="url" name="settings[facebook]" class="form-control"
                                value="{{ old('settings.facebook', \App\Models\SiteSetting::get('facebook', '')) }}"
                                placeholder="https://facebook.com/yourpage">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold"><i class="fab fa-instagram text-danger me-1"></i>Instagram</label>
                            <input type="url" name="settings[instagram]" class="form-control"
                                value="{{ old('settings.instagram', \App\Models\SiteSetting::get('instagram', '')) }}"
                                placeholder="https://instagram.com/yourprofile">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold"><i class="fab fa-linkedin text-info me-1"></i>LinkedIn</label>
                            <input type="url" name="settings[linkedin]" class="form-control"
                                value="{{ old('settings.linkedin', \App\Models\SiteSetting::get('linkedin', '')) }}"
                                placeholder="https://linkedin.com/company/...">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold"><i class="fab fa-x-twitter me-1"></i>Twitter / X</label>
                            <input type="url" name="settings[twitter]" class="form-control"
                                value="{{ old('settings.twitter', \App\Models\SiteSetting::get('twitter', '')) }}"
                                placeholder="https://x.com/yourhandle">
                        </div>
                    </div>
                </div>
            </div>

            <div class="d-flex gap-2">
                <button type="submit" class="btn btn-green px-4">
                    <i class="fas fa-save me-2"></i>Save All Settings
                </button>
            </div>
        </div>

        {{-- Logo --}}
        <div class="col-lg-4">
            <div class="card mb-4">
                <div class="card-header"><i class="fas fa-image me-2 text-success"></i>Site Logo</div>
                <div class="card-body text-center">
                    @php $logo = \App\Models\SiteSetting::get('logo'); @endphp
                    @if($logo)
                        <img src="{{ Storage::url($logo) }}" id="logoPreview"
                            class="img-fluid mb-3 rounded" style="max-height:100px">
                    @else
                        <img src="{{ asset('images/logo.png') }}" id="logoPreview"
                            class="img-fluid mb-3 rounded" style="max-height:100px">
                    @endif
                    <input type="file" name="logo" class="form-control form-control-sm" accept="image/*"
                        onchange="document.getElementById('logoPreview').src=URL.createObjectURL(this.files[0])">
                    <div class="form-text mt-2">PNG with transparent background recommended. Max 1MB.</div>
                </div>
            </div>

            <div class="card border-warning">
                <div class="card-header bg-warning-subtle"><i class="fas fa-info-circle me-2 text-warning"></i>Cache Note</div>
                <div class="card-body" style="font-size:.82rem">
                    <p class="mb-0 text-muted">Settings are cached for performance. Saving this form automatically clears the settings cache.</p>
                </div>
            </div>
        </div>

    </div>
</form>
@endsection