@extends('admin.settings.layout')

@section('settings-content')
<div class="card border-0 shadow-sm">
    <div class="card-body p-4">
        <form action="{{ route('admin.settings.update', 'site') }}" method="POST" enctype="multipart/form-data">
            @csrf
            
            <h5 class="fw-bold text-primary mb-4">Branding</h5>
            <div class="row g-4 mb-5">
                <div class="col-md-6">
                    <label class="form-label fw-bold">Header Logo</label>
                    <div class="p-3 border rounded bg-light text-center mb-2">
                        @if($logo = \App\Models\Setting::get('site_logo'))
                            <img src="{{ media_url($logo) }}" alt="Logo" class="img-fluid mb-2" style="max-height: 50px;">
                        @else
                            <div class="text-muted py-3">No Logo Uploaded</div>
                        @endif
                    </div>
                    <input type="file" name="site_logo" class="form-control">
                    <small class="text-muted">Recommended size: 200x50px (PNG/WebP)</small>
                </div>

                <div class="col-md-6">
                    <label class="form-label fw-bold">Favicon</label>
                    <div class="p-3 border rounded bg-light text-center mb-2">
                        @if($favicon = \App\Models\Setting::get('site_favicon'))
                            <img src="{{ media_url($favicon) }}" alt="Favicon" class="img-fluid mb-2" style="max-height: 32px;">
                        @else
                            <div class="text-muted py-3">No Favicon Uploaded</div>
                        @endif
                    </div>
                    <input type="file" name="site_favicon" class="form-control">
                    <small class="text-muted">Recommended size: 32x32px (ICO/PNG)</small>
                </div>
            </div>

            <hr class="my-5">

            <h5 class="fw-bold text-primary mb-4">Footer & Social</h5>
            <div class="row g-3">
                <div class="col-md-12">
                    <label class="form-label fw-bold">Footer Text</label>
                    <textarea name="footer_text" class="form-control" rows="2">{{ \App\Models\Setting::get('footer_text', '© 2024 Gletra. All rights reserved.') }}</textarea>
                </div>

                @php 
                    $social = json_decode(\App\Models\Setting::get('social_links', '[]'), true); 
                @endphp
                
                <div class="col-md-6">
                    <label class="form-label fw-bold"><i class="bi bi-facebook me-1"></i> Facebook URL</label>
                    <input type="url" name="social_links[facebook]" class="form-control" value="{{ $social['facebook'] ?? '' }}">
                </div>
                
                <div class="col-md-6">
                    <label class="form-label fw-bold"><i class="bi bi-twitter-x me-1"></i> Twitter URL</label>
                    <input type="url" name="social_links[twitter]" class="form-control" value="{{ $social['twitter'] ?? '' }}">
                </div>

                <div class="col-md-6">
                    <label class="form-label fw-bold"><i class="bi bi-instagram me-1"></i> Instagram URL</label>
                    <input type="url" name="social_links[instagram]" class="form-control" value="{{ $social['instagram'] ?? '' }}">
                </div>

                <div class="col-md-6">
                    <label class="form-label fw-bold"><i class="bi bi-linkedin me-1"></i> LinkedIn URL</label>
                    <input type="url" name="social_links[linkedin]" class="form-control" value="{{ $social['linkedin'] ?? '' }}">
                </div>
            </div>

            <hr class="my-5">

            <h5 class="fw-bold text-primary mb-4">Security & Code Protection</h5>
            <div class="row g-3">
                <div class="col-md-6">
                    <label class="form-label fw-bold">Right Click & DevTools Protection</label>
                    <select name="source_protection" class="form-select">
                        <option value="enabled" {{ \App\Models\Setting::get('source_protection', 'enabled') === 'enabled' ? 'selected' : '' }}>Enabled (Highly Recommended)</option>
                        <option value="disabled" {{ \App\Models\Setting::get('source_protection') === 'disabled' ? 'selected' : '' }}>Disabled</option>
                    </select>
                    <div class="form-text small">Disables right-click and blocks F12/Inspect shortcuts to prevent casual code inspection.</div>
                </div>
            </div>

            <div class="mt-5 border-top pt-4 text-end">
                <button type="submit" class="btn btn-primary px-5 fw-bold shadow-sm">
                    <i class="bi bi-save me-1"></i> Update Site Branding
                </button>
            </div>
        </form>
    </div>
</div>
@endsection