{{-- General Settings Tab --}}
<div class="space-y-4 max-w-2xl">
    <h3 class="font-display text-lg font-semibold text-gray-800">General Settings</h3>
    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
        <div>
            <label class="form-label">Working Days Per Week</label>
            <input type="number" name="settings[working_days_per_week]" value="{{ $values['working_days_per_week'] ?? 5 }}" class="form-input" min="1" max="7">
        </div>
        <div>
            <label class="form-label">Weekend Days</label>
            <input type="text" name="settings[weekend_days]" value="{{ is_array($values['weekend_days'] ?? null) ? implode(', ', $values['weekend_days']) : ($values['weekend_days'] ?? 'friday, saturday') }}" class="form-input" placeholder="friday, saturday">
            <p class="form-hint">Comma-separated day names</p>
        </div>
        <div>
            <label class="form-label">Date Format</label>
            <select name="settings[date_format]" class="form-select">
                @foreach(['DD/MM/YYYY','MM/DD/YYYY','YYYY-MM-DD'] as $fmt)
                    <option value="{{ $fmt }}" {{ ($values['date_format'] ?? 'DD/MM/YYYY') === $fmt ? 'selected' : '' }}>{{ $fmt }}</option>
                @endforeach
            </select>
        </div>
        <div>
            <label class="form-label">Default Timezone</label>
            <select name="settings[timezone]" class="form-select">
                @foreach(['Asia/Muscat','Asia/Dubai','Asia/Riyadh','UTC'] as $tz)
                    <option value="{{ $tz }}" {{ ($values['timezone'] ?? 'Asia/Muscat') === $tz ? 'selected' : '' }}>{{ $tz }}</option>
                @endforeach
            </select>
        </div>
        <div>
            <label class="form-label">Default Pagination</label>
            <select name="settings[pagination_default]" class="form-select">
                @foreach([10,25,50,100] as $p)
                    <option value="{{ $p }}" {{ ($values['pagination_default'] ?? 25) == $p ? 'selected' : '' }}>{{ $p }} per page</option>
                @endforeach
            </select>
        </div>
        <div>
            <label class="form-label">Session Timeout (minutes)</label>
            <input type="number" name="settings[session_timeout]" value="{{ $values['session_timeout'] ?? 120 }}" class="form-input" min="15">
        </div>
        <div>
            <label class="form-label">Minimum Password Length</label>
            <input type="number" name="settings[password_min_length]" value="{{ $values['password_min_length'] ?? 8 }}" class="form-input" min="6" max="32">
        </div>
    </div>
</div>