@extends('layout')

@section('content')
    <div class="page-head">
        <div class="t"><h1>Soluções</h1><p class="lead">Conheça as soluções e os Aurélios que as acompanham.</p></div>
        <div class="actions"><a href="{{ url('sistemas/novo') }}" class="btn btn--primary"><i class="ic">add</i><span class="lbl">Nova solução</span></a></div>
    </div>
    <form class="toolbar" method="get"><div class="search"><i class="ic">search</i><input type="search" name="q" value="{{ $q }}" placeholder="Buscar solução, slug ou site…"></div></form>
    @if ($systems->isEmpty())
        <div class="card empty pad-lg"><i class="ic xl">apps</i><h2>Nenhuma solução cadastrada</h2><p>Cadastre sua primeira solução e configure um Aurélio para acompanhá-la.</p><a class="btn btn--primary" href="{{ url('sistemas/novo') }}">Cadastrar solução</a></div>
    @else
        <div class="system-grid">
            @foreach ($systems as $system)
                @php
                    $systemSummary = trim((string) $system->summary);
                    if ($systemSummary === '' && filled($system->description)) {
                        $plainDescription = trim(html_entity_decode(strip_tags(\App\Services\RichTextSanitizer::clean((string) $system->description)), ENT_QUOTES | ENT_HTML5, 'UTF-8'));
                        $systemSummary = \Illuminate\Support\Str::limit($plainDescription, 220);
                    }
                @endphp
                <article class="system-card {{ $system->billing_status === 'missing' ? 'system-card--billing-missing' : '' }}">
                    <a class="system-card-main" href="{{ url('sistemas/'.$system->id) }}">
                        <div class="system-card-head"><span class="system-icon">@if($system->logo_path)<img src="{{ uploaded_image_url($system->logo_path) }}" alt="">@else<i class="ic">apps</i>@endif</span><span class="badge badge--{{ $system->status === 'ativo' ? 'ok' : ($system->status === 'pausado' ? 'warn' : 'muted') }}">{{ ucfirst($system->status) }}</span></div>
                        <h2>{{ $system->name }}</h2><p class="system-slug"><i class="ic sm">link</i>{{ $system->slug }}</p>
                        @if($systemSummary !== '')<p class="system-card-summary">{{ $systemSummary }}</p>@endif
                        @if($system->is_saas)<p class="system-client system-client--saas"><i class="ic sm">hub</i>SaaS · Multitenant</p>@endif
                        @if($system->clients_count > 0 && (!$system->is_saas && $system->clients_count === 1))
                            <p class="system-client"><i class="ic sm">business</i>{{ $system->clients->first()->client_name }}</p>
                        @elseif($system->clients_count === 0)
                            <p class="system-opportunity" title="Sem cliente vinculado; acompanhe oportunidades e leads no CRM."><i class="ic sm">person_search</i>Sem clientes · oportunidade de captação</p>
                        @endif
                        @if($system->billing_status === 'missing')<p class="system-billing-alert"><i class="ic sm">warning</i>Cobrança pendente</p>@endif
                        <div class="system-card-foot"><span><i class="ic sm">smart_toy</i>{{ $system->aurelio_name ?: 'Aurélio' }}</span><span>{{ $system->knowledge_count }} documento(s)</span></div>
                    </a>
                    @if($system->clients_count > 0 && ($system->is_saas || $system->clients_count > 1))
                        <details class="system-client-peek">
                            <summary aria-label="{{ $system->clients_count }} clientes vinculados" aria-controls="system-clients-{{ $system->id }}"><i class="ic sm">groups</i><span>{{ $system->clients_count }}</span></summary>
                            <div id="system-clients-{{ $system->id }}" class="system-client-popover">
                                <strong>{{ $system->clients_count }} {{ $system->clients_count === 1 ? 'cliente' : 'clientes' }}</strong>
                                <ul>@foreach($system->clients as $linkedClient)<li>{{ $linkedClient->client_name }}@if($linkedClient->client_company) <span>{{ $linkedClient->client_company }}</span>@endif</li>@endforeach</ul>
                            </div>
                        </details>
                    @endif
                </article>
            @endforeach
        </div>
    @endif
@endsection