Implementação das formas de pagamento boleto, carnê e pix no módulo de contribuição

.gitignore

@@ -1,2 +1,3 @@
 config.php
-BD/.idea/
+BD/.idea/
+html/contribuicao/pdfs/

html/contribuicao/doacao/index.php

@@ -85,6 +85,37 @@
 			margin-left: auto;
 			margin-right: auto;
 		}
+
+		.loader {
+			border: 1px solid #f3f3f3;
+			border-radius: 50%;
+			border-top: 1px solid #3498db;
+			width: 20px;
+			height: 20px;
+			-webkit-animation: spin 2s linear infinite;
+			animation: spin 2s linear infinite;
+			margin: 0 auto !important;
+		}
+
+		@-webkit-keyframes spin {
+			0% {
+				-webkit-transform: rotate(0deg);
+			}
+
+			100% {
+				-webkit-transform: rotate(360deg);
+			}
+		}
+
+		@keyframes spin {
+			0% {
+				transform: rotate(0deg);
+			}
+
+			100% {
+				transform: rotate(360deg);
+			}
+		}
 	</style>
 </head>
 
@@ -95,13 +126,15 @@
 				<span id="logo_img"><?php resgataImagem(); ?></span>
 				<span class="contact100-form-title" id="titulo_pag"><?php resgataParagrafo(); ?></span>
 
+				<input type="hidden" name="forma-contribuicao" id="forma-contribuicao" value="boleto">
+
 				<div id="pag1" class="wrap-input100">
 
 					<div id="doacao_boleto">
 
 						<div id="input" class="wrap-input100 validate-input bg1">
 							<span class="label-input100">Digite um valor</span>
-							<input class="input100" type='number' id='v' name='v' placeholder="Digite um valor de doação única." onblur="toReal(v);" required min="<?=$minvalunic?>">
+							<input class="input100" type='number' id='v' name='v' placeholder="Digite um valor de doação única." onblur="toReal(v);" required min="<?= $minvalunic ?>">
 							<input type='hidden' id='valunic' value='<?php echo $minvalunic ?>'>
 
 							<p id="avisa_valor"></p>
@@ -131,9 +164,9 @@
 						<input class="input100" type="text" name="dcpf" id="dcnpj" onkeyup="FormataCnpj(this,event)" maxlength="18" class="form-control input-md" ng-m placeholder="22.222.222/2222-22"><span id="avisa_cnpj"></span>
 					</div>
 					<div class="container-contact100-form-btn">
-						<span class="contact100-form-btn" id="volta_btn">
+						<button class="contact100-form-btn" id="volta_btn">
 							<i style="margin-right: 15px; " class="fa fa-long-arrow-left m-l-7" aria-hidden="true"></i> VOLTAR
-						</span>
+						</button>
 					</div>
 					<div class="container-contact100-form-btn">
 						<button class="contact100-form-btn" id="verifica_socio_btn" onClick="doc_cadastrado();">
@@ -214,9 +247,9 @@
 
 					<br>
 					<div class="container-contact100-form-btn">
-						<span class="contact100-form-btn" id="volta">
+						<button class="contact100-form-btn" id="volta">
 							<i style="margin-right: 15px; " class="fa fa-long-arrow-left m-l-7" aria-hidden="true"></i> VOLTAR
-						</span>
+						</button>
 					</div>
 
 					<div class="container-contact100-form-btn">
@@ -293,10 +326,10 @@
 					<p id="aviso"></p>
 
 					<div class="container-contact100-form-btn">
-						<span class="contact100-form-btn" id="volta2">
+						<button class="contact100-form-btn" id="volta2">
 							<i style="margin-right: 15px; " class="fa fa-long-arrow-left m-l-7" aria-hidden="true"></i>
 							VOLTAR
-						</span>
+						</button>
 					</div>
 					<div class="container-contact100-form-btn">
 						<span class="contact100-form-btn" id="salvar_infos">
@@ -305,7 +338,7 @@
 						</span>
 					</div>
 					<div class="container-contact100-form-btn">
-						<button class="contact100-form-btn" value="GERAR BOLETO" id="avanca3">GERAR BOLETO</button>
+						<button class="contact100-form-btn" value="GERAR BOLETO" id="avanca3" onClick="setLoader(this)"><i style="margin-right: 15px; " class="fa fa-long-arrow-right m-l-7"aria-hidden="true"></i>GERAR BOLETO</button>
 					</div>
 				</div>
 				<div class="pultima_div wrap-input100" id="form2"></div>
@@ -435,9 +468,28 @@ function gtag() {
 		$('#valores').change(function() {
 			$(".input-donation-method").hide();
 		});
+
+		function setLoader(btn) {
+			// Esconde o primeiro elemento filho (ícone)
+			btn.firstElementChild.style.display = "none";
+
+			// Remove o texto do botão sem remover os elementos filhos
+			btn.childNodes.forEach(node => {
+				if (node.nodeType === Node.TEXT_NODE) {
+					node.textContent = '';
+				}
+			});
+
+			// Adiciona o loader se não houver outros elementos filhos além do ícone
+			if (btn.childElementCount == 1) {
+				var loader = document.createElement("DIV");
+				loader.className = "loader";
+				btn.appendChild(loader);
+			}
+		}
 	</script>
 
 
 </body>
 
-</html>
+</html>

html/contribuicao/doacao/model/emitirBoleto.php

@@ -172,8 +172,9 @@ function gerarCodigoAleatorio($tamanho = 16)
 if ($httpCode === 200 || $httpCode === 201) {
     $responseData = json_decode($response, true);
     $pdf_link = $responseData['charges'][0]['last_transaction']['pdf'];
+    echo json_encode(['link' => $pdf_link]);
 } else {
-    echo json_encode('Erro: A API retornou o código de status HTTP ' . $httpCode . '<br>');
+    echo json_encode(['Erro' => 'A API retornou o código de status HTTP ' . $httpCode]);
     // Verifica se há mensagens de erro na resposta JSON
     $responseData = json_decode($response, true);
     if (isset($responseData['errors'])) {
@@ -184,4 +185,4 @@ function gerarCodigoAleatorio($tamanho = 16)
     }
 }
 
-echo json_encode(['boletoLink' => $pdf_link]);
+