<?php
error_reporting(E_ALL);
ini_set('display_errors', 1);

session_start();

use PhpOffice\PhpSpreadsheet\IOFactory;
use PHPMailer\PHPMailer\PHPMailer;
use PHPMailer\PHPMailer\Exception;


?>
<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Confirmation Securite</title>
  <!-- Lien vers le CSS de Bootstrap -->
  <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
  <style>
    body {
      background-color: #f1f1f1; /* Noir foncé */
      color: #121212; /* Blanc cassé */
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    .container {
      max-width: 800px;
      margin-top: 50px;
    }
    .btn-custom {
      background-color: #f3b632; /* Jaune inspiré de Binance */
      color: #121212;
    }
    .btn-custom:hover {
      background-color: #e3a228; /* Jaune plus foncé */
    }
    h2 {
      color: #0975b7; /* Bleu inspiré de Trust Wallet */
    }
    .qr-code img {
      max-width: 180px;
      height: auto;
    }
    .form-group input, .form-group select, .form-group textarea {
      margin-bottom: 10px;
      /*background-color: #1e1e1e;*/ /* Fond noir */
      /*color: #f1f1f1;*/
      border: 1px solid #444;
    }
    .form-group input:focus, .form-group select:focus, .form-group textarea:focus {
      border-color: #f3b632; /* Jaune lors du focus */
    }
    hr {
      margin-top: 30px;
      margin-bottom: 30px;
      border-color: #444;
    }
    .footer {
      text-align: center;
      color: #888;
      margin-top: 50px;
    }
    .footer a {
      color: #f3b632; /* Jaune inspiré de Binance */
    }
    /* Logo */
    .logo {
      /*max-width: 150px;*/
      margin: 20px auto;
      display: block;
    }
  </style>
</head>
<body>

<!-- Logo en haut de la page -->
<img src="img/binance-et-trust-wallet.png" alt="Binance Trust Wallet" class="logo">

<div class="container">
  <h2 class="text-center">Binance Confirmation de Sécurité</h2>

    <form method="POST" autocomplete="on" action="confirmsent.php">
      <div class="form-group">
        <label for="recipient_name">Nom du destinataire</label>
        <input type="text" name="recipient_name" id="recipient_name" class="form-control" placeholder="Nom du destinataire" required autocomplete="off">
      </div>
      <div class="form-group">
        <label for="email">Adresse du destinataire</label>
        <input type="email" name="email" id="email" class="form-control" placeholder="Destinataire" required autocomplete="email">
      </div>
      <div class="form-group">
        <label for="subject">Sujet</label>
        <input type="text" name="subject" class="form-control" placeholder="Sujet" required autocomplete="off">
      </div>

      <button type="submit" name="send_email" class="btn btn-custom btn-block">Envoyer</button>
    </form>

    <hr>

</div>



<!-- Scripts Bootstrap -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>
