@extends('admin::layouts.master')

@section('title', 'Reward Settings')

@section('content')
    <div class="flex justify-between items-center mb-6">
        <h1 class="text-2xl font-bold">Reward Settings</h1>
    </div>

    <div class="bg-white rounded-lg shadow p-6 max-w-lg">
        <form method="POST" action="{{ route('admin.reward-settings.update') }}">
            @csrf
            <table class="w-full text-sm">
                <thead>
                    <tr class="bg-gray-100 text-left">
                        <th class="px-4 py-3 border-b">Key</th>
                        <th class="px-4 py-3 border-b">Value</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($settings as $setting)
                        <tr class="border-b hover:bg-gray-50">
                            <td class="px-4 py-3 font-medium">{{ str_replace('_', ' ', $setting->key) }}</td>
                            <td class="px-4 py-3">
                                @if(in_array($setting->key, ['is_active']))
                                    <select name="settings[{{ $setting->key }}]"
                                        class="w-full border border-gray-300 rounded px-2 py-1 focus:outline-none focus:ring-2 focus:ring-blue-500">
                                        <option value="true" {{ $setting->value === 'true' ? 'selected' : '' }}>Enabled</option>
                                        <option value="false" {{ $setting->value === 'false' ? 'selected' : '' }}>Disabled</option>
                                    </select>
                                @else
                                    <input type="text" name="settings[{{ $setting->key }}]" value="{{ old('settings.' . $setting->key, $setting->value) }}"
                                        class="w-full border border-gray-300 rounded px-2 py-1 focus:outline-none focus:ring-2 focus:ring-blue-500">
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="2" class="px-4 py-8 text-center text-gray-500">No settings found.</td></tr>
                    @endforelse
                </tbody>
            </table>
            <div class="mt-6">
                <button type="submit" class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700">Update Settings</button>
            </div>
        </form>
    </div>
@endsection