@extends('layouts.admin')

@section('title', __('AI providers'))

@section('content')
<h1 class="mb-4">{{ __('AI providers') }}</h1>

<div class="row g-4 mb-4">
    <div class="col-12 col-xl-4">
        <div class="card h-100">
            <div class="card-body">
                <h2 class="h5">{{ __('Traffic controls') }}</h2>
                <p class="text-muted small mb-3">{{ __('These global values come from environment/config and shape queueing, cooldowns, and uptime behavior.') }}</p>
                <ul class="small mb-0 ps-3">
                    <li>{{ __('Max concurrent AI requests') }}: <strong>{{ $queueConfig['max_concurrent'] ?? '—' }}</strong></li>
                    <li>{{ __('Queue wait limit') }}: <strong>{{ $queueConfig['max_wait_seconds'] ?? '—' }}s</strong></li>
                    <li>{{ __('Provider failure threshold') }}: <strong>{{ $healthConfig['provider_failure_threshold'] ?? '—' }}</strong></li>
                    <li>{{ __('Provider cooldown') }}: <strong>{{ $healthConfig['provider_cooldown_seconds'] ?? '—' }}s</strong></li>
                    <li>{{ __('Key cooldown') }}: <strong>{{ $healthConfig['key_cooldown_seconds'] ?? '—' }}s</strong></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="col-12 col-xl-8">
        <div class="card h-100">
            <div class="card-body">
                <h2 class="h5">{{ __('Add provider') }}</h2>
                <form method="post" action="{{ route('admin.ai-providers.store') }}" class="row g-3">
                    @csrf
                    <div class="col-md-4">
                        <label class="form-label">{{ __('Slug') }}</label>
                        <input type="text" name="slug" class="form-control" placeholder="my-provider" required>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">{{ __('Name') }}</label>
                        <input type="text" name="name" class="form-control" required>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">{{ __('Driver') }}</label>
                        <select name="driver" class="form-select">
                            <option value="gemini">Google Gemini</option>
                            <option value="openrouter">OpenRouter</option>
                        </select>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">{{ __('Base URL') }}</label>
                        <input type="text" name="base_url" class="form-control">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">{{ __('Model') }}</label>
                        <input type="text" name="model" class="form-control" required>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label">{{ __('Priority') }}</label>
                        <input type="number" name="priority" class="form-control" value="50" min="1" required>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label">{{ __('Timeout') }}</label>
                        <input type="number" name="timeout_seconds" class="form-control" value="20" min="5" required>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label">{{ __('Connect') }}</label>
                        <input type="number" name="connect_timeout_seconds" class="form-control" value="6" min="1" required>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label">{{ __('Max tokens') }}</label>
                        <input type="number" name="max_tokens" class="form-control" value="1100" min="0">
                    </div>
                    <div class="col-md-2">
                        <label class="form-label">{{ __('Temp') }}</label>
                        <input type="number" step="0.01" name="temperature" class="form-control" value="0.35" min="0" max="2" required>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label">{{ __('Retries') }}</label>
                        <input type="number" name="retry_attempts" class="form-control" value="2" min="1" max="6" required>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">{{ __('Provider cooldown') }}</label>
                        <input type="number" name="cooldown_seconds" class="form-control" value="180" min="15" required>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">{{ __('Key cooldown') }}</label>
                        <input type="number" name="key_cooldown_seconds" class="form-control" value="120" min="15" required>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">{{ __('Cache TTL') }}</label>
                        <input type="number" name="cache_ttl_seconds" class="form-control" value="300" min="30" required>
                    </div>
                    <div class="col-md-3 form-check ms-2">
                        <input type="hidden" name="enabled" value="0">
                        <input type="checkbox" name="enabled" value="1" class="form-check-input" id="new-enabled" checked>
                        <label class="form-check-label" for="new-enabled">{{ __('Enabled') }}</label>
                    </div>
                    <div class="col-md-4 form-check ms-2">
                        <input type="hidden" name="supports_streaming" value="0">
                        <input type="checkbox" name="supports_streaming" value="1" class="form-check-input" id="new-streaming" checked>
                        <label class="form-check-label" for="new-streaming">{{ __('Streaming ready') }}</label>
                    </div>
                    <div class="col-12">
                        <button type="submit" class="btn btn-primary">{{ __('Create provider') }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

@if($providers->isEmpty())
    <div class="alert alert-warning">{{ __('Run migrations first to manage AI providers here.') }}</div>
@endif

@foreach($providers as $provider)
    <div class="card mb-4">
        <div class="card-header d-flex flex-wrap justify-content-between align-items-center gap-2">
            <div>
                <strong>{{ $provider->name }}</strong>
                <span class="text-muted">({{ $provider->slug }})</span>
            </div>
            <div class="small text-muted">
                {{ __('Health') }}: <strong>{{ $provider->health_status }}</strong>
                @if($provider->cooldown_until)
                    | {{ __('Cooldown until') }}: {{ $provider->cooldown_until }}
                @endif
            </div>
        </div>
        <div class="card-body">
            <form method="post" action="{{ route('admin.ai-providers.update', $provider) }}" class="row g-3 mb-4">
                @csrf
                @method('put')
                <div class="col-md-3">
                    <label class="form-label">{{ __('Name') }}</label>
                    <input type="text" name="name" class="form-control" value="{{ $provider->name }}" required>
                </div>
                <div class="col-md-4">
                    <label class="form-label">{{ __('Base URL') }}</label>
                    <input type="text" name="base_url" class="form-control" value="{{ $provider->base_url }}">
                </div>
                <div class="col-md-5">
                    <label class="form-label">{{ __('Model') }}</label>
                    <input type="text" name="model" class="form-control" value="{{ $provider->model }}" required>
                </div>
                <div class="col-md-2">
                    <label class="form-label">{{ __('Priority') }}</label>
                    <input type="number" name="priority" class="form-control" value="{{ $provider->priority }}" min="1" required>
                </div>
                <div class="col-md-2">
                    <label class="form-label">{{ __('Timeout') }}</label>
                    <input type="number" name="timeout_seconds" class="form-control" value="{{ $provider->timeout_seconds }}" min="5" required>
                </div>
                <div class="col-md-2">
                    <label class="form-label">{{ __('Connect') }}</label>
                    <input type="number" name="connect_timeout_seconds" class="form-control" value="{{ $provider->connect_timeout_seconds }}" min="1" required>
                </div>
                <div class="col-md-2">
                    <label class="form-label">{{ __('Max tokens') }}</label>
                    <input type="number" name="max_tokens" class="form-control" value="{{ $provider->max_tokens }}" min="0">
                </div>
                <div class="col-md-2">
                    <label class="form-label">{{ __('Temp') }}</label>
                    <input type="number" step="0.01" name="temperature" class="form-control" value="{{ $provider->temperature }}" min="0" max="2" required>
                </div>
                <div class="col-md-2">
                    <label class="form-label">{{ __('Retries') }}</label>
                    <input type="number" name="retry_attempts" class="form-control" value="{{ data_get($provider->settings, 'retry_attempts', 2) }}" min="1" max="6" required>
                </div>
                <div class="col-md-2">
                    <label class="form-label">{{ __('Provider cooldown') }}</label>
                    <input type="number" name="cooldown_seconds" class="form-control" value="{{ data_get($provider->settings, 'cooldown_seconds', 180) }}" min="15" required>
                </div>
                <div class="col-md-2">
                    <label class="form-label">{{ __('Key cooldown') }}</label>
                    <input type="number" name="key_cooldown_seconds" class="form-control" value="{{ data_get($provider->settings, 'key_cooldown_seconds', 120) }}" min="15" required>
                </div>
                <div class="col-md-2">
                    <label class="form-label">{{ __('Cache TTL') }}</label>
                    <input type="number" name="cache_ttl_seconds" class="form-control" value="{{ data_get($provider->settings, 'cache_ttl_seconds', 300) }}" min="30" required>
                </div>
                <div class="col-md-2 form-check ms-2">
                    <input type="hidden" name="enabled" value="0">
                    <input type="checkbox" name="enabled" value="1" class="form-check-input" id="enabled-{{ $provider->id }}" @checked($provider->enabled)>
                    <label class="form-check-label" for="enabled-{{ $provider->id }}">{{ __('Enabled') }}</label>
                </div>
                <div class="col-md-3 form-check ms-2">
                    <input type="hidden" name="supports_streaming" value="0">
                    <input type="checkbox" name="supports_streaming" value="1" class="form-check-input" id="stream-{{ $provider->id }}" @checked($provider->supports_streaming)>
                    <label class="form-check-label" for="stream-{{ $provider->id }}">{{ __('Streaming ready') }}</label>
                </div>
                <div class="col-12">
                    <button type="submit" class="btn btn-outline-primary">{{ __('Save provider') }}</button>
                </div>
            </form>

            <div class="border-top pt-3">
                <h3 class="h6">{{ __('API keys') }}</h3>
                <div class="table-responsive mb-3">
                    <table class="table table-sm align-middle">
                        <thead>
                            <tr>
                                <th>{{ __('Name') }}</th>
                                <th>{{ __('Priority') }}</th>
                                <th>{{ __('Masked key') }}</th>
                                <th>{{ __('Enabled') }}</th>
                                <th>{{ __('Last error') }}</th>
                                <th>{{ __('Rate limited until') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($provider->keys as $key)
                                @php
                                    $rawKey = (string) $key->api_key;
                                    $masked = strlen($rawKey) > 8 ? substr($rawKey, 0, 4).'…'.substr($rawKey, -4) : '********';
                                @endphp
                                <tr>
                                    <td>{{ $key->name }}</td>
                                    <td>{{ $key->priority }}</td>
                                    <td><code>{{ $masked }}</code></td>
                                    <td>{{ $key->enabled ? __('Yes') : __('No') }}</td>
                                    <td>{{ $key->last_error_code ?: '—' }}</td>
                                    <td>{{ $key->rate_limited_until ?: '—' }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <div class="row g-4">
                    <div class="col-lg-5">
                        <form method="post" action="{{ route('admin.ai-providers.keys.store', $provider) }}" class="row g-3">
                            @csrf
                            <div class="col-12">
                                <label class="form-label">{{ __('Add key label') }}</label>
                                <input type="text" name="name" class="form-control" required>
                            </div>
                            <div class="col-6">
                                <label class="form-label">{{ __('Priority') }}</label>
                                <input type="number" name="priority" class="form-control" value="100" min="1" required>
                            </div>
                            <div class="col-12">
                                <label class="form-label">{{ __('API key') }}</label>
                                <input type="password" name="api_key" class="form-control" required autocomplete="new-password">
                            </div>
                            <div class="col-12 form-check ms-2">
                                <input type="hidden" name="enabled" value="0">
                                <input type="checkbox" name="enabled" value="1" class="form-check-input" id="add-key-enabled-{{ $provider->id }}" checked>
                                <label class="form-check-label" for="add-key-enabled-{{ $provider->id }}">{{ __('Enabled') }}</label>
                            </div>
                            <div class="col-12">
                                <button type="submit" class="btn btn-outline-success">{{ __('Add API key') }}</button>
                            </div>
                        </form>
                    </div>
                    <div class="col-lg-7">
                        @foreach($provider->keys as $key)
                            <form method="post" action="{{ route('admin.ai-providers.keys.update', [$provider, $key->id]) }}" class="row g-2 border rounded p-3 mb-3">
                                @csrf
                                @method('put')
                                <div class="col-md-4">
                                    <label class="form-label">{{ __('Key label') }}</label>
                                    <input type="text" name="name" class="form-control form-control-sm" value="{{ $key->name }}" required>
                                </div>
                                <div class="col-md-2">
                                    <label class="form-label">{{ __('Priority') }}</label>
                                    <input type="number" name="priority" class="form-control form-control-sm" value="{{ $key->priority }}" min="1" required>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">{{ __('Replace key') }}</label>
                                    <input type="password" name="api_key" class="form-control form-control-sm" placeholder="{{ __('Leave blank to keep current') }}" autocomplete="new-password">
                                </div>
                                <div class="col-md-2 form-check ms-2">
                                    <input type="hidden" name="enabled" value="0">
                                    <input type="checkbox" name="enabled" value="1" class="form-check-input" id="key-enabled-{{ $key->id }}" @checked($key->enabled)>
                                    <label class="form-check-label" for="key-enabled-{{ $key->id }}">{{ __('Enabled') }}</label>
                                </div>
                                <div class="col-12">
                                    <button type="submit" class="btn btn-sm btn-outline-secondary">{{ __('Save key') }}</button>
                                </div>
                            </form>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
@endforeach
@endsection