@php
    $modalId = 'ppModalNovaPrioridade';
    $candidatosUrl = $prioridadesCandidatosUrl ?? '';
    $adicionarUrl = $prioridadesAdicionarUrl ?? '';
    $origemPrioridade = $prioridadeOrigem ?? 'SUPOP';
@endphp

<div class="modal fade" id="{{ $modalId }}" tabindex="-1" aria-labelledby="{{ $modalId }}Titulo" aria-hidden="true"
    data-pp-prioridade-modal
    data-candidatos-url="{{ e($candidatosUrl) }}"
    data-adicionar-url="{{ e($adicionarUrl) }}"
    data-origem="{{ e($origemPrioridade) }}"
    data-label-loading="{{ e(__('Carregando projetos…')) }}"
    data-label-saving="{{ e(__('Salvando…')) }}"
    data-label-search="{{ e(__('Buscar por nome, código ou gestor')) }}"
    data-label-select-all="{{ e(__('Selecionar todos elegíveis')) }}"
    data-label-deselect-all="{{ e(__('Limpar seleção')) }}"
    data-label-already="{{ e(__('Já prioritário')) }}"
    data-label-incomplete="{{ e(__('Cadastro em edição')) }}"
    data-label-empty-list="{{ e(__('Nenhum projeto encontrado.')) }}"
    data-label-empty-filter="{{ e(__('Nenhum resultado para a busca.')) }}"
    data-label-url-invalid="{{ e(__('Configuração do modal inválida. Recarregue a página.')) }}"
    data-label-fetch-error="{{ e(__('Não foi possível carregar a lista de projetos.')) }}"
    data-label-save-error="{{ e(__('Não foi possível salvar as prioridades.')) }}">
    <div class="modal-dialog modal-lg modal-dialog-scrollable modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <div>
                    <h5 class="modal-title" id="{{ $modalId }}Titulo">{{ __('Nova prioridade') }}</h5>
                    <p class="small text-muted mb-0 mt-1">{{ __('Selecione um ou mais projetos com cadastro concluído para incluir na lista de prioridades.') }}</p>
                </div>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ __('Fechar') }}"></button>
            </div>
            <div class="modal-body">
                <div class="alert alert-danger small d-none mb-2" role="alert" data-pp-prioridade-modal-erro></div>
                <div class="small text-muted mb-2 d-none" role="status" data-pp-prioridade-modal-loading></div>
                <div class="d-flex flex-wrap gap-2 mb-3 d-none" data-pp-prioridade-modal-toolbar>
                    <div class="flex-grow-1" style="min-width: 200px;">
                        <label class="visually-hidden" for="ppPrioridadeModalBusca">{{ __('Buscar por nome, código ou gestor') }}</label>
                        <input type="search" class="form-control form-control-sm" id="ppPrioridadeModalBusca"
                            data-pp-prioridade-modal-busca autocomplete="off"
                            placeholder="{{ __('Buscar por nome, código ou gestor') }}">
                    </div>
                    <div class="d-flex flex-wrap gap-1 align-items-center">
                        <button type="button" class="btn btn-outline-secondary btn-sm" data-pp-prioridade-modal-select-all>
                            {{ __('Selecionar todos elegíveis') }}
                        </button>
                        <button type="button" class="btn btn-outline-secondary btn-sm" data-pp-prioridade-modal-clear>
                            {{ __('Limpar seleção') }}
                        </button>
                    </div>
                </div>
                <div class="pp-prioridade-modal-list list-group list-group-flush border rounded d-none"
                    data-pp-prioridade-modal-list role="listbox" aria-multiselectable="true"></div>
            </div>
            <div class="modal-footer d-flex flex-wrap gap-2 justify-content-end align-items-center">
                <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">{{ __('Cancelar') }}</button>
                <button type="button" class="btn btn-primary" data-pp-prioridade-modal-confirm disabled>
                    {{ __('Priorizar selecionados') }}
                </button>
            </div>
        </div>
    </div>
</div>
