@extends('layouts.app')

@section('page-title', __('app.ai_setting.title'))

@section('content')
    @if ($errors->any())
        <div class="alert alert-error" style="margin-bottom:20px">
            <ul style="margin:0;padding-left:18px">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <p style="max-width:640px;margin-bottom:20px">{{ __('app.ai_setting.description') }}</p>

    <form method="POST" action="{{ route('admin.ai-settings.update') }}" style="max-width:640px">
        @csrf
        @method('PUT')

        @foreach ($providers as $provider)
            <div class="ai-provider-card">
                <label class="ai-provider-radio">
                    <input type="radio" name="active_provider" value="{{ $provider }}"
                           @checked(old('active_provider', $setting->active_provider) === $provider)>
                    <span style="font-weight:600">{{ __('app.ai_setting.provider.'.$provider) }}</span>
                    @if ($configuredProviders[$provider])
                        <span class="badge badge-status-resolved">{{ __('app.ai_setting.configured') }}</span>
                    @else
                        <span class="badge badge-status-closed">{{ __('app.ai_setting.not_configured') }}</span>
                    @endif
                </label>

                <div class="ai-provider-fields">
                    @foreach ($providerFields[$provider] as $field)
                        @php $name = "{$provider}_{$field}"; @endphp
                        <div class="form-group" style="margin-bottom:10px">
                            <label for="{{ $name }}">{{ __('app.ai_setting.'.$field) }}</label>

                            @if ($field === 'api_key')
                                <input type="password" id="{{ $name }}" name="{{ $name }}" class="form-control"
                                       value="{{ old($name) }}" autocomplete="new-password">
                                <small style="display:block;margin-top:4px;color:var(--grey)">
                                    {{ $setting->hasApiKey($provider) ? __('app.ai_setting.api_key_set_hint') : __('app.ai_setting.api_key_unset_hint') }}
                                </small>
                                @if ($setting->hasApiKey($provider))
                                    <label style="font-weight:400;margin-top:4px;display:inline-flex;align-items:center;gap:6px">
                                        <input type="checkbox" name="clear_{{ $name }}" value="1">
                                        {{ __('app.ai_setting.clear_api_key') }}
                                    </label>
                                @endif
                            @else
                                <input type="text" id="{{ $name }}" name="{{ $name }}" class="form-control"
                                       value="{{ old($name, $setting->{$name} ?: $configDefaults[$provider][$field]) }}">
                            @endif
                        </div>
                    @endforeach
                </div>
            </div>
        @endforeach

        <button type="submit" class="btn btn-primary">{{ __('app.ai_setting.save') }}</button>
    </form>
@endsection