@extends('layouts.vpm-dashboard', ['active' => 'settings', 'area' => 'admin'])

@section('title', 'Settings')
@section('page_title', 'Settings')
@section('page_subtitle', 'Platform-wide options used across deposits, withdrawals, and registration')

@section('content')
<form method="POST" action="{{ route('admin.settings.update') }}" class="vpm-settings-form">
    @csrf
    @method('PUT')

    @foreach ($groups as $groupKey => $group)
        <section class="vpm-panel vpm-settings-section" id="settings-{{ $groupKey }}">
            <div class="vpm-panel__head">
                <div>
                    <h2 class="vpm-panel__title">{{ $group['label'] }}</h2>
                    @if (! empty($group['description']))
                        <p class="vpm-settings-section__desc">{{ $group['description'] }}</p>
                    @endif
                </div>
            </div>

            <div class="vpm-settings-fields">
                @foreach ($group['fields'] as $key => $field)
                    @php
                        $type = $field['type'] ?? 'string';
                        $value = old($key, $values[$key] ?? ($field['default'] ?? ''));
                    @endphp

                    @if ($type === 'boolean')
                        <label class="vpm-field vpm-field--checkbox vpm-settings-field--check">
                            <input type="hidden" name="{{ $key }}" value="0">
                            <input
                                type="checkbox"
                                name="{{ $key }}"
                                value="1"
                                {{ filter_var($value, FILTER_VALIDATE_BOOLEAN) ? 'checked' : '' }}
                            >
                            <span>
                                <strong>{{ $field['label'] }}</strong>
                                @if (! empty($field['hint']))
                                    <span class="vpm-field__hint">{{ $field['hint'] }}</span>
                                @endif
                            </span>
                        </label>
                    @else
                        <label class="vpm-field">
                            <span class="vpm-field__label">{{ $field['label'] }}</span>
                            <input
                                type="{{ $type === 'number' ? 'number' : ($type === 'email' ? 'email' : 'text') }}"
                                name="{{ $key }}"
                                class="vpm-input"
                                value="{{ $value }}"
                                @if ($type === 'number' && isset($field['min'])) min="{{ $field['min'] }}" @endif
                                @if ($type === 'number' && isset($field['max'])) max="{{ $field['max'] }}" @endif
                                @if ($type === 'number') step="{{ str_contains((string) ($field['default'] ?? ''), '.') ? '0.01' : '1' }}" @endif
                                required
                            >
                            @if (! empty($field['hint']))
                                <span class="vpm-field__hint">{{ $field['hint'] }}</span>
                            @endif
                            @error($key)
                                <span class="vpm-field__error" role="alert">{{ $message }}</span>
                            @enderror
                        </label>
                    @endif
                @endforeach
            </div>
        </section>
    @endforeach

    <section class="vpm-panel vpm-settings-section">
        <div class="vpm-panel__head">
            <div>
                <h2 class="vpm-panel__title">Payment methods</h2>
                <p class="vpm-settings-section__desc">Payment methods users see during deposit. Managed on the Payment methods page.</p>
            </div>
            <x-vpm.button variant="secondary" class="vpm-btn--sm" href="{{ route('admin.wallets') }}">Manage payment methods</x-vpm.button>
        </div>
        <dl class="vpm-settings-meta">
            <div>
                <dt>Total configured</dt>
                <dd>{{ $paymentMethodCount }}</dd>
            </div>
            <div>
                <dt>Active for deposits</dt>
                <dd>{{ $activePaymentMethods }}</dd>
            </div>
        </dl>
    </section>

    <div class="vpm-settings-form__actions">
        <x-vpm.button type="submit" variant="primary" data-loading-label="Saving…">Save all settings</x-vpm.button>
    </div>
</form>
@endsection