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

@section('content')
<form action="{{ route('admin.settings.update') }}" method="POST" enctype="multipart/form-data" style="max-width:900px">
    @csrf
    @php $s = $settings; @endphp

    <div class="card mb-3">
        <div class="card-header bg-white fw-semibold">General</div>
        <div class="card-body row g-3">
            <div class="col-md-6"><label class="form-label">Site Name (EN)</label><input type="text" name="site_name" value="{{ old('site_name', $s['site_name'] ?? '') }}" class="form-control"></div>
            <div class="col-md-6"><label class="form-label">Site Name (বাংলা)</label><input type="text" name="site_name_bn" value="{{ old('site_name_bn', $s['site_name_bn'] ?? '') }}" class="form-control"></div>
            <div class="col-md-6"><label class="form-label">Tagline (EN)</label><input type="text" name="tagline" value="{{ old('tagline', $s['tagline'] ?? '') }}" class="form-control"></div>
            <div class="col-md-6"><label class="form-label">Tagline (বাংলা)</label><input type="text" name="tagline_bn" value="{{ old('tagline_bn', $s['tagline_bn'] ?? '') }}" class="form-control"></div>
            <div class="col-md-6">
                <label class="form-label">Logo</label>
                @if(!empty($s['logo']))<div><img src="{{ \Illuminate\Support\Facades\Storage::url($s['logo']) }}" style="height:40px" class="mb-2"></div>@endif
                <input type="file" name="logo" class="form-control" accept="image/*">
            </div>
        </div>
    </div>

    <div class="card mb-3">
        <div class="card-header bg-white fw-semibold">Theme Customizer</div>
        <div class="card-body row g-3">
            <div class="col-md-4">
                <label class="form-label">Primary Color</label>
                <input type="color" name="theme_color" value="{{ old('theme_color', $s['theme_color'] ?? '#e63946') }}" class="form-control form-control-color" style="width:100%">
            </div>
            <div class="col-md-4">
                <label class="form-label">Secondary Color</label>
                <input type="color" name="secondary_color" value="{{ old('secondary_color', $s['secondary_color'] ?? '#1d3557') }}" class="form-control form-control-color" style="width:100%">
            </div>
            <div class="col-12"><label class="form-label">Top Bar Text</label><input type="text" name="top_bar_text" value="{{ old('top_bar_text', $s['top_bar_text'] ?? '') }}" class="form-control"></div>
        </div>
    </div>

    <div class="card mb-3">
        <div class="card-header bg-white fw-semibold">Contact</div>
        <div class="card-body row g-3">
            <div class="col-md-6"><label class="form-label">Phone / Hotline</label><input type="text" name="contact_phone" value="{{ old('contact_phone', $s['contact_phone'] ?? '') }}" class="form-control"></div>
            <div class="col-md-6"><label class="form-label">Email</label><input type="email" name="contact_email" value="{{ old('contact_email', $s['contact_email'] ?? '') }}" class="form-control"></div>
            <div class="col-md-6"><label class="form-label">WhatsApp</label><input type="text" name="whatsapp" value="{{ old('whatsapp', $s['whatsapp'] ?? '') }}" class="form-control"></div>
            <div class="col-md-6"><label class="form-label">Facebook URL</label><input type="text" name="facebook" value="{{ old('facebook', $s['facebook'] ?? '') }}" class="form-control"></div>
            <div class="col-12"><label class="form-label">Address</label><input type="text" name="contact_address" value="{{ old('contact_address', $s['contact_address'] ?? '') }}" class="form-control"></div>
        </div>
    </div>

    <div class="card mb-3">
        <div class="card-header bg-white fw-semibold">SEO & Analytics</div>
        <div class="card-body row g-3">
            <div class="col-md-6"><label class="form-label">Meta Title</label><input type="text" name="meta_title" value="{{ old('meta_title', $s['meta_title'] ?? '') }}" class="form-control"></div>
            <div class="col-md-6"><label class="form-label">Google Analytics ID</label><input type="text" name="google_analytics_id" value="{{ old('google_analytics_id', $s['google_analytics_id'] ?? '') }}" class="form-control" placeholder="G-XXXXXXX"></div>
            <div class="col-12"><label class="form-label">Meta Description</label><textarea name="meta_description" rows="2" class="form-control">{{ old('meta_description', $s['meta_description'] ?? '') }}</textarea></div>
        </div>
    </div>

    <button class="btn btn-accent px-4">Save Settings</button>
</form>
@endsection