@extends('layouts.admin')
@section('title', 'Settings')
@section('page-title', 'Platform Settings')

@section('content')
<form method="POST" action="{{ route('admin.settings.update') }}" enctype="multipart/form-data">
    @csrf
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">

        {{-- General Settings --}}
        <div class="card p-6 rounded-xl">
            <h3 class="text-white font-bold text-base mb-5 pb-3 border-b border-slate-700">General Settings</h3>
            <div class="space-y-4">
                <div>
                    <label class="text-slate-400 text-sm mb-1.5 block">Site Name</label>
                    <input type="text" name="site_name" value="{{ $settings['site_name'] ?? 'Arena X' }}" required class="w-full">
                </div>
                <div>
                    <label class="text-slate-400 text-sm mb-1.5 block">Currency Symbol</label>
                    <input type="text" name="currency_symbol" value="{{ $settings['currency_symbol'] ?? '৳' }}" maxlength="5" required class="w-full">
                </div>
                <div>
                    <label class="text-slate-400 text-sm mb-1.5 block">Site Logo</label>
                    @if(!empty($settings['site_logo']))
                    <img src="{{ asset('storage/'.$settings['site_logo']) }}" id="logo-preview" class="h-12 mb-2 rounded">
                    @else
                    <img id="logo-preview" class="h-12 mb-2 rounded hidden">
                    @endif
                    <input type="file" name="site_logo" accept="image/*" data-preview="logo-preview" class="text-slate-400 text-sm">
                </div>
                <div class="flex items-center justify-between p-4 bg-slate-900 rounded-xl">
                    <div>
                        <p class="text-white font-medium">Maintenance Mode</p>
                        <p class="text-slate-500 text-xs">Show maintenance page to users</p>
                    </div>
                    <label class="relative inline-flex items-center cursor-pointer">
                        <input type="checkbox" name="maintenance_mode" value="1" {{ !empty($settings['maintenance_mode']) && $settings['maintenance_mode'] == '1' ? 'checked' : '' }} class="sr-only peer">
                        <div class="w-11 h-6 bg-slate-700 peer-focus:outline-none rounded-full peer peer-checked:bg-indigo-600 after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:after:translate-x-5"></div>
                    </label>
                </div>
            </div>
        </div>

        {{-- Payment Settings --}}
        <div class="card p-6 rounded-xl">
            <h3 class="text-white font-bold text-base mb-5 pb-3 border-b border-slate-700">Payment Settings</h3>
            <div class="space-y-4">
                <div class="grid grid-cols-2 gap-3">
                    <div>
                        <label class="text-slate-400 text-xs mb-1 block">Min Deposit</label>
                        <input type="number" name="min_deposit" value="{{ $settings['min_deposit'] ?? 10 }}" min="1" step="1" required class="w-full text-sm">
                    </div>
                    <div>
                        <label class="text-slate-400 text-xs mb-1 block">Max Deposit</label>
                        <input type="number" name="max_deposit" value="{{ $settings['max_deposit'] ?? 10000 }}" min="1" step="1" required class="w-full text-sm">
                    </div>
                    <div>
                        <label class="text-slate-400 text-xs mb-1 block">Min Withdraw</label>
                        <input type="number" name="min_withdraw" value="{{ $settings['min_withdraw'] ?? 50 }}" min="1" step="1" required class="w-full text-sm">
                    </div>
                    <div>
                        <label class="text-slate-400 text-xs mb-1 block">Max Withdraw</label>
                        <input type="number" name="max_withdraw" value="{{ $settings['max_withdraw'] ?? 5000 }}" min="1" step="1" required class="w-full text-sm">
                    </div>
                </div>
                <div>
                    <label class="text-slate-400 text-sm mb-1.5 block">Withdraw Commission (%)</label>
                    <input type="number" name="withdraw_commission_percent" value="{{ $settings['withdraw_commission_percent'] ?? 5 }}" min="0" max="100" step="0.1" required class="w-full">
                </div>
                <div>
                    <label class="text-slate-400 text-sm mb-1.5 block">Referral Bonus Amount</label>
                    <input type="number" name="referral_bonus" value="{{ $settings['referral_bonus'] ?? 20 }}" min="0" step="0.01" required class="w-full">
                </div>
                <div class="flex items-center justify-between p-4 bg-slate-900 rounded-xl">
                    <div>
                        <p class="text-white font-medium">Payment Mode</p>
                        <p class="text-slate-500 text-xs">Auto = verify via SMS gateway instantly</p>
                    </div>
                    <select name="payment_mode" class="bg-slate-800 border border-slate-600 rounded-lg px-3 py-2 text-sm text-white focus:outline-none focus:border-indigo-500">
                        <option value="manual" {{ ($settings['payment_mode'] ?? 'manual') === 'manual' ? 'selected' : '' }}>Manual</option>
                        <option value="auto" {{ ($settings['payment_mode'] ?? '') === 'auto' ? 'selected' : '' }}>Auto</option>
                    </select>
                </div>
            </div>
        </div>

        {{-- Payment Numbers --}}
        <div class="card p-6 rounded-xl">
            <h3 class="text-white font-bold text-base mb-5 pb-3 border-b border-slate-700">Payment Numbers</h3>
            <div class="space-y-4">
                @foreach(['bkash_number' => 'bKash Number', 'nagad_number' => 'Nagad Number', 'rocket_number' => 'Rocket Number'] as $key => $label)
                <div>
                    <label class="text-slate-400 text-sm mb-1.5 block">{{ $label }}</label>
                    <input type="text" name="{{ $key }}" value="{{ $settings[$key] ?? '' }}" placeholder="01XXXXXXXXX" class="w-full font-mono">
                </div>
                @endforeach
            </div>
        </div>

        {{-- API Settings --}}
        <div class="card p-6 rounded-xl">
            <h3 class="text-white font-bold text-base mb-5 pb-3 border-b border-slate-700">API Settings</h3>
            <div class="space-y-4">
                <div>
                    <label class="text-slate-400 text-sm mb-1.5 block">SMS Gateway API Secret</label>
                    <input type="text" name="payment_api_secret" value="{{ $settings['payment_api_secret'] ?? '' }}"
                        placeholder="Used for webhook verification" class="w-full font-mono text-sm">
                    <p class="text-slate-500 text-xs mt-1.5">POST /sms-gateway-receiver with header X-API-Secret</p>
                </div>
                <div class="bg-slate-900 rounded-xl p-4">
                    <p class="text-slate-400 text-xs font-medium mb-2">Webhook URL</p>
                    <code class="text-indigo-300 text-xs break-all">{{ url('/sms-gateway-receiver') }}</code>
                </div>
            </div>
        </div>

    </div>

    <div class="mt-6">
        <button type="submit" class="btn-primary px-8 py-3 text-sm font-bold">
            Save All Settings
        </button>
    </div>
</form>
@endsection