<?php
include "../database.php";
session_start();
?>
<div class="mt-3"></div>
<div class="card card-style">
    <div class="content mb-0">
        <h3 class="font-600">Informazioni</h3>
        <p> </p>
        <div class="input-style has-borders hnoas-icon input-style-always-active validate-field mb-4">
            <input type="name" class="form-control validate-name" id="form1" placeholder="<?php echo $_SESSION['name']; ?>" disabled>
            <label for="form1" class="color-highlight font-400 font-13">Nome</label>
        </div>
        <div class="input-style has-borders no-icon input-style-always-active validate-field mb-4">
            <input type="email" class="form-control validate-email" id="form2" placeholder="<?php echo $_SESSION['surname']; ?>" disabled>
            <label for="form2" class="color-highlight font-400 font-13">Cognome</label>
            <em>(required)</em>
        </div>
        <div class="input-style has-borders no-icon input-style-always-active validate-field mb-4">
            <input type="tel" class="form-control validate-tel" id="form3" placeholder="<?php echo $_SESSION['email']; ?>" disabled>
            <label for="form3" class="color-highlight font-400 font-13">Email</label>
            <em>(required)</em>
        </div>
    </div>
</div>
<div class="card card-style" style="cursor:pointer" id="password_reset_content">
    <div class="content" style="margin-bottom: 20px !important">
        <div class="content mb-0">
            <h3 class="font-600">Ripristina password</h3>
            <p>Verrà inviato un codice di verifica via mail. Il codice sarà valido per 5 minuti</p>
            <a onclick="sendVerificationCode()" class="btn btn-m mt-4 mb-3 btn-full rounded-sm bg-highlight text-uppercase font-700">Invia codice di verifica</a>
        </div>
    </div>
</div>
<div class="card card-style text-center" id="otp_verification_content" style="display:none">
    <div class="content py-5">
        <h1><i class="fa fa-lock color-highlight fa-4x" "=""></i></h1>
        <h1 class="pt-5 font-28">Codice di verifica</h1>
        <p class="boxed-text-l">
            Per modificare la password inserisci il codice di verifica che ti è arrivato via mail.
        </p>
        <div class="text-center mb-3 pt-3 pb-2">
            <form action="">
                <input class="otp mx-1 rounded-sm text-center font-20 font-900" type="number" placeholder="❋" id="otp_num_1">
                <input class="otp mx-1 rounded-sm text-center font-20 font-900" type="number" placeholder="❋" id="otp_num_2">
                <input class="otp mx-1 rounded-sm text-center font-20 font-900" type="number" placeholder="❋" id="otp_num_3">
                <input class="otp mx-1 rounded-sm text-center font-20 font-900" type="number" placeholder="❋" id="otp_num_4">
            </form>
        </div>
        <a onclick="checkVerificationCode()" class="back-button btn btn-m btn-center-l bg-highlight rounded-sm font-700 text-uppercase">Verifica</a>
    </div>
</div>
<div class="card card-style" id="password_reset_content" style="display:none">
</div>