@extends('admin._layout')

@section('title', 'إعدادات النظام')

@push('head')
<style>
    .setting-row {
        display: flex; align-items: center; justify-content: space-between;
        padding: 1rem 0; border-bottom: 1px dashed #e2e8f0;
        gap: 1.25rem;
    }
    .setting-row:last-child { border-bottom: 0; }
    .setting-row .meta { flex: 1; min-width: 0; }
    .setting-row .meta .key { font-family: monospace; font-size: .78rem; color: #94a3b8; }
    .setting-row .meta .desc { color: #475569; font-size: .92rem; margin-top: .15rem; }
    .setting-row .control { width: 240px; flex-shrink: 0; }
    .setting-row.is-default .meta { opacity: .92; }
    .default-pill {
        display: inline-block; padding: .1rem .45rem; border-radius: .35rem;
        background: #f1f5f9; color: #64748b; font-size: .7rem; margin-inline-start: .35rem;
    }
</style>
@endpush

@php
    // Group keys by section for clearer presentation. Anything not listed
    // here lands in "متفرقات" — keeps the page extensible without code edits
    // when new keys are added to SystemSetting::DEFAULTS.
    $sections = [
        'platform' => [
            'title' => 'المنصّة',
            'icon' => 'building',
            'keys' => ['platform_name', 'support_email', 'support_phone'],
        ],
        'subscription' => [
            'title' => 'الاشتراكات والتجربة',
            'icon' => 'credit-card',
            'keys' => ['default_trial_days', 'expiration_grace_days', 'default_currency'],
        ],
        'notifications' => [
            'title' => 'الإشعارات',
            'icon' => 'bell',
            'keys' => ['send_welcome_email', 'send_expiration_warning'],
        ],
        'safety' => [
            'title' => 'الأمان والصيانة',
            'icon' => 'shield',
            'keys' => ['maintenance_mode'],
        ],
    ];

    $known = collect($sections)->pluck('keys')->flatten()->all();
    $other = collect($settings)->keys()->diff($known)->all();
    if ($other) {
        $sections['other'] = ['title' => 'متفرقات', 'icon' => 'dots', 'keys' => $other];
    }
@endphp

@section('content')
<div class="page-header">
    <div class="row align-items-center">
        <div class="col">
            <h2 class="page-title mb-1">إعدادات النظام</h2>
            <div class="text-muted small">القيم المعلّمة بـ <span class="default-pill">افتراضي</span> لم تُعدّل بعد ويتم استخدام قيمتها الأصلية.</div>
        </div>
    </div>
</div>

<form method="POST" action="{{ route('admin.settings.update') }}">
    @csrf
    @foreach($sections as $sectionKey => $section)
        <div class="card mb-3">
            <div class="card-header">
                <h3 class="card-title mb-0">
                    <i class="ti ti-{{ $section['icon'] }} me-1"></i> {{ $section['title'] }}
                </h3>
            </div>
            <div class="card-body">
                @foreach($section['keys'] as $key)
                    @php $s = $settings[$key] ?? null; @endphp
                    @if($s)
                        <div class="setting-row {{ $s['is_default'] ? 'is-default' : '' }}">
                            <div class="meta">
                                <div class="key">{{ $s['key'] }}
                                    @if($s['is_default']) <span class="default-pill">افتراضي</span> @endif
                                </div>
                                <div class="desc">{{ $s['description'] }}</div>
                            </div>
                            <div class="control">
                                @if($s['type'] === 'bool')
                                    <label class="form-check form-switch m-0">
                                        <input type="hidden" name="settings[{{ $s['key'] }}]" value="0">
                                        <input type="checkbox" class="form-check-input" name="settings[{{ $s['key'] }}]"
                                               value="1" {{ $s['value'] ? 'checked' : '' }}>
                                        <span class="form-check-label">{{ $s['value'] ? 'مفعّل' : 'معطّل' }}</span>
                                    </label>
                                @elseif($s['type'] === 'int')
                                    <input type="number" min="0" class="form-control"
                                           name="settings[{{ $s['key'] }}]" value="{{ $s['value'] }}">
                                @else
                                    <input type="text" class="form-control"
                                           name="settings[{{ $s['key'] }}]" value="{{ $s['value'] }}"
                                           maxlength="200">
                                @endif
                            </div>
                        </div>
                    @endif
                @endforeach
            </div>
        </div>
    @endforeach

    <div class="d-flex justify-content-end mt-3">
        <button class="btn btn-primary"><i class="ti ti-check me-1"></i> حفظ الإعدادات</button>
    </div>
</form>
@endsection