<?php
require "../login/loginheader.php";
ini_set('max_execution_time', 10000);
ini_set('memory_limit', '500M');
?>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Área do autor</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <script type="text/javascript" src="../jquery.js"></script>
    <script type="text/javascript" src="script.js"></script>
    <link rel="stylesheet" href="../style.css">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <style>

      *{
        margin: 0;
        box-sizing: border-box;
      }

      .cred, .boleto, .debito{
        float: left;
        width: 30%;
        margin: 30px 1.5%;
        border-radius: 10px;
        padding: 10px;
        border: 1px solid #999;
        font-size: 18px;
        font-weight: bold;
      }

      .titulo{
        float: left;
        width: 100%;
        border-radius: 10px 10px 0 0;
        font-weight: bold;
        color: #fff;
        background-color: #000;
        text-align: center;
        padding: 10px;
      }

    </style>
    
  </head>
  <body>

    <nav class="navbar navbar-light bg-light">
      <span class="navbar-brand mb-0 h1">POISSON</span>
      <a href="../index.php" style="float: right;" class="btn btn-secondary">Voltar</a>
    </nav>

    <form action="">
      <input type="text" name="nmrCartao" id="nmrCartao">
      <input type="text" name="tolkenCard" id="tolkenCard">
      <select name="qtdParcelas" id="qtdParcelas">
        <option value="">Selecione</option>
        <option value="1">1 parcela</option>
        <option value="2">2 parcelas</option>
        <option value="3">3 parcelas</option>
        <option value="4">4 parcelas</option>
        <option value="5">5 parcelas</option>
        <option value="6">6 parcelas</option>
        <option value="7">7 parcelas</option>
        <option value="8">8 parcelas</option>
        <option value="9">9 parcelas</option>
        <option value="10">10 parcelas</option>
        <option value="11">11 parcelas</option>
        <option value="12">12 parcelas</option>
      </select>
    </form>
    <div id="flag"></div>

    <div class="container" style="margin-top: 50px;">      

      <div class="cred"><div class="titulo">Cartões de Crédito</div></div>
      <div class="boleto"><div class="titulo">Boleto</div></div>
      <div class="debito"><div class="titulo">Débito Online</div></div>

    </div><!-- container -->   

    <script src="../bootstrap/bootstrap.min.js"></script>
    <script type="text/javascript" src="https://stc.sandbox.pagseguro.uol.com.br/pagseguro/api/v2/checkout/pagseguro.directpayment.js"></script>

  </body>
</html>
