@extends('layouts.admin')
@section('page-title', 'Pengaturan Portal')

@section('content')
<div style="display:grid; grid-template-columns:1fr 280px; gap:24px; max-width:960px;">

    {{-- Global Settings --}}
    <div>
        <form method="POST" action="{{ route('admin.settings.update') }}">
            @csrf
            <div class="form-card" style="margin-bottom:20px;">
                <h3 class="form-card-title">Pengaturan Global Portal</h3>

                <div class="form-group">
                    <label class="form-label">Nama Portal</label>
                    <input type="text" name="portal_title" class="form-input"
                           value="{{ $settings['portal_title'] ?? 'Vesta Global Naratama' }}">
                </div>
                <div class="form-group">
                    <label class="form-label">Tagline</label>
                    <input type="text" name="portal_tagline" class="form-input"
                           value="{{ $settings['portal_tagline'] ?? 'One Partner. End-to-End Digital Solutions.' }}">
                </div>
                <div class="form-group">
                    <label class="form-label">Deskripsi</label>
                    <textarea name="portal_description" class="form-textarea" rows="3">{{ $settings['portal_description'] ?? '' }}</textarea>
                </div>
            </div>

            <div class="form-card" style="margin-bottom:20px;">
                <h3 class="form-card-title">Kontak Global</h3>
                <div class="form-group">
                    <label class="form-label">Email</label>
                    <input type="email" name="contact_email" class="form-input"
                           value="{{ $settings['contact_email'] ?? 'info@vestaglobal.co.id' }}">
                </div>
                <div class="form-group">
                    <label class="form-label">Telepon</label>
                    <input type="text" name="contact_phone" class="form-input"
                           value="{{ $settings['contact_phone'] ?? '+62-21-555-7890' }}">
                </div>
                <div class="form-group">
                    <label class="form-label">Website</label>
                    <input type="text" name="contact_website" class="form-input"
                           value="{{ $settings['contact_website'] ?? 'vestaglobal.co.id' }}">
                </div>
            </div>

            <div class="form-card" style="margin-bottom:20px;">
                <h3 class="form-card-title">Analytics</h3>
                <div class="form-group">
                    <label class="form-label">Google Analytics ID</label>
                    <input type="text" name="analytics_id" class="form-input"
                           placeholder="G-XXXXXXXXXX"
                           value="{{ $settings['analytics_id'] ?? '' }}">
                </div>
            </div>

            <button type="submit" class="btn-admin-primary">Simpan Pengaturan Portal</button>
        </form>
    </div>

    {{-- Brand Quick Links --}}
    <div>
        <div class="form-card">
            <h3 class="form-card-title">Pengaturan per Brand</h3>
            <p style="color:var(--muted); font-size:13px; margin-bottom:16px;">
                Konfigurasi kontak, sosial media, dan pengaturan spesifik tiap brand.
            </p>
            @foreach ($brands as $brand)
                <a href="{{ route('admin.settings.brand', $brand) }}"
                   class="sidebar-link"
                   style="display:flex; margin-bottom:4px; border-radius:8px; padding:10px 12px; background:var(--surface);">
                    <span style="margin-right:8px;">🌐</span>
                    {{ $brand->name }}
                    <span style="margin-left:auto; color:var(--muted);">→</span>
                </a>
            @endforeach
        </div>
    </div>
</div>
@endsection