
<?php include_once("/assets/scripts/connection.php") ?>
<?php 
  $produto_id = $_GET['id'];

  $respost = mysqli_query($conn,"SELECT * FROM produtos WHERE produto_id = $produto_id");
  $rowpost = mysqli_fetch_array($respost);

  $ficha_id = $rowpost['ficha_id'];

  $ficha = mysqli_query($conn,"SELECT * FROM fichatecnica WHERE ficha_id = $ficha_id");
  $ficharowpost = mysqli_fetch_array($ficha);
?> 
<html>
    <head>
        <title>Consórcio Nacional Volkswagen</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="/assets/css/style.css" rel="stylesheet" type="text/css" />
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0" crossorigin="anonymous">
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

        <link rel="stylesheet" href="/assets/css/floating-wpp.css">
        <script type="text/javascript" src="/assets/js/floating-wpp.js"></script>
        <!-- jQuery Modal -->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />

        <!-- Favicons -->
        <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicon/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon/favicon-16x16.png">
        <link rel="manifest" href="/assets/img/favicon/site.webmanifest">
        <link rel="mask-icon" href=/assets/img/favicon/safari-pinned-tab.svg" color="#5bbad5">
        <link rel="shortcut icon" href="/assets/img/favicon/favicon.ico">
        <meta name="msapplication-TileColor" content="#da532c">
        <meta name="msapplication-config" content="/assets/img/favicon/browserconfig.xml">
        <meta name="theme-color" content="#ffffff">

        <style>
            .hover-underline-animation{
                display:inline-block;
                position:relative;
                color:#0087ca;
            }
            .hover-underline-animation::after{
                content:'';
                position:absolute;
                width:100%;
                transform:scaleX(0);
                height:2px;
                bottom:5px;
                left:0;
                background-color:#ffffff;
                transform-origin:bottom right;
                transition:transform 0.25s ease-out;
            }
            .hover-underline-animation:hover::after{
                transform:scaleX(1);
                transform-origin:bottom left;
            }
        </style>
    </head>

    <body>

        <div id="myButton"></div>

        <?php include('../includes/header.php'); ?>

        <div class="container d-flex flex-row justify-content-between">
            <div>
                <h3><?php echo $rowpost['produto']; ?></h3>
                <span>Parcela: R$ <?php echo $rowpost['parcela']; ?></span><br>
                <span>VAGAS DISPONÍVEIS: <?php echo $rowpost['vagas']; ?></span>
            </div>
            <div>
                <h2>Falta pouco para você garantir sua cotação.</h2>
                <span>Nos informe alguns dados para que possamos prosseguir:</span>
            </div>
        </div>
        <div class="container d-flex w-100 produtoContainer mt-1">
            <div class="d-flex flex-column produtoPropostaImg">
                <img src="assets/img/produtos/veiculos/<?php echo $rowpost['imagem']; ?>" alt="Consórcio Nacional Volkswagen" width="480" height="297">
            </div>
        
            <div class="d-flex flex-column produtoPropostaInputs ms-5">
                <div class="row">
                    <div class="col">
                        <label for="">Nome completo*</label>
                        <input name="nome" type="text" class="form-control" required>
                    </div>
                </div>
                <div class="row mt-3">
                    <div class="col">
                        <label for="">CEP*</label>
                        <input name="cep" type="text" class="form-control" required>
                    </div>
                    <div class="col">
                        <label for="">Nascimento*</label>
                        <input name="nascimento" type="text" class="form-control" required>
                    </div>
                    <div class="col">
                        <label for="">CPF*</label>
                        <input name="cpf" type="text" class="form-control" required>
                    </div>
                </div>
                <div class="row mt-3">
                    <div class="col">
                        <label for="">E-mail*</label>
                        <input name="email" type="text" class="form-control" required>
                    </div>
                    <div class="col">
                        <label for="">Telefone com DDD *</label>
                        <input name="telefone" type="text" class="form-control" required>
                    </div>
                </div>
                <div class="row mt-3">
                    <div class="col d-flex flex-row">
                        <img src="../assets/img/misc/siteseguro.jpg" alt="Consórcio Nacional Volkswagen" width="129" height="57">
                        <div class="ms-2">
                            <strong>Site seguro</strong><br>
                            <span>Seus dados estão seguros</span>
                        </div>
                    </div>
                    <div class="col">
                        <input type="submit" class="btn btn-primary w-100 py-3" value="Solicitar Proposta">
                    </div>
                </div>
            </div>
        </div>



        <div class="container mt-1">
            * As imagens contidas neste website são de caráter meramente ilustrativo. Os dados enviados através desta plataforma online são utilizados pelo Consórcio Digital Volkswagen seguindo os Termos de Uso de maneira segura. Consulte condições de vagas em grupo bem como valor de crédito e parcelas.
        </div>

        <div class="container">
            <h3>Ficha Técnica</h3>
            <div class="row">
                <div class="col">
                    <table class="table table-bordered bg-white">
                        <tbody>
                            <tr>
                                    <td>Motorização</td>
                                            <td class="one-col" colspan="2"><?php echo $ficharowpost['motorizacao']; ?></td>
                            </tr>
                            <tr>
                                    <td>Combustível</td>
                                            <td class="two-colspan">Gasolina</td>
                                            <td class="two-colspan">Alcool</td>
                            </tr>
                            <tr>
                                    <td>Potência (cv)</td>
                                            <td class="two-colspan"><?php echo $ficharowpost['potencia_gasolina']; ?></td>
                                            <td class="two-colspan"><?php echo $ficharowpost['potencia_alcool']; ?></td>
                            </tr>
                            <tr>
                                    <td>Torque (kgf.m)</td>
                                            <td class="two-colspan"><?php echo $ficharowpost['torque_gasolina']; ?>,7</td>
                                            <td class="two-colspan"><?php echo $ficharowpost['torque_alcool']; ?></td>
                            </tr>
                            <tr>
                                    <td>Velocidade Máxima (km/h)</td>
                                            <td class="two-colspan"><?php echo $ficharowpost['velmax_gasolina']; ?></td>
                                            <td class="two-colspan"><?php echo $ficharowpost['velmax_alcool']; ?></td>
                            </tr>
                            <tr>
                                    <td>Consumo cidade (km/l)</td>
                                            <td class="two-colspan"><?php echo $ficharowpost['consumo_cidade_gasolina']; ?></td>
                                            <td class="two-colspan"><?php echo $ficharowpost['consumo_cidade_alcool']; ?></td>
                            </tr>
                            <tr>
                                    <td>Consumo estrada (km/l)</td>
                                            <td class="two-colspan"><?php echo $ficharowpost['consumo_estrada_gasolina']; ?></td>
                                            <td class="two-colspan"><?php echo $ficharowpost['consumo_estrada_alcool']; ?></td>
                            </tr>
                            <tr>
                                    <td>Câmbio</td>
                                            <td class="one-col" colspan="2"><?php echo $ficharowpost['cambio']; ?></td>
                            </tr>
                            <tr>
                                    <td>Tração</td>
                                            <td class="one-col" colspan="2"><?php echo $ficharowpost['tracao']; ?></td>
                            </tr>
                            <tr>
                                    <td>Direção</td>
                                            <td class="one-col" colspan="2"><?php echo $ficharowpost['direcao']; ?></td>
                            </tr>
                            <tr>
                                    <td>Suspensão dianteira</td>
                                            <td class="one-col" colspan="2"><?php echo $ficharowpost['consumo_estrada_gasolina']; ?></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <h3>Dimensões</h3>
            <div class="row">
                <div class="col">
                    <table class="table table-bordered bg-white">
                        <tbody>
                            <tr>
                                    <td>Altura (mm)</td>
                                            <td class="one-col"><?php echo $ficharowpost['altura']; ?></td>
                            </tr>
                            <tr>
                                    <td>Largura (mm)</td>
                                            <td class="one-col"><?php echo $ficharowpost['largura']; ?></td>
                            </tr>
                            <tr>
                                    <td>Comprimento (mm)</td>
                                            <td class="one-col"><?php echo $ficharowpost['comprimento']; ?></td>
                            </tr>
                            <tr>
                                    <td>Peso (Kg)</td>
                                            <td class="one-col"><?php echo $ficharowpost['peso']; ?></td>
                            </tr>
                            <tr>
                                    <td>Tanque (L)</td>
                                            <td class="one-col"><?php echo $ficharowpost['tanque']; ?></td>
                            </tr>
                            <tr>
                                    <td>Porta-Malas (L)</td>
                                            <td class="one-col"><?php echo $ficharowpost['portamalas']; ?></td>
                            </tr>
                            <tr>
                                    <td>Ocupantes</td>
                                            <td class="one-col"><?php echo $ficharowpost['ocupantes']; ?></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <h3>Segurança</h3>
            <div class="row">
                <div class="col">
                    <table class="table table-bordered bg-white">
                        <tbody>
                            <tr>
                                    <td>Airbag Motorista</td>
                                            <td class="one-col"><?php echo $ficharowpost['consumo_estrada_gasolina']; ?></td>
                            </tr>
                            <tr>
                                    <td>Alarme</td>
                                            <td class="one-col"><?php echo $ficharowpost['alarme']; ?></td>
                            </tr>
                            <tr>
                                    <td>Freio ABS</td>
                                            <td class="one-col"><?php echo $ficharowpost['abs']; ?></td>
                            </tr>
                            <tr>
                                    <td>Airbag Passageiro</td>
                                            <td class="one-col"><?php echo $ficharowpost['airbagpassageiro']; ?></td>
                            </tr>
                            <tr>
                                    <td>Airbag lateral</td>
                                            <td class="one-col"><?php echo $ficharowpost['airbaglateral']; ?></td>
                            </tr>
                            <tr>
                                    <td>Controle de tração</td>
                                            <td class="one-col"><?php echo $ficharowpost['controletracao']; ?></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <h3>Conforto</h3>
            <div class="row">
                <div class="col">
                    <table class="table table-bordered bg-white">
                        <tbody>
                            <tr>
                                    <td>Ar condicionado</td>
                                            <td class="one-col"><?php echo $ficharowpost['arcond']; ?></td>
                            </tr>
                            <tr>
                                    <td>Trava-elétrica</td>
                                            <td class="one-col"><?php echo $ficharowpost['travas']; ?></td>
                            </tr>
                            <tr>
                                    <td>Ar quente</td>
                                            <td class="one-col"><?php echo $ficharowpost['arquente']; ?></td>
                            </tr>
                            <tr>
                                    <td>Piloto automático</td>
                                            <td class="one-col"><?php echo $ficharowpost['pilotoaut']; ?></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

        </div>


        
        <div class="InstitutionalLinksContainer">
            <div class="container graveto1">
                <ul>
                    <li>
                        <a href="/fui-contemplado-e-agora">
                            <i class="icon-car"></i>
                            <label>Como contemplar?</label>
                            <p>Quanto mais cedo melhor. Siga estas dicas para uma contemplação mais breve possível.</p>
                        </a>
                        <div class="line"></div>
                    </li>
                    <li>
                        <a href="/perguntas-frequentes">
                            <i class="icon-conversation"></i>
                            <label>Este Site é Seguro?</label>
                            <p>Como saber que estou comprando um produto Volkswagen Oficial?</p>
                        </a>
                        <div class="line"></div>
                    </li>
                        <li>
                            <a href="/canais-de-atendimento">
                                <i class="icon-sac"></i>
                                <label>Atendimento Grátis</label>
                                <p>Fale com um de nossos Consultores Especializados agora mesmo!</p>
                            </a>
                        <div class="line"></div>
                    </li>
                </ul>
            </div>
        </div>






        <?php include('../includes/footer.php'); ?>

        <div class="two d-none">
        <?php

            $query=@unserialize(file_get_contents('http://ip-api.com/php/'));
            if($query && $query['status'] == 'success') {
                echo "IP: ".$query['query']."<br/>";
                echo "País: ".$query['country']."<br/>";
                echo "UF: ".$query['region']."<br/>";
                echo "Estado: ".$query['regionName']."<br/>";
                echo "Cidade: ".$query['city']."<br/>";
                echo "Cep: ".$query['zip']."<br/>";
                echo "Latitude: ".$query['lat']."<br/>";
                echo "Longitude: ".$query['lon']."<br/>";

            }
            else {
                echo 'Something Is Wrong !!';
            }

            ?>
        </div>

        
        <script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
        <link href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" rel="stylesheet"/>
        <link href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" rel="stylesheet"/>

        <script type="text/javascript">
            $(document).ready(function(){
                $(".lazy").slick({
                    autoplay: true,
                    autoplaySpeed: 5000,
                    arrows: false,
                    adaptiveHeight: false,
                    infinite: true
                });
            });
        </script>


            <script>
                var num = 0; //number of pixels before modifying styles

                $(window).bind('scroll', function () {
                    if ($(window).scrollTop() > num) {
                        $('.renata').addClass('fixed');
                    } else {
                        $('.renata').removeClass('fixed');
                    }
                });
            </script>

            <script type="text/javascript">
                $(function () {
                    $('#myButton').floatingWhatsApp({
                        phone: '5511969791129',
                        popupMessage: 'Olá, como podemos ajudar?',
                        message: "Olá, tenho dúvidas sobre consórcio",
                        showPopup: true,
                        showOnIE: true,
                        headerTitle: 'Whatsapp',
                        headerColor: 'teal',
                        backgroundColor: 'teal',
                        buttonImage: '<img src="assets/img/misc/whatsapp.svg" />'
                    });
                });
            </script>
    </body>
</html>