@extends('app-admin.layout')
@section('title','Platform Settings — Wavora Admin')
@section('page-title','Platform Settings')
@section('page-sub','GOWA, billing, queue & gateway configuration')

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

{{-- Messages --}}
@if(session('success'))
<div style="background:#d1fae5;border:1px solid #a7f3d0;border-radius:10px;padding:12px 14px;margin-bottom:16px;display:flex;gap:8px;align-items:center">
    <span class="ms" style="color:#059669">check_circle</span>
    <span style="font-size:13px;color:#065f46">{{ session('success') }}</span>
</div>
@endif
@if($errors->any())
<div style="background:#fee2e2;border:1px solid #fecaca;border-radius:10px;padding:12px 14px;margin-bottom:16px">
    @foreach($errors->all() as $e)
    <div style="font-size:13px;color:#991b1b;display:flex;gap:6px;align-items:center"><span class="ms" style="font-size:14px">error</span>{{ $e }}</div>
    @endforeach
</div>
@endif

<div class="grid-2">
    {{-- Platform Identity --}}
    <div class="card">
        <div class="card-title" style="display:flex;align-items:center;gap:6px">
            <span class="ms" style="color:var(--blue)">badge</span> Platform Identity
        </div>
        <div style="display:flex;flex-direction:column;gap:14px">
            <div class="form-group">
                <label class="form-label">Platform Name</label>
                <input class="form-input" name="platform_name" value="{{ old('platform_name',$settings['platform_name']??'') }}" required>
            </div>
            <div class="form-group">
                <label class="form-label">Support Email</label>
                <input class="form-input" type="email" name="support_email" value="{{ old('support_email',$settings['support_email']??'') }}" placeholder="support@example.com">
            </div>
            <div class="form-group">
                <label class="form-label">Timezone</label>
                <input class="form-input" name="default_timezone" value="{{ old('default_timezone',$settings['default_timezone']??'Asia/Jakarta') }}" required>
            </div>
            <div class="form-group">
                <label class="form-label">Currency</label>
                <input class="form-input" name="default_currency" maxlength="3" value="{{ old('default_currency',$settings['default_currency']??'IDR') }}" style="text-transform:uppercase" required>
            </div>
        </div>
    </div>

    {{-- GOWA Gateway --}}
    <div class="card">
        <div class="card-title" style="display:flex;align-items:center;gap:6px">
            <span class="ms" style="color:#25d366">hub</span> WA Gateway / GOWA
        </div>
        <div style="display:flex;flex-direction:column;gap:14px">
            <div class="form-group">
                <label class="form-label">Default Node</label>
                <select class="form-select" name="default_node_id">
                    <option value="">Auto / none</option>
                    @foreach($nodes as $node)
                    <option value="{{ $node->id }}" @selected(old('default_node_id',$settings['default_node_id']??'') == $node->id)>
                        {{ $node->name }} — {{ $node->status }}
                    </option>
                    @endforeach
                </select>
            </div>
            <div class="form-group">
                <label class="form-label">GOWA Base URL</label>
                <input class="form-input" name="gowa_base_url" value="{{ old('gowa_base_url',$settings['gowa_base_url']??'') }}" placeholder="http://gowa:3000" required>
                <span class="form-hint">Internal container URL to GOWA service</span>
            </div>
            <div class="form-group">
                <label class="form-label">GOWA Timeout (seconds)</label>
                <input class="form-input" type="number" name="gowa_timeout_seconds" min="1" max="120" value="{{ old('gowa_timeout_seconds',$settings['gowa_timeout_seconds']??30) }}" required>
            </div>
        </div>
    </div>

    {{-- Queue & Limits --}}
    <div class="card">
        <div class="card-title" style="display:flex;align-items:center;gap:6px">
            <span class="ms" style="color:var(--yellow,#d97706)">queue</span> Queue & Rate Limits
        </div>
        <div style="display:flex;flex-direction:column;gap:14px">
            <div class="form-group">
                <label class="form-label">Queue Connection</label>
                <input class="form-input" name="queue_connection" value="{{ old('queue_connection',$settings['queue_connection']??'redis') }}" required>
            </div>
            <div class="form-group">
                <label class="form-label">Global Messages per Minute</label>
                <input class="form-input" type="number" name="messages_per_minute" min="1" value="{{ old('messages_per_minute',$settings['messages_per_minute']??60) }}" required>
            </div>
            <div style="display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--frost)">
                <input type="checkbox" name="maintenance_mode" id="maintenance_mode" value="1"
                    @checked(old('maintenance_mode',$settings['maintenance_mode']??false))
                    style="width:16px;height:16px;accent-color:#bfff5a">
                <div>
                    <label for="maintenance_mode" style="font-size:13px;font-weight:600;cursor:pointer">Maintenance Mode</label>
                    <div style="font-size:11px;color:var(--muted)">Blocks new API requests while on</div>
                </div>
            </div>
        </div>
    </div>

    {{-- Webhook --}}
    <div class="card">
        <div class="card-title" style="display:flex;align-items:center;gap:6px">
            <span class="ms" style="color:var(--purple,#7c3aed)">webhook</span> Webhook & Retry
        </div>
        <div style="display:flex;flex-direction:column;gap:14px">
            <div class="form-group">
                <label class="form-label">Retry Attempts</label>
                <input class="form-input" type="number" name="webhook_retry_attempts" min="0" max="20" value="{{ old('webhook_retry_attempts',$settings['webhook_retry_attempts']??3) }}" required>
            </div>
            <div class="form-group">
                <label class="form-label">Webhook Timeout (seconds)</label>
                <input class="form-input" type="number" name="webhook_timeout_seconds" min="1" max="120" value="{{ old('webhook_timeout_seconds',$settings['webhook_timeout_seconds']??30) }}" required>
            </div>
        </div>
    </div>
</div>

{{-- Gateway Nodes Table --}}
<div class="card" style="margin-top:16px">
    <div class="card-title" style="display:flex;align-items:center;gap:6px;margin-bottom:14px">
        <span class="ms" style="color:var(--blue)">hub</span> Gateway Nodes
        <span class="badge badge-blue" style="margin-left:4px">{{ count($nodes) }}</span>
    </div>
    <div class="table-wrap">
        <table>
            <thead><tr><th>Name</th><th>Base URL</th><th>Status</th><th>Capabilities</th></tr></thead>
            <tbody>
            @forelse($nodes as $node)
            <tr>
                <td style="font-weight:500">{{ $node->name }}</td>
                <td class="td-mono">{{ $node->base_url }}</td>
                <td><span class="badge {{ $node->status==='active'?'badge-green':'badge-gray' }}">{{ $node->status }}</span></td>
                <td style="font-size:12px;color:var(--muted)">{{ implode(', ',$node->capabilities??[]) }}</td>
            </tr>
            @empty
            <tr><td colspan="4"><div class="empty"><span class="ms">hub</span><p>No nodes configured</p></div></td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>

{{-- Platform Settings Debug Table --}}
<div class="card" style="margin-top:16px">
    <div class="card-title" style="display:flex;align-items:center;gap:6px;margin-bottom:4px">
        <span class="ms" style="color:var(--muted)">table_view</span> Stored Settings
    </div>
    <p style="font-size:12px;color:var(--muted);margin-bottom:12px">Data from <code class="td-mono">platform_settings</code> table</p>
    <div class="table-wrap">
        <table>
            <thead><tr><th>Group</th><th>Key</th><th>Type</th><th>Value</th></tr></thead>
            <tbody>
            @forelse($settingRows as $row)
            <tr>
                <td><span class="badge badge-gray">{{ $row->group }}</span></td>
                <td class="td-mono">{{ $row->key }}</td>
                <td style="font-size:12px;color:var(--muted)">{{ $row->type }}</td>
                <td class="td-mono" style="font-size:12px;max-width:300px;overflow:hidden;text-overflow:ellipsis">
                    {{ json_encode($row->value, JSON_UNESCAPED_SLASHES|JSON_UNESCAPED_UNICODE) }}
                </td>
            </tr>
            @empty
            <tr><td colspan="4"><div class="empty"><span class="ms">table_view</span><p>No settings stored yet</p></div></td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>

<div style="margin-top:20px;display:flex;gap:10px">
    <button class="btn btn-apple" type="submit">
        <span class="ms">save</span> Save Settings
    </button>
    <a href="{{ route('app-admin.dashboard') }}" class="btn btn-ghost">Cancel</a>
</div>
</form>
@endsection