@extends('layout')

@section('content')
    @php
        $editing = $system !== null;
        $internalSystem = $system?->isInternal() ?? false;
        $agentAccentColor = old('accent_color', $system?->aurelio_accent_color);
        if (!\App\Services\Appearance::isHex((string) $agentAccentColor)) {
            $agentAccentColor = \App\Services\Appearance::accent();
        }
    @endphp
    <div class="page-head">@include('partials.context-back')<div class="t"><h1>{{ $editing ? 'Editar solução' : 'Nova solução' }}</h1></div></div>
    <form class="form wide card pad-lg" method="post" enctype="multipart/form-data" action="{{ url($editing ? 'sistemas/'.$system->id : 'sistemas') }}" data-ajax data-method="{{ $editing ? 'PUT' : 'POST' }}">
        @csrf @if($editing) @method('PUT') @endif
        <div class="form-grid">
            <div class="field{{ field_state('name') }}" style="grid-column:1/-1"><label>Nome <span class="hint">obrigatório</span></label><input name="name" maxlength="180" required value="{{ field_value($system, 'name') }}">{!! field_error('name') !!}</div>
            @unless($internalSystem)
                @php
                    $selectedClientIds = array_values(array_unique(array_map('intval', (array) old('client_ids', $system ? ($system->is_saas ? $system->clients->modelKeys() : array_values(array_filter([(int) $system->client_id]))) : []))));
                    $selectedClients = $clients->whereIn('id', $selectedClientIds)->sortBy('name')->values();
                    $availableClients = $clients->where('status', 'ativo')->whereNotIn('id', $selectedClientIds)->sortBy('name')->values();
                @endphp
            <div class="field system-client-manager" style="grid-column:1/-1" data-system-client-manager>
                <div class="system-client-manager-head"><label for="system-client-picker">Clientes vinculados</label><span class="hint">Selecione os clientes que utilizam esta solução. Ao remover, pediremos confirmação.</span></div>
                <div class="system-linked-clients" data-system-client-list aria-live="polite">
                    @foreach($selectedClients as $client)
                        <article class="system-linked-client" data-system-client-card data-client-id="{{ $client->id }}">
                            <a class="system-linked-client-profile" href="{{ url('clientes/'.$client->id) }}" title="Abrir perfil de {{ $client->name }}">
                                <span class="system-linked-client-avatar"><i class="ic sm">person</i></span>
                                <span class="system-linked-client-copy"><strong>{{ $client->name }}</strong><small>{{ $client->company ?: 'Abrir perfil do cliente' }}</small></span>
                            </a>
                            <input type="hidden" name="client_ids[]" value="{{ $client->id }}">
                            <button type="button" class="system-linked-client-remove" data-system-client-remove aria-label="Remover {{ $client->name }}" title="Remover cliente"><i class="ic sm">close</i></button>
                        </article>
                    @endforeach
                    <p class="system-linked-clients-empty{{ $selectedClients->isEmpty() ? '' : ' is-hidden' }}" data-system-client-empty>Nenhum cliente vinculado.</p>
                </div>
                <div class="field system-client-picker-field">
                    <label class="sr-only" for="system-client-picker">Adicionar cliente à solução</label>
                    <select id="system-client-picker" data-searchable-select data-system-client-select>
                        <option value="">— Adicionar cliente —</option>
                        @foreach($availableClients as $client)
                            <option value="{{ $client->id }}" data-client-name="{{ $client->name }}" data-client-company="{{ $client->company }}">{{ $client->name }}{{ $client->company ? ' · '.$client->company : '' }}</option>
                        @endforeach
                    </select>
                    {!! field_error('client_ids') !!}
                </div>
            </div>
            @endunless
            <div class="field"><label>Situação</label><select name="status">@foreach(\App\Models\System::STATUSES as $status)<option value="{{ $status }}" {{ field_value($system, 'status', 'ativo') === $status ? 'selected' : '' }}>{{ label($status) }}</option>@endforeach</select></div>
            <div class="field" style="grid-column:1/-1"><label>Site</label><input type="url" name="website_url" maxlength="500" placeholder="https://…" value="{{ field_value($system, 'website_url') }}"></div>
            <div class="field" style="grid-column:1/-1"><label>Logo <span class="hint">JPG, PNG ou WebP · até 5 MB</span></label><div class="upload-preview"><span class="entity-avatar entity-avatar--square entity-avatar--lg">@if($system?->logo_path)<img src="{{ uploaded_image_url($system->logo_path) }}" alt="">@else<i class="ic">apps</i>@endif</span><input type="file" name="logo" accept="image/jpeg,image/png,image/webp"></div></div>
        </div>
        <div class="field system-summary-field">
            <div class="system-summary-label"><label for="system-summary">Resumo para listagem</label><button type="button" class="btn btn--subtle btn--sm" data-system-summary-ai data-url="{{ url('sistemas/resumo-ia') }}"><i class="ic sm">auto_awesome</i> Resumir com IA</button></div>
            <textarea id="system-summary" name="summary" rows="3" maxlength="500" placeholder="Uma apresentação curta da solução…" data-system-summary>{{ old('summary', $system?->summary ?? '') }}</textarea>
            <span class="hint" data-system-summary-status>O resumo aparece no catálogo. A IA sugere um texto para você revisar antes de salvar.</span>
            {!! field_error('summary') !!}
        </div>
        <div class="field"><label>Descrição completa</label>@include('partials.rich-editor', ['richEditorId' => 'system-description', 'richEditorName' => 'description', 'richEditorValue' => field_raw_value($system, 'description'), 'richEditorMaxlength' => 4000, 'richEditorPlaceholder' => 'Contexto, escopo e como a solução funciona…'])</div>
        <div class="field"><label>Descrição para venda</label>@include('partials.rich-editor', ['richEditorId' => 'system-sales-description', 'richEditorName' => 'sales_description', 'richEditorValue' => field_raw_value($system, 'sales_description'), 'richEditorMaxlength' => 6000, 'richEditorPlaceholder' => 'Mensagem comercial pronta para leads…'])</div>
        @if($editing)
            <hr class="hr"><h2 style="margin:16px 0">Aurélio desta solução</h2>
            <div class="form-grid">
                <div class="field"><label>Nome</label><input name="agent_name" required value="{{ field_value($system, 'aurelio_name') }}"></div><div class="field"><label>Situação</label><select name="agent_status"><option value="ativo" {{ field_value($system, 'aurelio_status') === 'ativo' ? 'selected' : '' }}>Ativo</option><option value="pausado" {{ field_value($system, 'aurelio_status') === 'pausado' ? 'selected' : '' }}>Pausado</option></select></div>
                @if($system->isInternal())
                    <input type="hidden" name="provider" value=""><input type="hidden" name="model" value="default">
                    <div class="field"><label>Inteligência do OPS</label><a class="btn btn--subtle" href="{{ url('configuracoes/ia') }}"><i class="ic sm">neurology</i> Gerenciar provedor e modelo global</a><span class="hint">O Aurélio interno sempre herda essa configuração.</span></div>
                @else
                    <div class="field"><label for="aurelio-provider">Provedor</label><select id="aurelio-provider" name="provider" data-provider-select data-global-provider="{{ $aiDefaults['provider'] }}" data-models-url="{{ url('configuracoes/ia/modelos') }}"><option value="">Padrão do OPS</option>@foreach($aiProviders as $providerKey=>$provider)<option value="{{ $providerKey }}" @selected(field_value($system, 'aurelio_provider')===$providerKey)>{{ $provider['label'] }}</option>@endforeach</select></div>
                    <div class="field"><label for="aurelio-model">Modelo</label><select id="aurelio-model" name="model" required data-searchable-select data-system-model data-selected="{{ field_value($system, 'aurelio_model', 'default') }}"><option value="default">Padrão do provedor</option></select><span class="hint">Escolha “Padrão do provedor” para acompanhar o modelo global quando o provedor também herdar o OPS.</span></div>
                @endif
                <div class="field"><label for="aurelio-accent-color">Cor</label><input id="aurelio-accent-color" class="aurelio-color-picker" type="color" name="accent_color" required value="{{ $agentAccentColor }}" aria-label="Cor de acento do Aurélio"></div>
                <div class="field" style="grid-column:1/-1"><label>Boas-vindas</label><input name="welcome_message" required maxlength="500" value="{{ field_value($system, 'welcome_message') }}"></div>
            </div>
            <div class="field"><label>Instruções do Aurélio</label><textarea name="system_prompt" rows="6" maxlength="12000">{{ field_value($system, 'system_prompt') }}</textarea></div>
        @endif
        <div class="form-actions"><a class="btn btn--ghost" href="{{ url($editing ? 'sistemas/'.$system->id : 'sistemas') }}">Cancelar</a><button class="btn btn--primary" type="submit"><i class="ic">check</i> {{ $editing ? 'Salvar alterações' : 'Criar solução' }}</button></div>
    </form>
    @if($editing)
        <script src="{{ asset('assets/js/ai-settings.js') }}?v=20261002" nonce="{{ $cspNonce }}" defer></script>
    @endif
@endsection