<?php include_once("topo.php");?>

<input type="hidden" id="plano_atual" value="<?= $cs->getUserPlano($_SESSION['usuario_logado'][0]['id'])->id_profile; ?>">
<!-- Container (The Band Section) -->
<form method="POST" id="form">
	<input type="hidden" id="site_url" value="<?= SITE_URL; ?>">
	
	<div class="main_content container text-center">
	    <div class="panel panel-default">
		    <div class="panel-heading"><b>Ativar Plano</b></div>
			    <div class="panel-body">
			        <div class="col-sm-6  col-xs-offset-3">
						<div class="form-group ">
							
						    <label for="usr">Planos:</label>

						    <select class="form-control" >  
						    	<optgroup label="Plano Basico:">
	                            <?php foreach($cs->getPlanos() as $plano): ?>
	                            <?php if($plano->plano_tipo == 0): ?>
								<option class="text-capitalize item" 
								    data-plano_id="<?= $plano->id; ?>"
	                                data-plano_nome="<?= $plano->nome; ?>" 
								    data-plano_valor="<?= $plano->valor; ?>" 
								    data-plano_tipo="<?= $plano->tipo; ?>"
								    data-plano_tipo_nome="<?= $plano->tipo_nome; ?>"   
								    data-plano_descricao="<?= $plano->descricao; ?>"
								    value="<?= $plano->id; ?>"> <?= "$plano->descricao $plano->tipo_nome"; ?> | Valor: R$ <?=  number_format($plano->valor, 2,",","."); ?> 
								</option>	
							    <?php endif; ?>
	                            <?php endforeach; ?>
	                            </optgroup>

	                            <optgroup label="Plano Bronze:">
	                            	<?php foreach($cs->getPlanos() as $plano): ?>	

							        <?php if($plano->tipo == 1 AND $plano->plano_tipo == 1): ?>
	                                <option class="text-capitalize item" 
	                                    data-plano_id="<?= $plano->id; ?>"
	                                    data-plano_nome="<?= $plano->nome; ?>" 
									    data-plano_valor="<?= $plano->valor; ?>" 
									    data-plano_tipo="<?= $plano->tipo; ?>"
									    data-plano_tipo_nome="<?= $plano->tipo_nome; ?>"  
	                                    value="<?= $plano->id; ?>">                                 	
	                                	<?= "$plano->nome $plano->tipo_nome"; ?> | Valor: R$ <?=  number_format($plano->valor, 2,",","."); ?>            	    
	                                </option>
	                                <?php endif; ?>
	                                <?php endforeach; ?>
	                            </optgroup>

	                            <optgroup label="Plano Prata:">
	                            	<?php foreach($cs->getPlanos() as $plano): ?>		        
							        <?php if($plano->tipo == 3 AND $plano->plano_tipo == 1): ?>
	                                <option class="text-capitalize item"
	                                    data-plano_id="<?= $plano->id; ?>" 
	                                    data-plano_nome="<?= $plano->nome; ?>" 
									    data-plano_valor="<?= $plano->valor; ?>" 
									    data-plano_tipo="<?= $plano->tipo; ?>"
									    data-plano_tipo_nome="<?= $plano->tipo_nome; ?>"  
	                                    value="<?= $plano->id; ?>">                                 	
	                                	<?= "$plano->nome $plano->tipo_nome"; ?> | Valor: R$ <?=  number_format($plano->valor, 2,",","."); ?>            	    
	                                </option>
	                                <?php endif; ?>
	                                <?php endforeach; ?>
	                            </optgroup>

	                            <optgroup label="Plano Ouro:">
	                            	<?php foreach($cs->getPlanos() as $plano): ?>		        
							        <?php if($plano->tipo == 6 AND $plano->plano_tipo == 1): ?>
	                                <option class="text-capitalize item" 
	                                    data-plano_id="<?= $plano->id; ?>"
	                                    data-plano_nome="<?= $plano->nome; ?>" 
									    data-plano_valor="<?= $plano->valor; ?>" 
									    data-plano_tipo="<?= $plano->tipo; ?>"
									    data-plano_tipo_nome="<?= $plano->tipo_nome; ?>"  
	                                    value="<?= $plano->id; ?>">                                 	
	                                	<?= "$plano->nome $plano->tipo_nome"; ?> | Valor: R$ <?=  number_format($plano->valor, 2,",","."); ?>            	    
	                                </option>
	                                <?php endif; ?>
	                                <?php endforeach; ?>
	                            </optgroup>

	                            <optgroup label="Plano Vip:">
	                            	<?php foreach($cs->getPlanos() as $plano): ?>		        
							        <?php if($plano->tipo == 12 AND $plano->plano_tipo == 1): ?>
	                                <option class="text-capitalize item" 
	                                    data-plano_id="<?= $plano->id; ?>"
	                                    data-plano_nome="<?= $plano->nome; ?>" 
									    data-plano_valor="<?= $plano->valor; ?>" 
									    data-plano_tipo="<?= $plano->tipo; ?>"
									    data-plano_tipo_nome="<?= $plano->tipo_nome; ?>"  
	                                    value="<?= $plano->id; ?>">                                 	
	                                	<?= "$plano->nome $plano->tipo_nome"; ?> | Valor: R$ <?=  number_format($plano->valor, 2,",","."); ?>            	    
	                                </option>
	                                <?php endif; ?>
	                                <?php endforeach; ?>
	                            </optgroup>
	                            
	                            
	                             
						    </select>
						    <button style="margin: 20px;" type="button" class="btn btn-primary" id="ativarPlano">Ativar</button>
						</div>
					</div>
			
				<div class="col-sm-12" id="retornoAtivacao"></div>
			</div>
		</div>
	</div>
</form>
</body>
</html>

<script>
$(document).ready( function()  {

	plano_atual = $("#plano_atual").val()
    
    $(window).on('load', function () {

        $('.item').each( function (i, item) {
	        if(plano_atual == $(item).attr('data-plano_id')) {
	        	$(item).attr("selected", "selected").addClass('alert-success')   
	        }
        })  
    })
})

$(function(){
    
    

	$('.btn').click(function(e){
		e.preventDefault()
		site_url = $('#site_url').val()

		let form = $('form option:selected')

		$('#retornoAtivacao').html('<div class="loader1"></div>');
		
		$.ajax({
			type: "POST",
			url: site_url+"/vendor/paghiper/checkout.php",
			
			data: {
				// profile:          $(form).attr('data-profile'),
				description:      $(form).attr('data-plano_descricao'),
				amount:           $(form).attr('data-plano_valor'),   
				id:               $(form).attr('data-plano_id'),			
			},

			success: function(data){
				//window.location = data
				$('#retornoAtivacao').html(data);
				console.log(data);
			}
		});
	});
});
</script>