<?php
require "../login/loginheader.php";
include_once("configuracoes.php");

//Nesse checkout estamos usando o método GET somente a título de aprendizagem,
//mas para a segurança da sua aplicação use o método POST para passar os dados da venda para o checkout.
if( $_SERVER['REQUEST_METHOD'] == 'POST') {

include_once ("bancodedados_.php");
$nome = '';
$email = '';
$cpf = $_POST['cpf'];
$tel = '';
$valor = "320.00";
$codigo = $_POST['idArt'];

echo $_SESSION['username'];

$usr = $_SESSION['username'];
//insere no BD os dados vindos do formulário
mysqli_query($link, "insert into pedidos (id, codigo, nome, email, cpf, tel, valor, id_pagseguro, status) values ('$codigo', '$codigo', '$nome', '$email', '$cpf', '$tel', '$valor', '', '0')");
$sql = "SELECT fullname, tel1, username, email, mini, address FROM members WHERE username = '$usr'";

$result = mysqli_query($link,$sql);

$data = mysqli_fetch_assoc($result);

function trim_value(&$value){
    $value = trim($value);
}

$explodedAddress = explode(', ', $data['address']);
var_dump($data['fullname']);
//Lembre-se: a moeda deve estar formatada sem vírgula e com o ponto separando somente os centavos.
//R$ 0,50 ficaria assim 0.50
//R$ 10,00 ficaria assim 10.00
//R$ 100,00 ficaria assim 100.00
//R$ 1.000,00 ficaria assim 1000.00

// $total = $_GET["total"];
// $total_tela = $_GET["total_tela"];

$cpf = preg_replace("/\D+/", "", $cpf); // remove qualquer caracter não numérico

$id_transacao = $codigo;	
$descricao = "Publicação em livro";

//Lembre-se: a moeda deve estar formatada sem vírgula e com o ponto separando somente os centavos.
//R$ 0,50 ficaria assim 0.50
//R$ 10,00 ficaria assim 10.00
//R$ 100,00 ficaria assim 100.00
//R$ 1.000,00 ficaria assim 1000.00

$total = "320.00";
$total_tela = "R$ 320,00";

//------------------------------------
?>
    <!DOCTYPE html>
    <html lang="pt">

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="Pagamento">
        <meta name="author" content="RC Soluções Web">
        <title>Checkout</title>
        <link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css">
        <link href="icons/icomoon/styles.min.css" rel="stylesheet" type="text/css">
        <link href="icons/fontawesome/styles.min.css" rel="stylesheet" type="text/css">
        <link href="css/checkout.css" rel="stylesheet" type="text/css">
        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.bundle.min.js"></script>
        <script src="js/blockui.min.js"></script>
        <script type="text/javascript" src="js/sweet_alert.min.js"></script>
    </head>

    <body>
        <nav class="navbar navbar-light bg-light" style="padding: 15px;">
      <a href="https://area.editorapoisson.com.br/area-clientes" style="float: right;" class="btn btn-primary">Voltar ao início</a>
    </nav>
        <div class="page-content">
            <div id="container"></div>
            <div class="content-wrapper">
                <div class="content d-flex justify-content-center align-items-center">
                    <form id="form_login" name="form_login" class="checkout-form" action="" autocomplete="off" enctype="application/x-www-form-urlencoded" method="post" onsubmit="return false;">
                        <div class="header mb-4 text-center checkout-logo">
                            <img src="img/logo.png" class="img-fluid" alt="Editora Poisson" />
                        </div>
                        <div class="d-sm-flex justify-content-sm-center d-flex justify-content-center d-xl-block mb-3">
                            <div class="badge badge-pill bg-grey-300 text-12 font-weight-light valor_cobrado">
                                Valor cobrado: <strong class="font-weight-semibold"><?php echo $total_tela; ?></strong>
                            </div>
                        </div>
                        <div class="card mb-0 shadow-0 mt-3 card_sucesso hidden">
                            <div class="card-body card_sucesso_txt">
                                Pagamento concluído com sucesso.
                            </div>
                        </div>
                        <div class="card mb-0 shadow-0 mt-3 card_pagamento">
                            <div class="card-heading">
                                <ul class="nav nav-tabs nav-justified nav-tabs-solid border-0 shadow-0 tabs_checkout">
                                    <li class="nav-item"><a id="tab_cartao" href="#tab-cartao" class="nav-link tab_checkout pt-2 pb-2 active show" data-toggle="tab">CRÉDITO</a></li>
                                    <li class="nav-item"><a id="tab_boleto" href="#tab-boleto" class="nav-link tab_checkout pt-2 pb-2" data-toggle="tab">BOLETO</a></li>
                                    <li class="nav-item"><a id="tab_debito" href="#tab-debito" class="nav-link tab_checkout pt-2 pb-2" data-toggle="tab">DÉBITO</a></li>
                                </ul>
                            </div>
                            <div class="card-body">

                                <div class="tab-content">
                                    <!-- Subir -->
                                    <label for="dataSwitch">Usar endereço do usuário cadastrado? </label>
                                    <input type="checkbox" name="dataSwitch" id="dataSwitch" checked>
                                    <div class="col-xl-6 col-md-6 col-sm-6" name='loggedData' id="loggedData">
                                        <!-- <input class="form-control" id="logged_nome" placeholder="Nome do titular" type="hidden" value="<?php echo $data['fullname'] ;?>" /> -->
                                        <input class="form-control" id="isChecked" type="hidden" value="checked"/>
                                        <input class="form-control" id="logged_email" placeholder="Nome do titular" type="hidden" value="<?php echo strval($data['email']);?>" />
                                        <!-- <input class="form-control" id="logged_cpf" placeholder="Nome do titular" type="hidden" value="<?php echo strval($data['username']);?>" /> -->
                                        <input class="form-control" id="logged_end" placeholder="Nome do titular" type="hidden" value="<?php echo strval($explodedAddress[0]);?>" />
                                        <input class="form-control" id="logged_num" placeholder="Nome do titular" type="hidden" value="<?php echo strval($explodedAddress[1]);?>" />
                                        <input class="form-control" id="logged_comp" placeholder="Nome do titular" type="hidden" value="<?php echo strval($explodedAddress[2]);?>" />
                                        <input class="form-control" id="logged_bairro" placeholder="Nome do titular" type="hidden" value="<?php echo strval($explodedAddress[3]);?>" />
                                        <input class="form-control" id="logged_cid" placeholder="Nome do titular" type="hidden" value="<?php echo strval($explodedAddress[4]);?>" />
                                        <input class="form-control" id="logged_est" placeholder="Nome do titular" type="hidden" value="<?php echo strval($explodedAddress[5]);?>" />
                                        <input class="form-control" id="logged_cep" placeholder="Nome do titular" type="hidden" value="<?php echo strval($explodedAddress[6]);?>" />
                                    </div>


                                    <!--  -->
                                    
                                    <div class="tab-pane active show" id="tab-cartao">

                                        <div class="row">
                                            <div class="col-xl-8 col-md-8 col-sm-8" id="newData">
                                                <div class="form-group">
                                                    <!-- <input class="form-control" id="new_nome" placeholder="Nome do titular" type="text" value="" /> -->
                                                    <input class="form-control" id="new_email" placeholder="E-mail do titular" type="text" value="" />
                                                    <!-- <input class="form-control" id="new_cpf" placeholder="Nome do titular" type="text" value="" /> -->
                                                    <input class="form-control" id="new_end" placeholder="Rua ou avenidada" type="text" value="" />
                                                    <input class="form-control" id="new_num" placeholder="Número" type="text" value="" />
                                                    <input class="form-control" id="new_comp" placeholder="Complemento (Casa ou Apto)" type="text" value="" />
                                                    <input class="form-control" id="new_bairro" placeholder="Bairro" type="text" value="" />
                                                    <input class="form-control" id="new_cid" placeholder="Cidade" type="text" value="" />
                                                    <input class="form-control" id="new_est" placeholder="Estado" type="text" value="" />
                                                    <input class="form-control" id="new_cep" placeholder="CEP" type="text" value="" />
                                                </div>    
                                            </div>
                                            <div class="col-xl-6 col-md-6 col-sm-6">
                                                <div class="form-group">
                                                    <input class="form-control" id="cartao_nome" placeholder="Nome do titular" type="text" value="" />
                                                </div>
                                            </div>
                                            <div class="col-xl-2 col-md-2 col-sm-4">
                                                <div class="form-group">
                                                    <input class="form-control" id="cartao_celular" placeholder="Celular do titular" type="text" value="" />
                                                </div>
                                            </div>
                                            <div class="col-xl-2 col-md-2 col-sm-3 col-8">
                                                <div class="form-group">
                                                    <input class="form-control" id="cartao_cpf" placeholder="CPF do titular" type="text" value="" />
                                                </div>
                                            </div>
                                            <div class="col-xl-2 col-md-2 col-sm-3 col-4">
                                                <div class="form-group">
                                                    <input class="form-control" id="cartao_data_nascimento" placeholder="Nascimento" type="text" value="" />
                                                </div>
                                            </div>
                                            <div class="col-xl-7 col-md-7 col-sm-7 col-6">
                                                <div class="form-group">
                                                    <input autocomplete="off" class="form-control" id="cartao_numero" placeholder="Número do Cartão" type="text" value="" />
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-md-3 col-sm-3 col-3">
                                                <div class="form-group">
                                                    <input autocomplete="off" class="form-control" id="cartao_validade" placeholder="Validade" type="text" value="" />
                                                </div>
                                            </div>
                                            <div class="col-xl-2 col-md-2 col-sm-2 col-3">
                                                <div class="form-group">
                                                    <input autocomplete="off" class="form-control" id="cartao_cvv" placeholder="CVV" type="text" value="" />
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <select id="cartao_bandeira" class="form-control">
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <select id="cartao_parcelas" class="form-control hidden">
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane" id="tab-boleto">
                                        <p>A confirmação do pagamento via Boleto bancário é automática e ocorre <strong>entre 48 e 72 horas</strong>. </p>
                                    </div>
                                    <div class="tab-pane" id="tab-debito">
                                        <p>O pagamento via débito em conta está disponível para os bancos: Bradesco, Banco do Brasil, Itaú e Banrisul. Clique no banco desejado e em seguida clique em PAGAR.</p>
                                        <ul id="bancos">
                                            <li><img class="img-banco" id="bradesco" src="img/bradesco.jpg" alt="Bradesco" title="Bradesco" /></li>
                                            <li><img class="img-banco selecionado" id="bancodobrasil" src="img/bancodobrasil.jpg" alt="Banco do Brasil" title="Banco do Brasil" /></li>
                                            <li><img class="img-banco" id="itau" src="img/itau.jpg" alt="Itaú" title="Itaú" /></li>
                                            <li><img class="img-banco" id="banrisul" src="img/banrisul.jpg" alt="Banrisul" title="Banrisul" /></li>
                                        </ul>
                                    </div>
                                </div>
                                <input type="hidden" id="id_transacao" value="<?php echo $id_transacao; ?>" />
                                <input type="hidden" id="total" value="<?php echo $total; ?>" />
                                <input type="hidden" id="descricao" value="Aqui vai a descrição do item comprado." />
                                <input type="hidden" id="forma_de_pagamento" value="Cartão" />
                                <input type="hidden" id="banco" value="bancodobrasil" />
                                <button type="submit" id="botao_pagar" class="btn bg-green btn-block"><span>Pagar</span></button>
                            </div>
                        </div>
                        <div class="footer mt-3 text-muted text-center">
                            <div id="div_logos_bandeiras"></div>
                            <div class="mt-2 c-both">
                                &copy;
                                <?php echo date("Y"); ?> - <a class="text-grey" href="#">Editora Poisson </a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <script type="text/javascript" src="<?php echo $pagseguro_url_js; ?>"></script>
        <script type="text/javascript" src="js/numeral.min.js"></script>
        <script type="text/javascript" src="js/jquery.inputmask.bundle.min.js"></script>
        <script type="text/javascript" src="js/pagseguro.js"></script>
        
        <!-- Subir -->
        <script>
            $('#newData').hide();
            console.log($('#isChecked').val());
        </script>
        <!--  -->
    </body>

    </html>
<?php } else { echo "Acesso não permitido"; } ?>