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

// nome da tabela
$table_name = 'spapi';
$page_name = 'sport_api';

// dados iniciais caso a tabela esteja vazia
$data = ['apikey' => ''];

// insere dados se a tabela estiver vazia
$db->insertIfEmpty($table_name, $data);

// seleciona registros da tabela
$res = $db->select($table_name, '*', '', '');

// atualizar chave da API
if(isset($_POST['submit'])){
    unset($_POST['submit']);
    $updateData = $_POST;
    $db->update($table_name, $updateData, 'id = :id',[':id' => 1]);
    echo "<script>window.location.href='". $page_name.".php'</script>";
}
?>

<style>
  .responsive-logo {
    margin-top: 20px;
    width: 300px;
    height: 170px;
  }

  @media (max-width: 768px) {
    .responsive-logo {
      width: 100%;
      height: auto;
    }
  }
</style>

<!-- Início do Formulário -->
<div class="container-fluid pt-4 px-4">
    <div class="row g-4">
        <div class="col-12">
            <div class="bg-secondary rounded h-100 p-4">
                <h2 class="mb-4">Chave da API de Esportes</h2>
                <h7 class="mb-4 text-info">
                    ‼️ Já existe uma chave de API padrão adicionada. A chave padrão será usada enquanto o campo abaixo estiver vazio. Há risco de exceder o limite da chave. Portanto, use sua própria chave sempre que possível para evitar problemas.
                </h7>
                <br><br>
                <a href="https://www.thesportsdb.com/pricing" class="mb-4 text-warning" target="_blank">
                    Como consigo minha própria chave de API?
                </a>

                <br><br>
                <form method="post">
                    <div class="mb-3">
                        <label class="form-label">Insira a Chave da API de Esportes</label>
                        <input type="text" name="apikey" class="form-control" value="<?=$res[0]['apikey'] ?>">
                    </div>
                    <button type="submit" name="submit" class="btn btn-primary">Atualizar API de Esportes</button>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- Fim do Formulário -->

<!-- Footer Start -->
<?php include ('includes/footer.php');?>
<!-- Footer End -->
</body>
</html>
