@extends('layouts.app')

@section('title', __('dashboard.General Settings'))
@section('page_heading', __('dashboard.General Settings'))

@section('content')
@include('layouts.partials.workspace-page-styles')

<div class="workspace-shell">
    <div class="workspace-body">
        <div class="collection-card__header">
            <div class="collection-card__intro">
                <span class="collection-card__icon"><i class="fa-solid fa-gear"></i></span>
                <div class="collection-card__title">
                    <h2>{{ __('dashboard.General Settings') }}</h2>
                    <p>إعدادات النظام العامة.</p>
                </div>
            </div>
        </div>

        <form action="{{ route('dashboard.settings.update', ['type' => $type]) }}" method="POST" enctype="multipart/form-data" class="mt-4">
            @csrf

            <div class="app-grid gap-4">
                @foreach($settings as $setting)
                @if($setting->data_type !== 'hidden')
                <div class="md:col-span-6">
                    <label for="{{ $setting->key }}" class="app-label font-bold">
                        {{ __(ucfirst(str_replace('_', ' ', $setting->key))) }}
                    </label>

                    @if($setting->data_type === 'textarea')
                        <textarea class="app-input @error("settings.{$setting->key}.value") app-input--invalid @enderror" id="{{ $setting->key }}" name="settings[{{ $setting->key }}][value]" rows="3">{{ old("settings.{$setting->key}.value", $setting->value) }}</textarea>
                    @elseif($setting->data_type === 'select')
                        <select class="app-input app-select @error("settings.{$setting->key}.value") app-input--invalid @enderror" id="{{ $setting->key }}" name="settings[{{ $setting->key }}][value]">
                            <option value="">{{ __('dashboard.Choose an option') }}</option>
                            @foreach(json_decode($setting->options ?? '[]') as $option)
                                <option value="{{ $option->value }}" @selected(old("settings.{$setting->key}.value", $setting->value) == $option->value)>{{ __($option->label) }}</option>
                            @endforeach
                        </select>
                    @elseif($setting->data_type === 'checkbox')
                        <div class="app-check app-check--switch mt-2">
                            <input type="checkbox" class="app-check__input" id="{{ $setting->key }}" name="settings[{{ $setting->key }}][value]" value="1" @checked(old("settings.{$setting->key}.value", $setting->value) == '1')>
                            <label class="app-check__label" for="{{ $setting->key }}"></label>
                        </div>
                    @elseif($setting->data_type === 'file')
                        @if($setting->value && Storage::exists($setting->value))
                            <div style="margin-bottom:1rem;padding:1rem;border:1px solid var(--border);border-radius:12px;background:var(--bg-card)">
                                @if(in_array($setting->key, ['site_logo', 'site_favicon']))
                                    <img src="{{ Storage::url($setting->value) }}" alt="{{ $setting->key }}" style="max-width:200px;max-height:100px;object-fit:contain;border-radius:8px;margin-bottom:.5rem">
                                @endif
                                <div style="display:flex;gap:.5rem">
                                    <a href="{{ Storage::url($setting->value) }}" target="_blank" class="app-btn app-btn--secondary app-btn--sm"><i class="fa-solid fa-eye me-1"></i>{{ __('dashboard.View') }}</a>
                                </div>
                            </div>
                        @endif
                        <input type="file" class="app-input @error("settings.{$setting->key}.value") app-input--invalid @enderror" id="{{ $setting->key }}" name="settings[{{ $setting->key }}][value]" accept="image/*">
                    @elseif($setting->data_type === 'radio')
                        <div class="flex flex-wrap gap-3 mt-2">
                            @foreach(json_decode($setting->options ?? '[]') as $option)
                            <div class="app-check">
                                <input class="app-check__input" type="radio" name="settings[{{ $setting->key }}][value]" id="{{ $setting->key }}-{{ $option->value }}" value="{{ $option->value }}" @checked(old("settings.{$setting->key}.value", $setting->value) == $option->value)>
                                <label class="app-check__label" for="{{ $setting->key }}-{{ $option->value }}">{{ __($option->label) }}</label>
                            </div>
                            @endforeach
                        </div>
                    @else
                        <input type="{{ $setting->data_type }}" class="app-input @error("settings.{$setting->key}.value") app-input--invalid @enderror" id="{{ $setting->key }}" name="settings[{{ $setting->key }}][value]" value="{{ old("settings.{$setting->key}.value", $setting->value) }}">
                    @endif

                    <input type="hidden" name="settings[{{ $setting->key }}][key]" value="{{ $setting->key }}">
                    @error("settings.{$setting->key}.value")<div class="app-field-error block">{{ $message }}</div>@enderror
                </div>
                @else
                    <input type="hidden" id="{{ $setting->key }}" name="settings[{{ $setting->key }}][value]" value="{{ old("settings.{$setting->key}.value", $setting->value) }}">
                    <input type="hidden" name="settings[{{ $setting->key }}][key]" value="{{ $setting->key }}">
                @endif
                @endforeach
            </div>

            <div class="flex justify-end gap-2 mt-5">
                <button type="reset" class="app-btn app-btn--secondary">{{ __('dashboard.Cancel') }}</button>
                <button type="submit" class="app-btn app-btn--primary">{{ __('dashboard.Save Settings') }}</button>
            </div>
        </form>
    </div>
</div>
@endsection