@php
    $internal = $system->isInternal();
    $managementPath = \App\Models\System::managementPath($system);
    $activeInstallation = $installations->first();
    $logoUrl = uploaded_image_url($system->logo_path);
    $systemDescription = \App\Services\RichTextSanitizer::clean((string) $system->description);
    $plainSystemDescription = trim(html_entity_decode(strip_tags($systemDescription), ENT_QUOTES | ENT_HTML5, 'UTF-8'));
    $systemSummary = trim((string) $system->summary);
    if ($systemSummary === '' && $plainSystemDescription !== '') {
        $systemSummary = \Illuminate\Support\Str::limit($plainSystemDescription, 280);
    }
    $salesDescription = \App\Services\RichTextSanitizer::clean((string) $system->sales_description);
@endphp
@extends('layout')

@section('content')
    <div class="page-head page-head--rich system-detail-head">
        @include('partials.context-back')
        <div class="system-detail-columns">
            <div class="t">
                <div class="detail-hero">
                    <div class="tags"><span
                            class="badge badge--{{ $system->status === 'ativo' ? 'ok' : 'warn' }}">{{ ucfirst($system->status) }}</span>
                    </div>
                    <div class="detail-identity"><span class="entity-avatar entity-avatar--xl entity-avatar--square">
                            @if ($logoUrl !== null)
                                <img src="{{ $logoUrl }}" alt="">
                            @else
                                <i class="ic">apps</i>
                            @endif
                        </span>
                        <h1>{{ $system->name }}</h1>
                    </div>
                    @if ($systemSummary !== '')
                        <p class="lead system-summary-display">{{ $systemSummary }}</p>
                    @else
                        <p class="lead">Solução cadastrada no OmniAURIOS.</p>
                    @endif
                </div>
            </div>
            <div class="actions system-detail-actions" aria-label="Ações da solução">
                @if (!$internal)
                    <a href="{{ url('sistemas/' . $system->id . '/monitoramento') }}" class="btn btn--primary system-action-main">
                        <i class="ic">monitor_heart</i><span class="lbl">Monitoramento</span>
                    </a>
                @else
                    <a href="{{ url('saude') }}" class="btn btn--primary system-action-main">
                        <i class="ic">monitor_heart</i><span class="lbl">Saúde do painel</span>
                    </a>
                @endif
                <div class="system-action-links">
                    @if ($sourceProject)
                        <a href="{{ url('projetos/' . $sourceProject->id) }}" class="btn btn--ghost system-action-plan">
                            <i class="ic">folder</i><span class="lbl">Planejamento</span>
                        </a>
                    @endif
                    <a href="{{ url('sistemas/' . $system->id . '/aurelio') }}" class="btn btn--subtle system-action-assistant">
                        <i class="ic">psychology</i><span class="lbl">Central do Aurélio</span>
                    </a>
                    <a href="{{ url($managementPath . '/editar') }}" class="btn btn--ghost system-action-edit">
                        <i class="ic">edit</i><span class="lbl">Editar</span>
                    </a>
                </div>
            </div>
        </div>
    </div>

    @if ($systemDescription !== '')
        <details class="card system-full-description">
            <summary><i class="ic sm">description</i> Ver descrição completa</summary>
            <div class="rich-content">{!! $systemDescription !!}</div>
        </details>
    @endif

    @if ($installToken !== null)
        <div class="notice notice--ok system-token-notice">
            <i class="ic">key</i>
            <span><strong>Chave exibida uma única vez.</strong> Copie o token abaixo para gerar o script de
                instalação.</span>
        </div>
        <div class="card pad system-snippet">
            <div class="card-head">
                <h2>Instalação do Aurélio</h2><span class="grow"></span><span
                    class="badge badge--accent plain">produção</span>
            </div>
            <div class="card-body">
                <label class="small muted" for="install-token">Token público da instalação</label>
                <div class="token-line"><input id="install-token" readonly value="{{ $installToken }}"><button
                        type="button" class="btn btn--subtle btn--sm" data-copy-target="install-token">Copiar</button>
                </div>
                <pre><code>&lt;script src="{{ url('widget/aurelio.js?v=14') }}" data-aurelio-key="{{ $installToken }}" async&gt;&lt;/script&gt;</code></pre>
                <p class="muted small">A chave identifica esta instalação. Ela não concede acesso ao OPS e pode ser renovada
                    a qualquer momento.</p>
            </div>
        </div>
    @endif

    <div class="detail grid cols-2">
        <section class="card system-agent-card">
            <div class="card-head">
                <h2><i class="ic sm">smart_toy</i> {{ $system->aurelio_name ?: 'Aurélio' }}</h2><span
                    class="grow"></span><span
                    class="badge badge--{{ ($system->aurelio_status ?: 'ativo') === 'ativo' ? 'ok' : 'warn' }}">{{ ucfirst($system->aurelio_status ?: 'ativo') }}</span>
            </div>
            <div class="card-body">
                <div class="meta-list system-agent-meta">
                    <div class="m">
                        <div class="l">Modelo do Aurélio</div>
                        <div class="val">{{ $system->aurelio_model ?: 'default' }}</div>
                    </div>
                    <div class="m">
                        <div class="l">Arquitetura</div>
                        <div class="val">{{ $system->is_saas ? 'SaaS · Multitenant' : 'Solução dedicada' }}</div>
                    </div>
                    @if (!$system->is_saas)
                        <div class="m">
                            <div class="l">Cliente</div>
                            <div class="val">{{ $system->client_name ?: 'Não vinculado' }}</div>
                        </div>
                    @endif
                    <div class="m">
                        <div class="l">Site</div>
                        <div class="val">{{ $system->website_url ?: 'Não informado' }}</div>
                    </div>
                </div>
                <form method="post" action="{{ url('sistemas/' . $system->id . '/instalacao/renovar') }}" data-ajax
                    data-confirm="Renovar a chave? A chave atual será desativada.">
                    @csrf
                    <button type="submit" class="btn btn--ghost btn--sm"><i class="ic sm">key</i> Renovar
                        instalação</button>
                </form>
                @if ($activeInstallation !== null)
                    <form method="post" action="{{ url('sistemas/' . $system->id . '/instalacao/origens') }}" data-ajax
                        data-method="PATCH" class="installation-origins-form">
                        @csrf
                        <div class="field">
                            <label for="allowed-origins">Origens permitidas</label>
                            <input id="allowed-origins" name="allowed_origins"
                                value="{{ $activeInstallation->allowed_origins }}"
                                placeholder="https://cliente.com.br, https://www.cliente.com.br">
                            <p class="hint">Separe por vírgula ou espaço. Use somente a origem, sem caminho. Wildcard (*)
                                não é permitido.</p>
                        </div>
                        <button type="submit" class="btn btn--subtle btn--sm"><i class="ic sm">verified_user</i> Salvar
                            origens</button>
                    </form>
                @endif
            </div>
        </section>

        <section class="card">
            <div class="card-head">
                <h2><i class="ic sm">menu_book</i> Base de conhecimento</h2><span class="grow"></span><span
                    class="muted small">{{ $documents->count() }} documento(s)</span>
            </div>
            <div class="card-body">
                <form method="post" action="{{ url('sistemas/' . $system->id . '/conhecimento') }}"
                    enctype="multipart/form-data">
                    @csrf
                    <div class="field"><label for="knowledge-title">Título opcional</label><input type="text"
                            id="knowledge-title" name="title" maxlength="180" placeholder="Ex.: Manual de acesso">
                    </div>
                    <div class="field"><label for="knowledge-file">Arquivo Markdown ou texto</label><input
                            type="file" id="knowledge-file" name="knowledge_file"
                            accept=".md,.markdown,.txt,text/markdown,text/plain" required></div>
                    <button type="submit" class="btn btn--subtle btn--sm"><i class="ic sm">upload_file</i> Enviar para
                        indexação</button>
                </form>
                @if ($documents->isNotEmpty())
                    <div class="rows" style="margin-top:14px">
                        @foreach ($documents as $document)
                            <a class="item"
                                href="{{ url('sistemas/' . $system->id . '/aurelio/documentos/' . $document->id) }}"
                                title="Abrir documento indexado">
                                <span class="ico"><i class="ic sm">description</i></span>
                                <span class="tx">
                                    <p>{{ $document->title }}</p><span class="sub">{{ $document->filename }} ·
                                        {{ $document->chunks_count }} bloco(s)</span>
                                </span>
                                <span
                                    class="badge badge--{{ $document->status === 'indexado' ? 'ok' : ($document->status === 'falhou' ? 'bad' : 'warn') }} plain">{{ $document->status }}</span>
                                <i class="ic sm muted" aria-hidden="true">chevron_right</i>
                            </a>
                        @endforeach
                    </div>
                @endif
            </div>
        </section>
        @if ($salesDescription !== '')
            <section class="card sales-copy-card">
                <div class="card-head">
                    <h2><i class="ic sm">campaign</i> Descrição para venda</h2><span class="grow"></span><span
                        class="muted small">mensagem pronta</span>
                </div>
                <div class="card-body">
                    <div class="rich-content sales-copy">{!! $salesDescription !!}</div>
                </div>
            </section>
        @endif
    </div>
@endsection