<?php
session_start();

if (!isset($_SESSION['loggedin'])) {
	header('Location: login.php');
	exit;
}

$index_page = false;
$page_title = "Profilo";
$prev_page = "openHome()";

include "public/header.php";
?>

<div id="profile_content" class="card bg-transparent mb-0" style="top:20px">
    <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="text" class="form-control validate-name" id="form1" value="<?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="text" class="form-control validate-email" id="form2" value="<?php echo $_SESSION['surname']; ?>" disabled>
                    <label for="form2" class="color-highlight font-400 font-13">Cognome</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-tel" id="profile_email" value="<?php echo $_SESSION['email']; ?>">
                    <label for="form3" class="color-highlight font-400 font-13">Email</label>
                    <em>(required)</em>
                </div>
                <a href="#" onclick="updateProfile()" class="btn btn-m mt-4 mb-3 btn-full rounded-sm bg-highlight text-uppercase font-700">Aggiorna</a>
            </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 href="#" 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 href="#" 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>
    </div>
</div>

<?php include "public/footer.php" ?>