Galera eu sei quase nada de JS, e eu estou desenvolvendo um sistema em php com ajuda do Cakephp 3, a seguir é parte da minha tela de pagamento, o meu problema é que eu preciso pegar os valores que estão em Javascript do total_venda, e pegar tambem a quantidade de produtos que esta em php na minha session id_cart e passar para js para enviar via post assim que eu clicasse no botão fechar venda. Eu não estou sabendo como pegar esse dado na minha view e nem trata-la na minha controller.
Minha modal:
<!-- Button to Open the Modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bd-example-modal-xl" style="width: 90%; font-size: 130%;">Pagar Venda</button>
<!-- The Modal -->
<div class="modal fade bd-example-modal-xl" tabindex="-1" role="dialog" aria-labelledby="myExtraLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" style="width:90%">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h2 class="modal-title" style="text-align: center;">Formas de Pagamento</h2>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<br />
<table class="payment-methods">
<tr>
<td>
<input type="radio" name="payment_methods" id="dinheiro" class="pg" />
<label for="dinheiro" class="labelpag">
<img src="/projeto/img/cash.png" class="imgpag" alt="" >
</label>
<br />
</td>
<td>
<input type="radio" name="payment_methods" id="credito" class="pg" />
<label for="credito" class="labelpag2">
<img src="/projeto/img/card2.png" class="imgpag2">
</label>
</td>
<br />
<td>
<input type="radio" name="payment_methods" id="debito" class="pg" />
<label for="debito" class="labelpag2">
<img src="/projeto/img/card.png" class="imgpag2">
</label>
</td>
</tr>
</table>
<table>
<tr>
<td>
<p class="p_pagamento totalpago">Total de Itens:
<?php
$id = $_SESSION['id_cart'];
$id = $id["id"];
if(isset($id)){
if($id == null){
$id = 0;
}
echo count($id);?>
<input type="hidden" name="produtos_id" value="$id">
<?php
} ?>
</p>
</td>
<td>
<p class="p_pagamento">Total da Venda: R$ <span class="total_venda"></p>
</td>
</tr>
<tr>
<td>
<p class="p_pagamento"> Total Pago: R$ <input type="" name="troco" value="" class="input_pagamento" id="total_pago"></p>
</td>
<td>
<p class="p_pagamento trocopagamento"> Troco R$
<span id="troco"></span></p>
</td>
</tr>
</table>
<br />
<button type="Submit" class="btn btn-primary" id="click">Fechar Venda</button>
</div>
<!-- Modal footer
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>-->
</div>
</div>
</div>
Js:
<script>
function soma_total(){
total = 0;
$(".total_unitario").each(function() {
total += parseFloat($(this).text());
});
$(".total_venda").text((total).toFixed(2));
total_venda = $(".total_venda").text((total).toFixed(2));
};
var quantidade = 0;
var precounitario = 0;
var total = 0;
$(".quant").each(function(){
quantidade = parseFloat($(this).val());
precounitario = parseFloat($(this).parent().parent().find(".preco_uni").text());
$(this).parent().parent().find(".total_unitario").text((quantidade*precounitario).toFixed(2));
soma_total();
})
$(".quant").change(function(){
quantidade = parseFloat($(this).val());
precounitario = parseFloat($(this).parent().parent().find(".preco_uni").text());
$(this).parent().parent().find(".total_unitario").text((quantidade*precounitario).toFixed(2));
soma_total();
});
$("#total_pago").keyup(function(){
var pago = $(this).val().replace(",",".");
$("#troco").text((pago-total).toFixed(2));
})