@once
    <link rel="stylesheet"
        href="{{ asset('assets/css/document-card.css') }}?v={{ filemtime(public_path('assets/css/document-card.css')) }}">
@endonce
@php
    extract(array_merge([
        'url' => request()->getHost(),
        'documentTypeName' => 'Sem tipo',
        'inPauta' => false,
        'latestPauta' => null,
        'showRemovedFromAgendaStatus' => false,
        'pautaStatus' => ['label' => 'Não está em pauta', 'class' => 'badge-disponivel'],
        'hasReachedPautaLimit' => false,
        'pendingSigners' => collect(),
        'signedSigners' => collect(),
        'status' => 'Em elaboração',
        'class' => 'badge-elaboracao',
        'temporality' => null,
        'temporalityLabel' => null,
        'temporalityClass' => null,
        'limitDate' => null,
        'tenantId' => null,
        'destinationLabel' => null,
        'cardAccentClass' => 'sl-document-card--accent-blue',
        'count' => 0,
        'hasPendingSigners' => false,
        'isSigned' => false,
        'isProtocolado' => false,
        'hasProtocol' => false,
        'showProtocolPill' => false,
        'tooltip' => 'Editar',
        'podeEditar' => false,
        'isRoot' => false,
        'isUsed' => false,
        'podeExcluir' => false,
        'signatureDisabledHost' => false,
        'documentNumberLabel' => null,
        'documentOwnerLabel' => 'Sem autor',
        'documentDateLabel' => '-',
        'documentSummary' => 'Sem ementa cadastrada.',
        'protocolNumber' => null,
        'protocolCreatedAtLabel' => null,
        'originLabel' => 'Expedido',
        'mainStatusLabel' => 'Sem status',
        'mainStatusToneClass' => 'sl-card-status--neutral',
        'mainStatusPillToneClass' => 'sl-card-pill--neutral',
        'internalStatusToneClass' => 'sl-card-pill--neutral',
        'processingDateLabel' => '-',
        'signatureLabel' => 'Sem assinatura',
        'signatureToneClass' => 'sl-card-pill--neutral',
        'temporalityToneClass' => 'sl-card-pill--neutral',
    ], $document->card_view_data ?? []), EXTR_SKIP);
@endphp
<div class="panel panel-default sl-document-card {{ $cardAccentClass }}">
    <span class="sl-document-card__accent" aria-hidden="true"></span>

    <div class="panel-heading sl-document-card__header" data-document-id="{{ $document->id }}">
        <div class="sl-document-card__header-main">
            <div class="sl-document-card__title-wrap">
                <span class="sl-document-card__icon">
                    <i class="fa fa-file-text-o" aria-hidden="true"></i>
                </span>

                <div class="sl-document-card__title-block">
                    <div class="sl-document-card__micro-top">
                        @shield('documents.show')
                            <a href="{!! route('documents.details', [$document->id]) !!}" class="sl-document-card__pdf-chip"
                                onclick="setLastAccessed('{{ $document->id }}')" title="Gerar PDF">
                                <i class="fa fa-file-pdf-o" aria-hidden="true"></i>
                                <span>PDF</span>
                            </a>
                        @endshield
                    </div>

                    <div class="sl-document-card__title-row">
                        <h3 class="sl-document-card__type">{{ $documentTypeName }}</h3>
                        @if ($documentNumberLabel)
                            <span class="sl-document-card__number" id="tdnumber{{ $document->id }}">
                                @if (Auth::user()->roleHasPermission('document.editnumero'))
                                    <a href="javascript:void(0)" id="numberEdit{{ $document->id }}"
                                        onclick="alteraNumero('{{ $document->id }}');">
                                        {!! $documentNumberLabel !!}
                                    </a>
                                @else
                                    <span>{!! $documentNumberLabel !!}</span>
                                @endif
                            </span>
                        @endif
                    </div>

                    <p class="sl-document-card__owner-line">
                        <span class="sl-document-card__owner-name">{{ $documentOwnerLabel }}</span>
                        <span class="sl-document-card__dot" aria-hidden="true"></span>
                        <span class="sl-document-card__owner-date">{{ $documentDateLabel }}</span>
                    </p>
                </div>
            </div>

            <div class="sl-document-card__header-actions">
                <button type="button" class="sl-document-card__info-button"
                    onclick="getDocumentBoxId('{{ $document->id }}')">
                    <i class="fa fa-info-circle" aria-hidden="true"></i>
                </button>
            </div>
        </div>

        <div class="sl-document-card__header-sub">
            <div class="sl-document-card__status-hero {{ $mainStatusToneClass }}">
                <span class="sl-document-card__status-icon">
                    <i class="fa fa-check-circle" aria-hidden="true"></i>
                </span>
                <span class="sl-document-card__status-text">{{ $mainStatusLabel }}</span>
            </div>

            @if ($hasReachedPautaLimit)
                <div class="sl-document-card__status-note">
                    <i class="fa fa-exclamation-circle" aria-hidden="true"></i>
                    Limite de 3 pautas atingido
                </div>
            @endif
        </div>
    </div>

    <div class="panel-body sl-document-card__body">
        <div class="sl-document-card__body-shell">
            <div class="col-sm-12 sl-document-card__summary sl-document-card__summary-shell">
                <div class="sl-document-card__compact-meta">
                    <span class="sl-document-card__compact-item">
                        <strong>Nº</strong>
                        <span>
                            @if ($documentNumberLabel)
                                @if (Auth::user()->roleHasPermission('document.editnumero'))
                                    <a href="javascript:void(0)" onclick="alteraNumero('{{ $document->id }}');">
                                        {!! $documentNumberLabel !!}
                                    </a>
                                @else
                                    {!! $documentNumberLabel !!}
                                @endif
                            @else
                                -
                            @endif
                        </span>
                    </span>
                    <span class="sl-document-card__compact-separator">•</span>
                    <span class="sl-document-card__compact-item" id="tdprotocol{{ $document->id }}">
                        <strong>Prot.</strong>
                        @if (!$hasProtocol && !Auth::user()->roleHasPermission('document.createProtocolNumber'))
                            <span>Sem protocolo</span>
                        @elseif (!$hasProtocol && Auth::user()->roleHasPermission('document.createProtocolNumber'))
                            <button type="button" class="btn btn-default btn-xs btn-protocol"
                                value="{!! $document->id !!}">
                                <i class="glyphicon glyphicon-folder-open"></i>
                            </button>
                        @else
                            @if (Auth::user()->roleHasPermission('document.editprotocol'))
                                <a href="javascript:void(0)" id="linkProtocolo{{ $document->id }}"
                                    onclick="alteraProtocolo(
                                        '{!! $document->id !!}',
                                        '{!! $protocolNumber !!}',
                                        '{{ $protocolCreatedAtLabel }}'
                                    );">
                                    {{ $protocolNumber }}
                                </a>
                            @else
                                <span>{{ $protocolNumber }}</span>
                            @endif
                        @endif
                    </span>
                </div>

                <div class="sl-document-card__excerpt sl-document-card__excerpt--clamped">
                    {{ $documentSummary }}
                </div>

                @if (!empty($document->search_match_excerpt))
                    <div class="sl-document-card__section sl-document-card__section--search">
                        <span class="sl-document-card__section-label">{{ $document->search_match_label ?? 'Trecho encontrado' }}</span>
                        @if (!empty($document->search_match_badge_label))
                            <span
                                class="{{ $document->search_match_badge_class ?? 'label label-default' }} sl-document-card__search-badge">{{ $document->search_match_badge_label }}</span>
                        @endif
                        <div class="sl-document-card__highlight">
                            {!! $document->search_match_excerpt !!}
                        </div>
                        @if (!empty($document->search_match_full_text))
                            <div class="sl-document-card__search-more">
                                <button type="button" class="btn tooltip-custom btn-sm"
                                    onclick="openDocumentSearchResultModal('document-search-full-text-{{ $document->id }}', @js($document->search_match_label ?? 'Resultado da busca'))">
                                    <i class="fa fa-align-left" aria-hidden="true"></i>
                                    <span class="tooltip-text">Ler texto completo</span>
                                </button>
                            </div>
                            <div id="document-search-full-text-{{ $document->id }}"
                                class="sl-document-card__search-modal-source">
                                {!! $document->search_match_full_text !!}
                            </div>
                        @endif
                    </div>
                @endif

                <div class="sl-document-card__pill-row">
                    <span class="sl-card-pill sl-document-card__tramitation-badge {{ $internalStatusToneClass }}">
                        <span class="sl-document-card__tramitation-badge-item">
                            <i class="fa fa-map-marker" aria-hidden="true"></i>
                            <span>{{ filled($destinationLabel) ? $destinationLabel : 'Sem tramitação' }}</span>
                        </span>
                        <span class="sl-document-card__tramitation-badge-separator">•</span>
                        <span class="sl-document-card__tramitation-badge-item">
                            <i class="fa fa-calendar-check-o" aria-hidden="true"></i>
                            <span>{{ $processingDateLabel }}</span>
                        </span>
                        <span class="sl-document-card__tramitation-badge-separator">•</span>
                        <span class="sl-document-card__tramitation-badge-item sl-document-card__tramitation-badge-item--status">
                            {{ $status }}
                        </span>
                    </span>
                    @if ($showProtocolPill)
                        <span class="sl-card-pill sl-card-pill--info">Protocolado</span>
                    @endif
                    <span class="sl-card-pill {{ $signatureToneClass }}">{{ $signatureLabel }}</span>
                    @if ($temporalityLabel)
                        <span class="sl-card-pill {{ $temporalityToneClass }}">
                            {{ $temporalityLabel }}
                        </span>
                    @endif
                </div>

                @if ($limitDate)
                    <div class="sl-document-card__deadline-note">
                        <i class="fa fa-clock-o" aria-hidden="true"></i>
                        <span>Data limite: {{ $limitDate }}</span>
                    </div>
                @endif

                @if (
                    !$inPauta &&
                        !$showRemovedFromAgendaStatus &&
                        (Auth::user()->roleHasPermission('document.read') ||
                            Auth::user()->roleHasPermission('document.approved')))
                    <div class="sl-document-card__workflow-row">
                        <div class="sl-status-grid">
                            @shield('document.read')
                                <label class="sl-status-item" for="lido_{{ $document->id }}">
                                    <span class="sl-status-label">Lido</span>
                                    <span class="sl-approval-toggle">
                                        <input id="lido_{{ $document->id }}" type="checkbox"
                                            class="sl-approval-toggle__input"
                                            onclick="changeRead('{{ $document->id }}')" role="switch"
                                            aria-label="Leitura do documento {{ $document->id }}"
                                            {{ $document->read ? 'checked' : '' }}>
                                        <span class="sl-approval-toggle__ui" aria-hidden="true"></span>
                                    </span>
                                </label>
                            @endshield
                            @shield('document.approved')
                                <label class="sl-status-item" for="approved_{{ $document->id }}">
                                    <span class="sl-status-label">Aprovado</span>
                                    <span class="sl-approval-toggle">
                                        <input id="approved_{{ $document->id }}" class="sl-approval-toggle__input"
                                            onchange="changeApproved('{{ $document->id }}')" type="checkbox"
                                            role="switch" aria-label="Aprovação do documento {{ $document->id }}"
                                            {{ $document->approved ? 'checked' : '' }}>
                                        <span class="sl-approval-toggle__ui" aria-hidden="true"></span>
                                    </span>
                                </label>
                            @endshield
                        </div>
                    </div>
                @endif

                <div class="sl-document-card__utility-row">
                    <button class="btn btn-sm sl-document-card__utility-chip tooltip-custom" data-toggle="modal"
                        data-target="#modalScanner" data-id="{{ $document->id }}">
                        <i class="fa fa-print" aria-hidden="true"></i>
                        <span>Scanner</span>
                    </button>
                    <span class="sl-document-card__utility-chip sl-document-card__utility-chip--static">
                        <i class="fa fa-files-o" aria-hidden="true"></i>
                        <span>{{ $originLabel }}</span>
                    </span>
                </div>
            </div>
        </div>
    </div>

    <div class="panel-footer sl-document-card__footer">
        {!! Form::open(['route' => ['documents.destroy', $document->id], 'method' => 'delete']) !!}
        {!! Form::hidden('return_url', url()->full()) !!}
        <div class="btn-group-footer action sl-document-card__actions" id="tdoptions{{ $document->id }}">

            @shield('list.signers')
                @if (!$signatureDisabledHost)
                    @if ($hasProtocol)
                        @if ($signedSigners->isNotEmpty() && $count == 0)
                            <a href="{!! route('signature.pdf.download', [$document->id]) !!}" target="_blank"
                                class="btn btn-success btn-sm rounded-pill icon-btn shadow-sm"
                                title="Download documento assinado">
                                <i class="fas fa-download"></i>
                            </a>
                        @else
                            <a href="{!! route('documents.signature', [$document->id]) !!}" target="_blank"
                                class="btn btn-sign btn-sm rounded-pill icon-btn shadow-sm" title="Assinar">
                                <i class="fas fa-lock"></i>
                            </a>
                        @endif
                    @else
                        <span class="btn btn-primary btn-sm rounded-pill icon-btn shadow-sm" title="Assinar" disabled>
                            <i class="fas fa-lock"></i>
                        </span>
                    @endif
                @else
                    <span class="btn btn-primary btn-sm rounded-pill icon-btn shadow-sm" title="Assinar" disabled>
                        <i class="fas fa-lock"></i>
                    </span>
                @endif

            @endshield

            @shield('documents.show')
                <a href="{!! route('documents.details', [$document->id]) !!}" class="btn btn-file btn-sm rounded-pill icon-btn shadow-sm"
                    onclick="setLastAccessed('{{ $document->id }}')" title="Gerar PDF">
                    <i class="far fa-eye"></i>
                </a>
            @endshield

            @if (
                ($document->read > 0 && $document->approved > 0 && Auth::user()->can_request_executive_not_root) ||
                    Auth::user()->hasRole('root'))
                <a onclick="answer({{ $document }})"
                    class="btn btn-info-footer btn-sm rounded-pill icon-btn shadow-sm" title="Responder">
                    <i class="fas fa-paper-plane"></i>
                </a>
            @endif

            @if (!Auth::user()->can_request_executive_not_root || Auth::user()->hasRole('root'))
                @shield('documents.advices')
                    <a href="{!! route('documents.advices', [$document->id]) !!}" class="btn btn-dark btn-sm rounded-pill icon-btn shadow-sm"
                        title="Tramitação">
                        <i class="fas fa-list-alt"></i>
                    </a>
                @endshield

                @shield('documents.edit')
                    <a href="{!! route('documents.attachament', [$document->id]) !!}" class="btn btn-anexo btn-sm rounded-pill icon-btn shadow-sm"
                        onclick="setLastAccessed('{{ $document->id }}')" title="Anexar Arquivo">
                        <i class="fas fa-paperclip"></i>
                    </a>
                @endshield

                @shield('documents.advices')
                    <a href="{!! route('documents.legal-option', [$document->id]) !!}" class="btn btn-parecer btn-sm rounded-pill icon-btn shadow-sm"
                        title="Pareceres">
                        <i class="fas fa-clipboard"></i>
                    </a>
                @endshield
                @shield('documents.edit')
                    @if ($podeEditar)
                        {{-- Pode editar normalmente --}}
                        <a href="{{ route('documents.edit', [$document->id]) }}"
                            class="btn btn-editar btn-sm rounded-pill icon-btn shadow-sm" title="{{ $tooltip }}"
                            onclick="event.preventDefault(); setLastAccessedAndRedirect('{{ route('documents.edit', [$document->id]) }}', '{{ $document->id }}')">
                            <i class="fas fa-edit"></i>
                        </a>
                    @elseif ($url == 'caracol.legissuper.com.br' || $url == 'caracol.localhost:8000')
                        {{-- Exceção: pode editar se a URL for caracol --}}
                        <a href="{{ route('documents.edit', [$document->id]) }}"
                            class="btn btn-editar btn-sm rounded-pill icon-btn shadow-sm" title="{{ $tooltip }}"
                            onclick="event.preventDefault(); setLastAccessedAndRedirect('{{ route('documents.edit', [$document->id]) }}', '{{ $document->id }}')">
                            <i class="fas fa-edit"></i>
                        </a>
                    @else
                        {{-- Caso não possa editar --}}
                        <span class="btn btn-editar btn-sm rounded-pill icon-btn disabled shadow-sm"
                            title="{{ $tooltip }}" aria-disabled="true" tabindex="-1">
                            <i class="fas fa-edit"></i>
                        </span>
                    @endif
                @endshield

                @shield('documents.delete')
                    <input id="id_document" type="text" value="{{ $document->id }}" hidden>
                    @if ($podeExcluir)
                        <a @popper(REMOVER)>
                            {!! Form::button('<i class="fas fa-trash"></i>', [
                                'type' => 'submit',
                                'class' => 'btn btn-lixo btn-sm icon-btn',
                                'onclick' => 'sweet(event, ' . $document->id . ')',
                            ]) !!}
                        </a>
                    @else
                        <a @popper('NÃO PODE REMOVER')>
                            {!! Form::button('<i class="fas fa-trash"></i>', [
                                'type' => 'button',
                                'class' => 'btn btn-lixo btn-sm icon-btn disabled',
                                'disabled' => 'disabled',
                            ]) !!}
                        </a>
                    @endif
                @endshield
            @endif
        </div>

        <div class="clearfix"></div>
        {!! Form::close() !!}
    </div>
</div>

@include('documents.modal_boxes')

@once
    @include('documents.partials.card-scripts')
@endonce