@once
    <link rel="stylesheet"
        href="{{ asset('assets/css/laws-project-card.css') }}?v={{ filemtime(public_path('assets/css/laws-project-card.css')) }}">
@endonce
@php
    extract(
        array_merge(
            [
                'lawTypeName' => 'Sem tipo',
                'inPauta' => false,
                'pautaStatus' => ['label' => 'Não está em pauta', 'class' => 'badge-disponivel'],
                'hasReachedPautaLimit' => false,
                'processing' => null,
                'dateEnd' => null,
                'deadlineClass' => null,
                'status' => 'Em elaboração',
                'class' => 'badge-elaboracao',
                'pendingSigners' => collect(),
                'signedSigners' => collect(),
                'cardAccentClass' => 'sl-law-card--accent-blue',
                'isRoot' => false,
                'hasPendingSigners' => false,
                'hasProcessing' => false,
                'isSigned' => false,
                'isProtocolado' => false,
                'showProtocolPill' => false,
                'podeEditar' => false,
                'tooltip' => 'Editar',
                'destinationName' => null,
                'cardCommission' => null,
                'commissionLabel' => null,
                'processingDateLabel' => '-',
                'votingHistoryEntries' => collect(),
                'hasVotingHistory' => false,
                'projectNumberLabel' => null,
                'projectOwnerLabel' => 'Sem autor',
                'projectDateLabel' => '-',
                'projectSummary' => 'Sem ementa cadastrada.',
                'mainStatusLabel' => 'Sem status',
                'mainStatusToneClass' => 'sl-card-status--neutral',
                'mainStatusPillToneClass' => 'sl-card-pill--neutral',
                'internalStatusToneClass' => 'sl-card-pill--neutral',
                'signatureLabel' => 'Sem assinatura',
                'signatureToneClass' => 'sl-card-pill--neutral',
            ],
            $lawsProject->card_view_data ?? [],
        ),
        EXTR_SKIP,
    );
@endphp
<div class="panel panel-default sl-law-card {{ $cardAccentClass }}">
    <span class="sl-law-card__accent" aria-hidden="true"></span>

    <div class="panel-heading sl-law-card__header">
        <div class="sl-law-card__header-main">
            <div class="sl-law-card__title-wrap">
                <label class="sl-law-card__check">
                    <input type="checkbox" name="toDelete" value="{{ $lawsProject->id }}" class="checkDelete" />
                </label>

                <span class="sl-law-card__icon">
                    <i class="fa fa-file-text-o" aria-hidden="true"></i>
                </span>

                <div class="sl-law-card__title-block">
                    {{-- <div class="sl-law-card__micro-top">
                        @shield('lawsProjects.show')
                            <a href="{{ route('lawsProjectDetails', $lawsProject->id) }}"
                                class="sl-law-card__pdf-chip" title="Gerar PDF">
                                <i class="fa fa-file-pdf-o" aria-hidden="true"></i>
                                <span>PDF</span>
                            </a>
                        @endshield
                    </div> --}}

                    <div class="sl-law-card__title-row">
                        <h3 class="sl-law-card__type">{{ $lawTypeName }}</h3>
                        @if ($projectNumberLabel)
                            <span class="sl-law-card__number" id="tdLawProjectNumber{{ $lawsProject->id }}">
                                @if (Auth::user()->roleHasPermission('lawsProject.editnumerolei'))
                                    <a href="javascript:void(0)" id="numberEdit{{ $lawsProject->id }}"
                                        onclick="alteraNumber('{{ $lawsProject->id }}');">
                                        {!! $projectNumberLabel !!}
                                    </a>
                                @else
                                    <span>{!! $projectNumberLabel !!}</span>
                                @endif
                            </span>
                        @endif
                    </div>

                    <p class="sl-law-card__owner-line">
                        <span>{{ $projectOwnerLabel }}</span>
                        <span class="sl-law-card__dot" aria-hidden="true"></span>
                        <span>{{ $projectDateLabel }}</span>
                    </p>
                </div>
            </div>

            <div class="sl-law-card__header-side">
                <div class="sl-law-card__deadline">
                    <i class="fa fa-clock-o" aria-hidden="true"></i>
                    <span>Prazo</span>
                    @if ($dateEnd)
                        <span class="{{ $deadlineClass }}">{{ $dateEnd }}</span>
                    @else
                        <span>-</span>
                    @endif
                </div>
            </div>
        </div>

        <div class="sl-law-card__header-sub">
            <div class="sl-law-card__status-hero {{ $mainStatusToneClass }}">
                <span class="sl-law-card__status-icon">
                    <i class="fa fa-check-circle" aria-hidden="true"></i>
                </span>
                <span class="sl-law-card__status-text">{{ $mainStatusLabel }}</span>
            </div>
            @if ($hasReachedPautaLimit)
                <div class="sl-law-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-law-card__body">
        <div class="sl-law-card__summary">
            <div class="sl-law-card__compact-meta">
                <span class="sl-law-card__compact-item">
                    <strong>Nº</strong>
                    <span>
                        @if ($projectNumberLabel)
                            @if (Auth::user()->roleHasPermission('lawsProject.editnumerolei'))
                                <a href="javascript:void(0)" onclick="alteraNumber('{{ $lawsProject->id }}');">
                                    {!! $projectNumberLabel !!}
                                </a>
                            @else
                                {!! $projectNumberLabel !!}
                            @endif
                        @else
                            -
                        @endif
                    </span>
                </span>
                <span class="sl-law-card__compact-separator">•</span>
                <span id="tdLawProtocol{{ $lawsProject->id }}" class="sl-law-card__compact-item">
                    <strong>Prot.</strong>
                    @if ($lawsProject->protocol > 0)
                        <a href="/lawProjects/print/report/{{ $lawsProject->id }}" target="_blank"
                            class="protocol-text">
                            {{ $lawsProject->protocol }}
                        </a>
                    @elseif(Auth::user()->roleHasPermission('lawsProject.createLawProjectNumber'))
                        <button type="button" class="btn btn-default btn-xs btn-protocol"
                            value="{!! $lawsProject->id !!}">
                            <i class="glyphicon glyphicon-folder-open"></i>
                        </button>
                    @else
                        <span>Sem protocolo</span>
                    @endif
                </span>
            </div>

            <div class="sl-law-card__excerpt sl-law-card__excerpt--clamped">
                {{ $projectSummary }}
            </div>
        </div>

        @if (!empty($lawsProject->search_match_excerpt))
            <div class="sl-law-card__section">
                <span
                    class="sl-law-card__section-label">{{ $lawsProject->search_match_label ?? 'Trecho encontrado' }}</span>
                @if (!empty($lawsProject->search_match_badge_label))
                    <span
                        class="{{ $lawsProject->search_match_badge_class ?? 'label label-default' }} sl-law-card__search-badge">{{ $lawsProject->search_match_badge_label }}</span>
                @endif
                <div class="sl-law-card__highlight">
                    {!! $lawsProject->search_match_excerpt !!}
                </div>
                @if (!empty($lawsProject->search_match_full_text))
                    <div class="sl-law-card__search-more">
                        <button type="button" class="btn tooltip-custom btn-sm"
                            onclick="openLawsProjectSearchResultModal('laws-project-search-full-text-{{ $lawsProject->id }}', @js($lawsProject->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="laws-project-search-full-text-{{ $lawsProject->id }}"
                        class="sl-law-card__search-modal-source">
                        {!! $lawsProject->search_match_full_text !!}
                    </div>
                @endif
            </div>
        @endif

        <div class="sl-law-card__pill-row">
            <span class="sl-card-pill sl-law-card__tramitation-badge {{ $internalStatusToneClass }}">
                <span class="sl-law-card__tramitation-badge-item">
                    <i class="fa fa-map-marker" aria-hidden="true"></i>
                    <span>
                        @if (!$hasProcessing)
                            Não possui tramitação
                        @else
                            {!! !empty($destinationName) ? $destinationName : '-' !!}
                        @endif
                    </span>
                </span>
                <span class="sl-law-card__tramitation-badge-separator">•</span>
                <span class="sl-law-card__tramitation-badge-item">
                    <i class="fa fa-calendar-check-o" aria-hidden="true"></i>
                    <span>{{ $processingDateLabel }}</span>
                </span>
                <span class="sl-law-card__tramitation-badge-separator">•</span>
                <span class="sl-law-card__tramitation-badge-item sl-law-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 ($commissionLabel)
                <span class="sl-card-pill sl-card-pill--neutral">{{ $commissionLabel }}</span>
            @endif
            @if ($lawsProject->is_ready >= 1 && $lawsProject->law_number)
                <span class="sl-card-pill sl-card-pill--success">
                    Lei {{ $lawsProject->law_number }}
                </span>
            @endif
        </div>

        @if ($lawsProject->is_ready >= 1)
            <div class="sl-law-card__deadline-note">
                <i class="fa fa-gavel" aria-hidden="true"></i>
                <span id="tdLawApproved_{{ $lawsProject->id }}">
                    {{ $lawsProject->law_number }} - {{ $lawsProject->law_date_publish }}
                </span>
                @shield('lawProject.approvedEdit')
                    <button type="button" class="btn btn-warning btn-xs" onclick="approvedEdit('{{ $lawsProject->id }}')">
                        <i class="fa fa-pencil"></i>
                    </button>
                @endshield
            </div>
        @else
            @shield('lawsProject.approved')
                <div class="sl-law-card__deadline-note">
                    <i class="fa fa-folder-open" aria-hidden="true"></i>
                    <span id="tdLawApproved{{ $lawsProject->id }}">
                        <button type="button" class="btn btn-default btn-xs btn-approved" value="{!! $lawsProject->id !!}">
                            Marcar aprovação
                        </button>
                    </span>
                </div>
            @endshield
        @endif

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

    <div class="panel-footer sl-law-card__footer">
        <div class="action sl-law-card__actions">
            @shield('signers')
                @if ($isProtocolado)
                    @if ($isSigned)
                        <a href="{!! route('signature.pdf.download', [$lawsProject->id]) !!}" target="_blank"
                            class="btn btn-sm btn-success rounded-pill icon-btn shadow-sm"
                            title="Download documento assinado">
                            <i class="fas fa-download"></i>
                        </a>
                    @else
                        <a @popper(ASSINAR) href="{!! route('lawsrojects.signature', [$lawsProject->id]) !!}"
                            class="btn btn-primary 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
            @endshield

            @shield('lawsProjects.show')
                <a @popper(GERAR PDF) href="{{ route('lawsProjectDetails', $lawsProject->id) }}"
                    class="icon-btn btn-info-footer" title="Visualizar">
                    <i class="far fa-eye"></i>
                </a>
            @endshield

            @if (
                ($lawsProject->town_hall == 1 && $lawsProject->is_read > 0 && Auth::user()->can_request_executive_not_root) ||
                    Auth::user()->hasRole('root'))
                <a @popper(RESPONDER) onclick="answer({{ $lawsProject }})" class="icon-btn btn-dark answer"
                    title="Responder" value="{!! $lawsProject->id !!}">
                    <i class="fa fa-reply"></i>
                </a>
            @endif

            @shield('lawsProject.advices')
                <a @popper(TRÂMITAÇÃO) href="{!! route('lawsProjects.advices', [$lawsProject->id]) !!}" class="icon-btn btn-parecer" title="Tramitação">
                    <i class="glyphicon glyphicon-list-alt"></i>
                </a>
            @endshield

            @if ($lawsProject->law_file)
                <a href="/laws/{{ $lawsProject->law_file }}" class="icon-btn btn-file" title="Parecer">
                    <i class="fa fa-file-pdf-o" aria-hidden="true"></i>
                </a>
            @endif

            @if (!Auth::user()->can_request_executive_not_root || Auth::user()->hasRole('root'))
                @shield('lawsProject.advices')
                    <a @popper(PARECERES) href="{!! route('lawsProjects.legal-option', [$lawsProject->id]) !!}" class="icon-btn btn-solicita" title="Parecer">
                        <i class="fa fa-clipboard"></i>
                    </a>
                @endshield
            @endif

            <a @popper(ANEXOS) href="/lawproject/{{ $lawsProject->id }}/addFiles"
                class="icon-btn btn-anexar btn-sm" title="Anexar">
                <i class="fas fa-paperclip"></i>
            </a>
            @shield('lawsProjects.edit')
                @if ($podeEditar)
                    <a href="{{ route('lawsProjects.edit', [$lawsProject->id]) }}"
                        class="btn btn-editar btn-sm rounded-pill icon-btn shadow-sm" title="{{ $tooltip }}"
                        onclick="(function(e,url,id){
                        try {
                            e.preventDefault();
                            if (typeof setLastAccessedAndRedirect === 'function') {
                                setLastAccessedAndRedirect(url, id);
                            } else {
                                window.location.href = url;
                            }
                        } catch(err) {
                            window.location.href = url;
                        }
                    })(event, {!! json_encode(route('lawsProjects.edit', [$lawsProject->id])) !!}, {!! json_encode($lawsProject->id) !!});">
                        <i class="fas fa-edit"></i>
                    </a>
                @else
                    <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('lawsProjects.delete')
                <form action="{{ route('lawsProjects.destroy', $lawsProject->id) }}" method="POST"
                    class="sl-law-card__delete-form">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="icon-btn btn-lixo" title="Remover"
                        onclick="return confirm('Tem certeza que deseja remover?')">
                        <i class="fa fa-trash"></i>
                    </button>
                </form>
            @endshield
        </div>
    </div>
</div>

@if ($hasVotingHistory)
    <div class="modal fade" id="votes_{{ $lawsProject->id }}" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content modal-no-shadow">
                <div class="modal-header bg-dark no-border">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title">
                        VOTACÃO :
                        {{ $lawTypeName }}

                        <span id="tdLawProjectNumber{{ $lawsProject->id }}">
                            {!! $lawsProject->project_number . '/' . $lawsProject->getYearLawPublish($lawsProject->law_date) !!}
                        </span>
                    </h4>
                </div>
                <div class="modal-body">
                    <ul class="list-group" id="list_votacao">
                        @foreach ($votingHistoryEntries as $item)
                            <li class="list-group-item">
                                Data da sessão : {{ $item['date'] }}

                                <span
                                    class="pull-right {{ str_contains($item['status_label'], 'Rejeitado') ? 'text-danger' : 'text-primary' }}">
                                    {{ $item['status_label'] }}
                                </span>
                            </li>
                        @endforeach
                    </ul>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
                </div>
            </div>
        </div>
    </div>
@endif

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