<div class="meio-pagamento no-padding">

	<div class="flex-container">
		<div class="meio-pagamento__forma-pagamento active" name="forma_pagamento" data-id="C">Cartão de Crédito</div>
		<div class="meio-pagamento__forma-pagamento" name="forma_pagamento" data-id="D">Depósito Bancário</div>
	</div>

	<div class="flex-between">
		<div id="card" class="cartoes">
			<div class="my-cards">
				<?php if(count($cadastro->cartoes)){ ?>
				<?php foreach ($cadastro->cartoes as $cartao): ?>
						<div class="cartoes__item">
							<input <?php echo $cartao->principal ? 'checked principal' : ''; ?> type="radio" name="cartao_id" value="<?php echo $cartao->id; ?>">
							<div class="infos">
								<?php /* ?><h3 class="cartao-item__title">Cartão <?php  echo $cartao->info->getBrand(); ?> <?php echo $cartao->info->getLastDigits(); ?></h3>
								<?php /* echo $cartao->info->getBrand(); */?>
								<div class="align-center">
									<?php if ($cartao->info->getBrand() == "mastercard"){ ?>
											<img src="img/site/pagamento/<?php echo $cartao->info->getBrand(); ?>-v2.svg" ?>
									<?php }else{ ?>
											<img src="img/site/pagamento/<?php echo $cartao->info->getBrand(); ?>.svg" ?>
									<?php } ?>
									
									 <p>**** **** **** <?php echo $cartao->info->getLastDigits(); ?></p>
									 <?php 
									 	$validade = $cartao->info->getExpirationDate();
									 	$validade_first = substr($validade, 0, 2);
									 	$validade_last = substr($validade,2,2);
									  ?>
									 <p class="validade">Validade: <?php echo $validade_first.'/'.$validade_last; ?></p>
								</div>
							</div>
						</div>
				<?php endforeach ?>
				
				<?php }else{ ?>
					<div class="pagamento" style="display: block;">
						<div class="text-center">
							<h5><i>Esse cliente não possui cartões cadastrados. Cique <a target="_blank" href="<?php echo e(url('admin/cadastro/detalhe/'.$cadastro->slug)); ?>">aqui</a> para cadastrar um novo cartão.</i></h5>
						</div>
						
					</div>
				<?php } ?>
			</div>
			
		
		</div>
		<div class="deposito-bancario disabled">
			<p class="deposito-bancario__infos">Banco do Brasil <b>(001)</b></p>
			<p class="deposito-bancario__infos">Agência: <b>0089-2</b></p>
			<p class="deposito-bancario__infos">Conta: <b>105.283-7</b></p>
			<p class="deposito-bancario__infos">CNPJ: <b>17.723.844/0001-63</b></p>
			<p class="deposito-bancario__infos">Razão Social: <b>Vinum Veritas Comércio e Importação Ltda</b></p>
			<div class="flex-between deposito-bancario__options">
				<div class="item">
					<input id="tipo-deposito" name="tipo_deposito" checked value="D" type="radio" disabled>
					<label for="tipo-deposito">DEPÓSITO</label>
				</div>
				<div class="item">
					<input id="tipo-doc" name="tipo_deposito" value="DOC" type="radio" disabled>
					<label for="tipo-doc">DOC</label>
				</div>
				<div class="item">
					<input id="tipo-ted" name="tipo_deposito" value="TED" type="radio" disabled>
					<label for="tipo-ted">TED</label>
				</div>
			</div>
			<div class="item">
				<label for="">Nome Depositante</label>
				<input type="text" value="<?php echo ($cadastro) ? $cadastro->nome.' '.$cadastro->sobrenome : ''; ?>" name="nome_depositante" required class="default-input" placeholder="Digite o nome do depositante" disabled>
			</div>
			<div class="item">
				<label for="">Comprovante*</label>
				<input type="file" name="fileUpload" id="fileUpload" class="default-input" placeholder="Selecione um arquivo PDF ou JPEG">
			</div>
			<p class="enviar-comprovante">*<b>Posso enviar em breve o comprovante?</b> Sim, basta acessar sua conta e anexar ao pedido para confirmação de compra.</p>
		</div>
	</div>
	
</div>


<script>
	$('.meio-pagamento__forma-pagamento').click(function(){
		if($(this).data('id') == 'C'){
			$('.meio-pagamento__forma-pagamento').removeClass('active');
			$(this).addClass('active');
			$('.cartoes').removeClass('disabled');
			$('.cartoes :input').removeAttr("disabled");
			$('.deposito-bancario').addClass('disabled');
			$('.deposito-bancario :input').prop('disabled','true');
		}else{
			$('.deposito-bancario').removeClass('disabled');
			$('.cartoes').addClass('disabled');
			$('.deposito-bancario :input').removeAttr("disabled");
			$('.cartoes :input').prop('disabled' ,'true');
			$('.meio-pagamento__forma-pagamento').removeClass('active');
			$(this).addClass('active');
		}
	});
</script>