File: /home/artinside/sites.artinside.com.br/mainpro/themes/web/views/checkout-payment.php
<?php $cart = new \Anam\Phpcart\Cart(CARRINHO); ?>
<div class="container clearfix">
<div class="row clearfix">
<div class="col-lg-6 col-md-12">
<div class="tabs rounded" style="border:1px solid #eee; padding: 20px;">
<div class="tab-menu">
<div class="row clearfix">
<div class="col-lg-12">
<div class="row bottommargin-sm try">
<div class="col-5 offset-1 text-center ">
<div class="btn-tab padding-10 rounded btn-tab-selected" id="tab-change" data-id="credit">
<span class="font-small"><i class="fal fa-credit-card font-large"></i><br>Cartão de Crédito</span>
</div>
</div>
<div class="col-5 text-center">
<div class="btn-tab padding-10 rounded" id="tab-change" data-id="billet">
<span class="font-small"><i class="fal fa-receipt font-large"></i><br>Boleto</span>
</div>
</div>
</div>
<div class="center"> </div>
</div>
</div>
</div>
<div class="tab-credit" id="hide-cc">
<div class="acc_content clearfix j_show_add bottommargin-sm topmargin-sm" style="<?= $cCard ? "display: none;" : ""?>">
<div class="card" style="border: 0;"></div>
<div class="padding-30" style="max-width: 450px; margin: 0 auto;">
<form id="register-form" name="register-form" class="nobottommargin cartao_credito"action="<?= url("/cartao/pagar")?>" method="post">
<div class="col_full">
<input placeholder="Número do cartão" type="text" name="number" id="cc_numero" class="form-control form-control-pill">
</div>
<div class="col_full">
<input placeholder="Nome igual ao cartão" type="text" name="name" id="cc_nome" class="form-control form-control-pill">
</div>
<div class="col_half">
<input placeholder="MM/AA" type="text" name="expiry" id="cc_expira" class="form-control form-control-pill mask-expiry" maxlength="7">
</div>
<div class="col_half col_last">
<input placeholder="CVV" type="text" name="cvv" id="cc_cvv" class="form-control form-control-pill">
</div>
<div class="col_full">
<label>Parcelas</label>
<select name="installments" class="form-control form-control-pill">
<?php for($i = 1; $i<= max_installments($cart->getTotal() + $variableData->frete->price); $i++):?>
<option value="<?= $i ?>"><?= $i ?> X de R$ <?= preco_real(($cart->getTotal() + $variableData->frete->price)/$i)?></option>
<?php endfor; ?>
</select>
</div>
<input type="hidden" id="cc_brand" value="">
<input type="hidden" name="action" value="pay">
<input type="hidden" name="total" value="<?= $cart->getTotal() ?>">
<input type="hidden" name="frete" value="<?= $variableData->frete->price ?>">
<input type="hidden" name="freteType" value="<?= $variableData->frete->type ?>">
<input type="hidden" name="type" value="creditNew">
<button type="submit" class="button button-circle">Pagar</button>
<?php if ($cCard): ?>
<a class="button button-circle button-dark white-text float-right button-small j_list_show_add">Lista de Cartões</a>
<?php endif; ?>
</form>
</div>
<div class="clear"></div>
<hr>
</div>
<div class="topmargin-lg" id="j_list_cards">
<?php if($cCard):
?>
<div class="fancy-title title-dotted-border bottommargin-sm title-left" style="margin-top: 20px !important;">
<h4>Meus Cartões </h4>
</div>
<p><span class="small">Selecione abaixo o cartão desejado ou cadastre um novo no botão acima</span></p>
<form id="register-form" name="register-form" class="nobottommargin cartao_credito"action="<?= url("/cartao/pagar")?>" method="post">
<input type="hidden" name="action" value="pay">
<input type="hidden" name="total" value="<?= $cart->getTotal() ?>">
<input type="hidden" name="frete" value="<?= $variableData->frete->price ?>">
<input type="hidden" name="freteType" value="<?= $variableData->frete->type ?>">
<input type="hidden" name="type" value="creditHash">
<?php foreach ($cCard as $cd):
?>
<div class="col-xl-12">
<div class="infinity-checkbox">
<input id="radio-<?= $cd->id ?>" class="infinity-radio" name="hash" type="radio" value="<?= $cd->id ?>">
<label for="radio-<?= $cd->id ?>" class="infinity-radio" style="width: 100%; text-align: left !important;"><i class="icon icon-cc-<?= $cd->brand ?> font-medium"></i> <?= $cd->brand ?> <span style="font-weight: lighter">[•••• •••• •••• <?= $cd->last_digits ?>]</span></label>
</div>
</div>
<?php
endforeach; ?>
<div class="col_full topmargin-sm bottommargin-sm" style="padding: 0 15px;">
<label>Parcelas</label>
<select name="installments" class="form-control form-control-pill">
<?php for($i = 1; $i<= max_installments($cart->getTotal() + $variableData->frete->price); $i++):?>
<option value="<?= $i ?>"><?= $i ?> X de R$ <?= preco_real(($cart->getTotal() + $variableData->frete->price)/$i)?></option>
<?php endfor; ?>
</select>
</div>
<div class="clear topmargin-sm"></div>
<button type="submit" class="button button-circle">Pagar</button>
<a class="button button-circle button-dark white-text float-right button-small j_card_show_add">Usar outro cartão</a>
</form>
<?php
endif;?>
</div>
</div>
<div class="tab-billet" style="display:none" id="hide-billet">
<div class="padding-30" style="max-width: 450px; margin: 0 auto;">
<div>
<form id="register-form" name="register-form" class="nobottommargin cartao_credito"action="<?= url("/cartao/pagar")?>" method="post">
<input type="hidden" name="total" value="<?= $cart->getTotal() ?>">
<input type="hidden" name="frete" value="<?= $variableData->frete->price ?>">
<input type="hidden" name="freteType" value="<?= $variableData->frete->type ?>">
<input type="hidden" name="type" value="billet">
<p class="text-center">Utilize o botão abaixo para pagar com boleto. Você tem 3 dias úteis para concretizar o pagamento!</p>
<button class="button button-large button-rounded white-text text-center" style="margin: 0 auto; width: 100%" type="submit"><i class="fal fa-receipt"></i> PAGAR COM BOLETO </button>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12">
<div class="bg-gray padding-30">
<h3 class="">Seus itens</h3>
<div class="table-responsive">
<table class="table cart">
<thead>
<tr>
<th class="cart-product-thumbnail"> </th>
<th class="cart-product-name">Produto</th>
<th class="cart-product-quantity">Quantidade</th>
</tr>
</thead>
<tbody>
<?php
if ($cart->count() >= 1):
foreach ($cart->getItems() as $products):
?>
<tr class="cart_item">
<td class="cart-product-thumbnail">
<a href="#"><img src="<?= image($products->cover, 80,80) ?>" title="<?= $products->name ?>"></a>
</td>
<td class="cart-product-name">
<a href="#"><?= $products->name ?></a>
</td>
<td class="cart-product-quantity">
<div class="quantity clearfix">
<?= $products->quantity ?>
</div>
</td>
</tr>
<?php
endforeach;
endif;
?>
</tbody>
</table>
<div class="row clearfix">
<div class="col-lg-12 clearfix">
<h4>Totais</h4>
<div class="table-responsive">
<table class="table cart">
<tbody>
<tr class="cart_item">
<td class="cart-product-name">
<strong>Subtotal</strong>
</td>
<td class="cart-product-name">
<span class="amount"><b>R$ <span id="j_sub_total"><?= preco_real($cart->getTotal()) ?></b></span>
</td>
</tr>
<tr class="cart_item">
<td class="cart-product-name">
<strong>Valor Frete</strong>
</td>
<td class="cart-product-name">
<span class="amount">R$ <?= preco_real($variableData->frete->price) ?> </span> (<?= $variableData->frete->type ?>)
</td>
</tr>
<tr class="cart_item">
<td class="cart-product-name">
<strong>Total</strong>
</td>
<td class="cart-product-name">
<span class="amount color lead"><strong>R$ <span id="j_total"><?= preco_real($cart->getTotal() + $variableData->frete->price ) ?></strong></span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php $this->start("scripts"); ?>
<script src="<?= url("/shared/scripts/card-master/dist/card.js"); ?>"></script>
<script type="text/javascript">
$(".mask-document").mask('000.000.000-00');
new Card({form: '.cartao_credito', container: '.card',formSelectors: {
numberInput: 'input#cc_numero',
expiryInput: 'input#cc_expira',
cvcInput: 'input#cc_cvv',
nameInput: 'input#cc_nome'
}
});
$(".tab-menu").on("click","#tab-change", function(){
var tab = $(this).data("id");
$("#hide-cc").fadeOut("fast");
$("#hide-billet").fadeOut("fast");
$(".tab-"+tab).fadeIn(1500);
$(".try #tab-change").removeClass("btn-tab-selected");
$(this).addClass("btn-tab-selected");
});
$(".j_card_show_add").on("click", function (e) {
e.preventDefault();
$(".j_show_add").fadeIn("slow");
$("#j_list_cards").fadeOut("fast");
});
$(".j_list_show_add").on("click", function (e) {
e.preventDefault();
$(".j_show_add").fadeOut("fast");
$("#j_list_cards").fadeIn("slow");
});
</script>
<?php $this->end(); ?>