{{-- Mini-modal de confirmação de assinatura com switch de aprovação --}}

<div class="modal fade" id="signConfirmModal" tabindex="-1"
     role="dialog" aria-labelledby="signConfirmLabel"
     aria-modal="true" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content border-0 shadow">

            {{-- Header --}}
            <div class="modal-header bg-primary text-white py-2">
                <h5 class="modal-title fs-6 fw-bold d-flex align-items-center gap-2" id="signConfirmLabel">
                    <i class="bi bi-shield-check" aria-hidden="true"></i>
                    Confirmar Assinatura
                </h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
                        aria-label="Fechar"></button>
            </div>

            {{-- Body --}}
            <div class="modal-body p-3">
                <div class="small mb-2">
                    <strong>Documento:</strong>
                    <span id="confirmDocName" class="text-muted">—</span>
                </div>
                <div class="small mb-3">
                    <strong>Certificado:</strong>
                    <span id="confirmCertName" class="text-muted">—</span>
                </div>

                <div class="alert alert-warning d-flex align-items-center gap-2 py-2 px-3 mb-3 small" role="alert">
                    <i class="bi bi-exclamation-triangle-fill" aria-hidden="true"></i>
                    Esta ação gerará um documento PDF assinado digitalmente com validade jurídica.
                </div>

                <div class="form-check form-switch d-flex align-items-center gap-2">
                    <input class="form-check-input" type="checkbox" id="confirmSwitch"
                           style="width: 2.5em; height: 1.25em;">
                    <label class="form-check-label fw-bold small" for="confirmSwitch">
                        Confirmo que desejo assinar este documento
                    </label>
                </div>
            </div>

            {{-- Footer --}}
            <div class="modal-footer bg-light border-top d-flex justify-content-end gap-2 py-2 px-3">
                <button type="button" class="btn btn-outline-secondary btn-sm fw-bold px-3"
                        data-bs-dismiss="modal">Cancelar</button>
                <button type="button"
                        class="btn btn-primary btn-sm fw-bold px-3 d-inline-flex align-items-center gap-1"
                        id="confirmSignBtn" disabled>
                    <i class="bi bi-pen-fill" aria-hidden="true"></i> Assinar Documento
                </button>
            </div>

        </div>
    </div>
</div>