@extends('layouts.admin')

@section('page-title', 'Site Settings')

@section('content')
    <form method="POST" action="{{ route('admin.settings.update') }}" enctype="multipart/form-data">
        @csrf

        <div class="admin-card">
            <div class="section-divider">Hero Section</div>

            <div class="form-group">
                <label>Hero Heading</label>
                <textarea name="settings[hero_heading]" rows="2">{{ old('settings.hero_heading', $settings['hero_heading'] ?? "STRATEGIC ADVOCACY.\nPROVEN RESULTS.") }}</textarea>
                <small>Use a new line where you want a line break.</small>
            </div>

            <div class="form-group">
                <label>Hero Button Text</label>
                <input type="text" name="settings[hero_button_text]" value="{{ old('settings.hero_button_text', $settings['hero_button_text'] ?? 'Schedule Consultation') }}">
            </div>

            <div class="form-group">
                <label>Hero Portrait Image</label>
                @if(!empty($settings['hero_portrait']))
                    <div style="margin-bottom:10px;"><img src="{{ media_url($settings['hero_portrait']) }}" style="width:120px;border-radius:4px;"></div>
                @endif
                <input type="file" name="hero_portrait" accept="image/*">
                <small>Recommended: portrait orientation, at least 600x750px</small>
            </div>
        </div>

        <div class="admin-card">
            <div class="section-divider">Profile Section</div>

            <div class="form-group">
                <label>Section Heading</label>
                <input type="text" name="settings[profile_heading]" value="{{ old('settings.profile_heading', $settings['profile_heading'] ?? 'Profile') }}">
            </div>

            <div class="form-group">
                <label>Bio Text</label>
                <textarea name="settings[profile_bio]" rows="4">{{ old('settings.profile_bio', $settings['profile_bio'] ?? '') }}</textarea>
            </div>

            <div class="form-group">
                <label>Footer Text (shown below bio)</label>
                <textarea name="settings[profile_footer_text]" rows="3">{{ old('settings.profile_footer_text', $settings['profile_footer_text'] ?? '') }}</textarea>
            </div>

            <div class="form-group">
                <label>Profile Avatar (small photo)</label>
                @if(!empty($settings['profile_avatar']))
                    <div style="margin-bottom:10px;"><img src="{{ media_url($settings['profile_avatar']) }}" style="width:80px;border-radius:4px;"></div>
                @endif
                <input type="file" name="profile_avatar" accept="image/*">
            </div>
        </div>

        <div class="admin-card">
            <div class="section-divider">Stats / Counters</div>

            <div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;">
                <div class="form-group">
                    <label>Legal Consultations</label>
                    <input type="number" min="0" name="settings[stat_consultations]" value="{{ old('settings.stat_consultations', $settings['stat_consultations'] ?? 0) }}">
                </div>
                <div class="form-group">
                    <label>Happy Clients</label>
                    <input type="number" min="0" name="settings[stat_clients]" value="{{ old('settings.stat_clients', $settings['stat_clients'] ?? 0) }}">
                </div>
                <div class="form-group">
                    <label>Court Appearances</label>
                    <input type="number" min="0" name="settings[stat_court_appearances]" value="{{ old('settings.stat_court_appearances', $settings['stat_court_appearances'] ?? 0) }}">
                </div>
                <div class="form-group">
                    <label>Years of Experience</label>
                    <input type="number" min="0" name="settings[stat_years]" value="{{ old('settings.stat_years', $settings['stat_years'] ?? 0) }}">
                </div>
            </div>
        </div>

        <div class="admin-card">
            <div class="section-divider">Footer / Contact</div>

            <div class="form-group">
                <label>Name (shown in nav + footer)</label>
                <input type="text" name="settings[footer_name]" value="{{ old('settings.footer_name', $settings['footer_name'] ?? '') }}">
            </div>
            <div class="form-group">
                <label>Title / Designation</label>
                <input type="text" name="settings[footer_title]" value="{{ old('settings.footer_title', $settings['footer_title'] ?? 'Senior Advocate') }}">
            </div>
            <div class="form-group">
                <label>Phone</label>
                <input type="text" name="settings[contact_phone]" value="{{ old('settings.contact_phone', $settings['contact_phone'] ?? '') }}">
            </div>
            <div class="form-group">
                <label>Email</label>
                <input type="email" name="settings[contact_email]" value="{{ old('settings.contact_email', $settings['contact_email'] ?? '') }}">
            </div>
            <div class="form-group">
                <label>Location</label>
                <input type="text" name="settings[contact_location]" value="{{ old('settings.contact_location', $settings['contact_location'] ?? '') }}">
            </div>
        </div>

        <div class="admin-card">
            <div class="section-divider">Site-wide</div>
            <div class="form-group">
                <label>Site Name (fallback browser tab title)</label>
                <input type="text" name="settings[site_name]" value="{{ old('settings.site_name', $settings['site_name'] ?? '') }}">
            </div>
        </div>

        <button type="submit" class="btn">Save Settings</button>
    </form>
@endsection