@extends('admin.layouts.app')
@section('title', 'Footer Settings')
@section('heading', 'Footer Settings')

@section('content')
<div class="page-tabs">
    <a href="{{ route('admin.pages.home') }}" class="page-tab">Home</a>
    <a href="{{ route('admin.pages.about') }}" class="page-tab">About</a>
    <a href="{{ route('admin.pages.contact') }}" class="page-tab">Contact</a>
    <a href="{{ route('admin.pages.offers') }}" class="page-tab">Offers</a>
    <a href="{{ route('admin.pages.footer') }}" class="page-tab active">Footer</a>
    <a href="{{ route('admin.pages.seo') }}" class="page-tab">SEO</a>
    <a href="{{ route('admin.pages.design') }}" class="page-tab">Design</a>
</div>

<form method="POST" action="{{ route('admin.pages.footer.update') }}">
    @csrf

    <div class="form-grid" style="grid-template-columns: 2fr 1fr;">
        <div class="form-col">

            <!-- Company Info -->
            <section class="card form-section">
                <header class="section-header">
                    <i class="fa-solid fa-building"></i>
                    <div><h3>Company Information</h3><p>Basic company details shown in footer.</p></div>
                </header>
                <div class="form-row">
                    <div class="form-field">
                        <label>Company Name</label>
                        <input type="text" name="footer_company_name" value="{{ old('footer_company_name', $s['footer_company_name'] ?? 'AVIOBOOTS') }}">
                    </div>
                    <div class="form-field">
                        <label>Logo Path <small class="muted">(relative path)</small></label>
                        <input type="text" name="footer_logo" value="{{ old('footer_logo', $s['footer_logo'] ?? '') }}" placeholder="uploads/logo.png">
                    </div>
                </div>
                <div class="form-field full">
                    <label>Description</label>
                    <textarea name="footer_description" rows="3" placeholder="Brief description about your company...">{{ old('footer_description', $s['footer_description'] ?? '') }}</textarea>
                </div>
            </section>

            <!-- Contact Info -->
            <section class="card form-section">
                <header class="section-header">
                    <i class="fa-solid fa-address-book"></i>
                    <div><h3>Contact Information</h3><p>Address, phone, and email displayed in footer.</p></div>
                </header>
                <div class="form-field full">
                    <label>Address</label>
                    <input type="text" name="footer_address" value="{{ old('footer_address', $s['footer_address'] ?? '') }}" placeholder="E 158 C Riffle Range Road, DHA, Lahore">
                </div>
                <div class="form-row">
                    <div class="form-field">
                        <label>Phone</label>
                        <input type="text" name="footer_phone" value="{{ old('footer_phone', $s['footer_phone'] ?? '') }}" placeholder="+92 300 1234567">
                    </div>
                    <div class="form-field">
                        <label>Email</label>
                        <input type="email" name="footer_email" value="{{ old('footer_email', $s['footer_email'] ?? '') }}" placeholder="avioboots0@gmail.com">
                    </div>
                </div>
            </section>

            <!-- Social Links -->
            <section class="card form-section">
                <header class="section-header">
                    <i class="fa-solid fa-share-nodes"></i>
                    <div><h3>Social Media Links</h3><p>Your social media profile URLs.</p></div>
                </header>
                <div class="form-row">
                    <div class="form-field">
                        <label><i class="fa-brands fa-facebook"></i> Facebook</label>
                        <input type="url" name="footer_facebook" value="{{ old('footer_facebook', $s['footer_facebook'] ?? '') }}" placeholder="https://facebook.com/yourpage">
                    </div>
                    <div class="form-field">
                        <label><i class="fa-brands fa-instagram"></i> Instagram</label>
                        <input type="url" name="footer_instagram" value="{{ old('footer_instagram', $s['footer_instagram'] ?? '') }}" placeholder="https://instagram.com/yourpage">
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-field">
                        <label><i class="fa-brands fa-twitter"></i> Twitter / X</label>
                        <input type="url" name="footer_twitter" value="{{ old('footer_twitter', $s['footer_twitter'] ?? '') }}" placeholder="https://twitter.com/yourpage">
                    </div>
                    <div class="form-field">
                        <label><i class="fa-brands fa-youtube"></i> YouTube</label>
                        <input type="url" name="footer_youtube" value="{{ old('footer_youtube', $s['footer_youtube'] ?? '') }}" placeholder="https://youtube.com/@yourchannel">
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-field">
                        <label><i class="fa-brands fa-linkedin"></i> LinkedIn</label>
                        <input type="url" name="footer_linkedin" value="{{ old('footer_linkedin', $s['footer_linkedin'] ?? '') }}" placeholder="https://linkedin.com/company/yourcompany">
                    </div>
                    <div class="form-field">
                        <label><i class="fa-brands fa-tiktok"></i> TikTok</label>
                        <input type="url" name="footer_tiktok" value="{{ old('footer_tiktok', $s['footer_tiktok'] ?? '') }}" placeholder="https://tiktok.com/@yourhandle">
                    </div>
                </div>
            </section>

            <!-- Copyright -->
            <section class="card form-section">
                <header class="section-header">
                    <i class="fa-solid fa-copyright"></i>
                    <div><h3>Copyright</h3><p>Bottom bar text.</p></div>
                </header>
                <div class="form-row">
                    <div class="form-field">
                        <label>Copyright Text</label>
                        <input type="text" name="footer_copyright" value="{{ old('footer_copyright', $s['footer_copyright'] ?? '© 2026 AVIOBOOTS. All rights reserved.') }}">
                    </div>
                    <div class="form-field">
                        <label>Powered By</label>
                        <input type="text" name="footer_powered_by" value="{{ old('footer_powered_by', $s['footer_powered_by'] ?? '') }}" placeholder="Your Company">
                    </div>
                </div>
            </section>

        </div>

        <div class="form-col form-col-side">
            <section class="card form-section sticky-actions">
                <button type="submit" class="adm-btn adm-btn-primary adm-btn-lg"><i class="fa-solid fa-save"></i> Save Footer</button>
                <a href="{{ route('home') }}" target="_blank" data-no-pjax class="adm-btn adm-btn-ghost adm-btn-block"><i class="fa-solid fa-eye"></i> Preview Site</a>
            </section>

            <section class="card form-section">
                <header class="section-header">
                    <i class="fa-solid fa-eye"></i>
                    <div><h3>Visibility</h3></div>
                </header>
                <div style="display:flex; flex-direction:column; gap:0.75rem;">
                    <label style="display:flex; align-items:center; gap:0.5rem; cursor:pointer;">
                        <input type="checkbox" name="show_footer_logo" value="1" {{ old('show_footer_logo', $s['show_footer_logo'] ?? true) ? 'checked' : '' }}>
                        <span>Show Logo</span>
                    </label>
                    <label style="display:flex; align-items:center; gap:0.5rem; cursor:pointer;">
                        <input type="checkbox" name="show_footer_social" value="1" {{ old('show_footer_social', $s['show_footer_social'] ?? true) ? 'checked' : '' }}>
                        <span>Show Social Links</span>
                    </label>
                    <label style="display:flex; align-items:center; gap:0.5rem; cursor:pointer;">
                        <input type="checkbox" name="show_footer_newsletter" value="1" {{ old('show_footer_newsletter', $s['show_footer_newsletter'] ?? true) ? 'checked' : '' }}>
                        <span>Show Newsletter</span>
                    </label>
                </div>
            </section>
        </div>
    </div>
</form>
@endsection