<?php ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);
$IIIIIIIIIIl1 = new SQLite3('./a/.eggziedb.db');
$IIIIIIIIIIl1->exec('CREATE TABLE IF NOT EXISTS ibo(id INTEGER PRIMARY KEY NOT NULL,mac_address VARCHAR(100),username VARCHAR(100),password VARCHAR(100),expire_date VARCHAR(100),url VARCHAR(100),title VARCHAR(100),created_at VARCHAR(100))');
$IIIIIIIIII1I = $IIIIIIIIIIl1->query('SELECT * FROM ibo');
if (isset($_POST['submit'])) {
    $IIIIIII1lll1 = strtotime($_POST['expire_date']);
    $IIIIIII1ll1l = date('Y-m-d', $IIIIIII1lll1);
    $IIIIIII1ll11 = date('Y-m-d');
    $IIIIIII1l1II = date('h:m:s');
    $IIIIIII1l1Il = $IIIIIII1ll11 . 'T' . $IIIIIII1l1II . '.000000Z';
    $IIIIIIIIIIl1->exec('INSERT INTO ibo(mac_address, username, password, expire_date, url, title, created_at) VALUES(\'' . strtoupper($_POST['mac_address']) . '\', \'' . $_POST['username'] . '\', \'' . $_POST['password'] . '\', \'' . $IIIIIII1ll1l . '\', \'' . $_POST['dns'] . '\', \'' . $_POST['title'] . '\',\'' . $IIIIIII1l1Il . '\')');
    $IIIIIIIIIIl1->close();
    header('Location: users.php');
}
include 'includes/header.php';
?>

<DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
      <link rel="stylesheet" href="/resources/demos/style.css">
      <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
      <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
      <script>
        $(document).ready(function() {
            $('#btnPreencher').click(function() {
                var url = $('#urlInput').val();
                var params = new URLSearchParams(new URL(url).search);
            
                var dns = new URL(url).origin;
                var username = params.get('username');
                var password = params.get('password');
            
                $('#dnsInput').val(dns);
                $('#usernameInput').val(username);
                $('#passwordInput').val(password);
            });
        });
      </script>
    </head>

    <body>
        <div class="container-fluid">
            <h1 class="h3 mb-1 text-gray-800"> Activate User</h1>
            <div class="card border-left-primary shadow h-100 card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary"><i class="fas fa-user"></i> User Details</h6>
                </div>
                <div class="card-body">
                    <div class="form-group">
                        <h4>Cole no campo a baixo a sua lista M3U completa</h4>
                        <input class="form-control text-primary" type="text" id="urlInput" placeholder="Digite a URL">
                        <div>

                            <button style="margin-top:10px;" id="btnPreencher" class="btn btn-success btn-icon-split" name="submit" type="submit">

                                <span class="icon text-white-50"><i class="fas fa-check"></i></span><span class="text">Adicionar</span>

                            </button>

                        </div>
                    </div>
                    <form method="post">
                        <div class="form-group">
                            <label class="control-label" for="mac_address">
                                <strong>Mac do aplicativo</strong>
                            </label>
                            <div class="input-group">
                                <input class="form-control text-primary" id="mac_address" name="mac_address" placeholder="Digite o Mac do aplicativo" type="text" oninput="formatMacAddress()" required />
                                
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label" for="title">
                                <strong>Nome do Servidor ou Cliente</strong>
                            </label>
                            <div class="input-group">
                                <input type="text" class="form-control text-primary" name="title" placeholder="Nome do Servidor ou do Cliente" id="discription" required />
                            </div>
                        </div>
                        <div class="form-group ">
                            <label class="control-label " for="dns">
                                <strong>Link da DNS</strong>
                            </label>
                            <div class="input-group">
                                <input type="text" class="form-control text-primary" name="dns" placeholder="Digite o Link da DNS" id="dnsInput" required />
                            </div>
                        </div>
                        <div class="form-group ">
                            <label class="control-label " for="username">
                                <strong>Usuário</strong>
                            </label>
                            <div class="input-group">
                                <input type="text" class="form-control text-primary" name="username" placeholder="Digite o nome de Usuário" id="usernameInput" required />
                            </div>
                        </div>
                        <div class="form-group ">
                            <label class="control-label " for="password">

                                <strong>Senha</strong>

                            </label>

                            <div class="input-group">

                                <input type="text" class="form-control text-primary" name="password" placeholder="Digite a senha do usuário" id="passwordInput" required />

                            </div>

                        </div>

                        <div class="form-group">

                            <label class="control-label" for="expire_date">

                                <strong>Data de vencimento</strong>

                            </label>

                            <div class="input-group">

                                <input type="text" placeholder="Clique aqui dentro do campo para aparecer o calendário" class="form-control text-primary" name="expire_date" id="datetimepicker" />

                            </div>

                        </div>

                        <div class="form-group">

                            <div>

                                <button class="btn btn-success btn-icon-split" name="submit" type="submit">

                                    <span class="icon text-white-50"><i class="fas fa-check"></i></span><span class="text">Salvar Dados</span>

                                </button>

                            </div>

                        </div>

                    </form>

                </div>

            </div>

        </div>

    </body>
    <footer>
        <script>
            function formatMacAddress() {
              const input = document.getElementById('mac_address');
              let value = input.value;
            
              // Remove qualquer caractere que não seja um dígito hexadecimal
              value = value.replace(/[^0-9a-fA-F]/g, '');
            
              // Adiciona ":" a cada dois caracteres
              value = value.replace(/(.{2})/g, '$1:');
            
              // Remove os ":" extras no final
              value = value.slice(0, 23);
            
              input.value = value;
            }
          </script>
        <script>
            $( function() {
                $( "#datetimepicker" ).datepicker();
                
            });
        </script>
    </footer>

</html>

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