@extends('layouts.app')

@section('title', 'QuickSell AI Settings')

@section('content')
<section class="content-header"><h1><i class="fas fa-robot"></i> QuickSell AI Settings <small>Provider, model and safety limits</small></h1></section>
<section class="content">
    <div class="row"><div class="col-md-9">
        <div class="box box-primary"><div class="box-header with-border"><h3 class="box-title">AI Provider</h3></div>
            <form method="POST" action="{{ route('quicksellai.settings.update') }}">@csrf
                <div class="box-body">
                    <div class="alert alert-info"><i class="fa fa-shield-alt"></i> The API key is encrypted before storage. Leaving the key field empty keeps the existing key.</div>
                    <div class="row">
                        <div class="col-md-6 form-group"><label>Provider</label><select class="form-control" name="provider" id="provider" required>
                            @foreach(['openai'=>'OpenAI','anthropic'=>'Anthropic Claude','openrouter'=>'OpenRouter','custom'=>'Custom OpenAI-compatible API'] as $value=>$label)<option value="{{ $value }}" {{ old('provider',$setting->provider ?: 'openai')===$value?'selected':'' }}>{{ $label }}</option>@endforeach
                        </select></div>
                        <div class="col-md-6 form-group"><label>Model</label><input class="form-control" name="model" value="{{ old('model',$setting->model) }}" placeholder="Provider model ID" required></div>
                    </div>
                    <div class="form-group"><label>API Base URL <small class="text-muted">optional for OpenAI, Anthropic and OpenRouter</small></label><input type="url" class="form-control" name="base_url" value="{{ old('base_url',$setting->base_url) }}" placeholder="https://api.example.com/v1"></div>
                    <div class="form-group"><label>API Key</label><input type="password" autocomplete="new-password" class="form-control" name="api_key" placeholder="{{ $setting->hasApiKey() ? 'A key is configured — enter a new value only to replace it' : 'Enter provider API key' }}"></div>
                    <div class="row">
                        <div class="col-md-4 form-group"><label>Daily request limit</label><input type="number" min="1" max="100000" class="form-control" name="daily_request_limit" value="{{ old('daily_request_limit',$setting->daily_request_limit ?: 250) }}" required></div>
                        <div class="col-md-4 form-group"><label>Monthly budget</label><input type="number" min="0" step="0.01" class="form-control" name="monthly_budget" value="{{ old('monthly_budget',$setting->monthly_budget) }}" placeholder="Optional"></div>
                        <div class="col-md-4 form-group"><label>Temperature</label><input type="number" min="0" max="1" step="0.05" class="form-control" name="temperature" value="{{ old('temperature',is_null($setting->temperature)?0.10:$setting->temperature) }}" required><small class="text-muted">Keep low for factual answers.</small></div>
                    </div>
                    <div class="checkbox"><label><input type="checkbox" name="is_enabled" value="1" {{ old('is_enabled',$setting->is_enabled)?'checked':'' }}> Enable AI for this business</label></div>
                </div>
                <div class="box-footer"><button class="btn btn-primary" type="submit"><i class="fa fa-save"></i> Save settings</button> @if($setting->exists && $setting->hasApiKey())<button class="btn btn-default" type="button" id="test_connection"><i class="fa fa-plug"></i> Test connection</button>@endif <a class="btn btn-link" href="{{ route('quicksellai.index') }}">Back to assistant</a></div>
            </form>
        </div>
    </div><div class="col-md-3"><div class="box box-solid"><div class="box-header with-border"><h3 class="box-title">Safety defaults</h3></div><div class="box-body"><ul class="list-unstyled"><li><i class="fa fa-check text-success"></i> Read-only tools</li><li><i class="fa fa-check text-success"></i> Business isolation</li><li><i class="fa fa-check text-success"></i> Role permissions</li><li><i class="fa fa-check text-success"></i> Location restrictions</li><li><i class="fa fa-check text-success"></i> Audited requests</li><li><i class="fa fa-check text-success"></i> Evidence attached</li></ul></div></div></div></div>
</section>
@endsection

@section('javascript')
<script>$(function(){$('#test_connection').on('click',function(){var b=$(this).prop('disabled',true).html('<i class="fa fa-spinner fa-spin"></i> Testing…');$.post(@json(route('quicksellai.settings.test')),{_token:@json(csrf_token())}).done(function(r){toastr.success(r.message);}).fail(function(x){toastr.error((x.responseJSON&&x.responseJSON.message)||'Connection failed');}).always(function(){b.prop('disabled',false).html('<i class="fa fa-plug"></i> Test connection');});});});</script>
@endsection