@extends('admin.layouts.master')

@section('page-title', 'Pengaturan')

@section('content')
<div class="row">
    <div class="col-lg-8">
        <form action="{{ route('admin.settings.update') }}" method="POST">
            @csrf
            @method('PUT')
            
            <!-- General Settings -->
            <div class="card-admin mb-4">
                <div class="card-header-admin">
                    <h5 class="mb-0">Pengaturan Umum</h5>
                </div>
                <div class="card-body-admin">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label">Nama Website</label>
                            <input type="text" name="site_name" class="form-control form-control-admin" value="{{ $settings['site_name'] ?? 'Novalynk' }}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Tagline</label>
                            <input type="text" name="site_tagline" class="form-control form-control-admin" value="{{ $settings['site_tagline'] ?? '' }}">
                        </div>
                        <div class="col-md-12">
                            <label class="form-label">Deskripsi Website</label>
                            <textarea name="site_description" rows="3" class="form-control form-control-admin">{{ $settings['site_description'] ?? '' }}</textarea>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Contact Settings -->
            <div class="card-admin mb-4">
                <div class="card-header-admin">
                    <h5 class="mb-0">Informasi Kontak</h5>
                </div>
                <div class="card-body-admin">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label">Email</label>
                            <input type="email" name="contact_email" class="form-control form-control-admin" value="{{ $settings['contact_email'] ?? '' }}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Telepon</label>
                            <input type="text" name="contact_phone" class="form-control form-control-admin" value="{{ $settings['contact_phone'] ?? '' }}">
                        </div>
                        <div class="col-md-12">
                            <label class="form-label">Alamat</label>
                            <textarea name="contact_address" rows="2" class="form-control form-control-admin">{{ $settings['contact_address'] ?? '' }}</textarea>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">WhatsApp</label>
                            <input type="text" name="contact_whatsapp" class="form-control form-control-admin" value="{{ $settings['contact_whatsapp'] ?? '' }}">
                        </div>
                    </div>
                </div>
            </div>

            <!-- Hero Settings -->
            <div class="card-admin mb-4">
                <div class="card-header-admin">
                    <h5 class="mb-0">Hero Section</h5>
                </div>
                <div class="card-body-admin">
                    <div class="row g-3">
                        <div class="col-md-12">
                            <label class="form-label">Judul Hero</label>
                            <input type="text" name="hero_title" class="form-control form-control-admin" value="{{ $settings['hero_title'] ?? '' }}">
                        </div>
                        <div class="col-md-12">
                            <label class="form-label">Subjudul Hero</label>
                            <textarea name="hero_subtitle" rows="2" class="form-control form-control-admin">{{ $settings['hero_subtitle'] ?? '' }}</textarea>
                        </div>
                    </div>
                </div>
            </div>

            <!-- CTA Settings -->
            <div class="card-admin mb-4">
                <div class="card-header-admin">
                    <h5 class="mb-0">CTA Section</h5>
                </div>
                <div class="card-body-admin">
                    <div class="row g-3">
                        <div class="col-md-12">
                            <label class="form-label">Judul CTA</label>
                            <input type="text" name="cta_title" class="form-control form-control-admin" value="{{ $settings['cta_title'] ?? '' }}">
                        </div>
                        <div class="col-md-12">
                            <label class="form-label">Deskripsi CTA</label>
                            <textarea name="cta_description" rows="2" class="form-control form-control-admin">{{ $settings['cta_description'] ?? '' }}</textarea>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Tombol CTA</label>
                            <input type="text" name="cta_button_text" class="form-control form-control-admin" value="{{ $settings['cta_button_text'] ?? '' }}">
                        </div>
                    </div>
                </div>
            </div>

            <!-- Footer Settings -->
            <div class="card-admin mb-4">
                <div class="card-header-admin">
                    <h5 class="mb-0">Footer</h5>
                </div>
                <div class="card-body-admin">
                    <div class="row g-3">
                        <div class="col-md-12">
                            <label class="form-label">Deskripsi Footer</label>
                            <textarea name="footer_description" rows="2" class="form-control form-control-admin">{{ $settings['footer_description'] ?? '' }}</textarea>
                        </div>
                        <div class="col-md-12">
                            <label class="form-label">Copyright</label>
                            <input type="text" name="footer_copyright" class="form-control form-control-admin" value="{{ $settings['footer_copyright'] ?? '' }}">
                        </div>
                    </div>
                </div>
            </div>

            <div class="card-admin mb-4">
                <div class="card-header-admin">
                    <h5 class="mb-0">AI Assistant Frontend</h5>
                </div>
                <div class="card-body-admin">
                    <div class="row g-3">
                        <div class="col-md-12">
                            <input type="hidden" name="ai_assistant_enabled" value="0">
                            <div class="form-check">
                                <input type="checkbox" name="ai_assistant_enabled" id="ai_assistant_enabled" class="form-check-input" value="1" @checked(($settings['ai_assistant_enabled'] ?? '1') === '1')>
                                <label for="ai_assistant_enabled" class="form-check-label">Aktifkan AI assistant di frontend</label>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Nama Assistant</label>
                            <input type="text" name="ai_assistant_name" class="form-control form-control-admin" value="{{ $settings['ai_assistant_name'] ?? 'Nova AI' }}">
                        </div>
                        <div class="col-md-12">
                            <label class="form-label">Pesan Sambutan</label>
                            <textarea name="ai_assistant_welcome" rows="3" class="form-control form-control-admin">{{ $settings['ai_assistant_welcome'] ?? 'Halo, saya siap membantu menjawab pertanyaan tentang Novalynk berdasarkan isi website ini.' }}</textarea>
                        </div>
                        <div class="col-md-12">
                            <label class="form-label">Placeholder Input</label>
                            <input type="text" name="ai_assistant_placeholder" class="form-control form-control-admin" value="{{ $settings['ai_assistant_placeholder'] ?? 'Tanyakan layanan, portofolio, tim, blog, atau kontak...' }}">
                        </div>
                        <div class="col-md-12">
                            <div class="alert alert-success-custom mb-0" role="alert">
                                <i class="fa-solid fa-circle-info"></i>
                                <div>
                                    Fallback AI eksternal dikonfigurasi lewat file <code>.env</code> dengan variabel <code>AI_ASSISTANT_FALLBACK_*</code>. Jika belum diisi, assistant tetap menjawab dari konten website ini.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Stats Settings -->
            <div class="card-admin mb-4">
                <div class="card-header-admin">
                    <h5 class="mb-0">Statistik</h5>
                </div>
                <div class="card-body-admin">
                    <div class="row g-3">
                        <div class="col-md-3">
                            <label class="form-label">Jumlah Proyek</label>
                            <input type="number" name="stats_projects" class="form-control form-control-admin" value="{{ $settings['stats_projects'] ?? '' }}">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Jumlah Klien</label>
                            <input type="number" name="stats_clients" class="form-control form-control-admin" value="{{ $settings['stats_clients'] ?? '' }}">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Tahun Pengalaman</label>
                            <input type="number" name="stats_years" class="form-control form-control-admin" value="{{ $settings['stats_years'] ?? '' }}">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Jumlah Tim</label>
                            <input type="number" name="stats_team" class="form-control form-control-admin" value="{{ $settings['stats_team'] ?? '' }}">
                        </div>
                    </div>
                </div>
            </div>

            <button type="submit" class="btn btn-admin btn-admin-primary">
                <i class="fa-solid fa-save me-2"></i> Simpan Perubahan
            </button>
        </form>
    </div>
    
    <div class="col-lg-4">
        <!-- Social Links -->
        <div class="card-admin mb-4">
            <div class="card-header-admin">
                <h5 class="mb-0">Social Media</h5>
            </div>
            <div class="card-body-admin">
                <form action="{{ route('admin.settings.social') }}" method="POST">
                    @csrf
                    @method('PUT')
                    <div id="social-links-container">
                        @foreach($socialLinks as $index => $link)
                        <div class="mb-3">
                            <input type="text" name="platform[]" class="form-control form-control-admin mb-2" placeholder="Platform (Facebook)" value="{{ $link->platform }}">
                            <input type="text" name="url[]" class="form-control form-control-admin mb-2" placeholder="URL" value="{{ $link->url }}">
                            <input type="text" name="icon[]" class="form-control form-control-admin" placeholder="Icon Class (fa-facebook)" value="{{ $link->icon }}">
                        </div>
                        @endforeach
                        <!-- Empty template for adding more -->
                        <div class="mb-3">
                            <input type="text" name="platform[]" class="form-control form-control-admin mb-2" placeholder="Platform">
                            <input type="text" name="url[]" class="form-control form-control-admin mb-2" placeholder="URL">
                            <input type="text" name="icon[]" class="form-control form-control-admin" placeholder="Icon Class">
                        </div>
                    </div>
                    <button type="submit" class="btn btn-admin btn-admin-primary w-100">
                        <i class="fa-solid fa-save me-2"></i> Simpan Social Links
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection