<?php declare(strict_types=1); ?>

<div class="container-fluid text-center">

<div class="row">
    <div class="col"><h1><?php echo TFISH_LOGIN; ?></h1></div>
</div>

<div class="row justify-content-center">
<div class="col-md-3">
<form class="form-horizontal" action="<?php echo TFISH_URL . 'login/'; ?>" method="post" role="form" accept-charset="UTF-8">

<div class="row justify-content-center">

    <!-- Password -->
    <div class="col-md-3 form-group input-group">
        <input type="password" class="form-control" name="password" id="password" placeholder="<?php echo TFISH_PASSWORD; ?>" required>
        <span class="input-group-text" id="password-addon"><i class="fas fa-lock"></i></span>
    </div>

</div>

<div class="row justify-content-center">

    <!-- Yubikey -->
    <div class="col-md-3 form-group input-group">
        <input type="password" class="form-control" name="yubikeyOtp" id="yubikeyOtp" placeholder="<?php echo TFISH_YUBIKEY; ?>" required>
        <span class="input-group-text" id="password-addon"><i class="fas fa-key"></i></span>
    </div>

</div>

<div class="row justify-content-center">

    <!-- Submit -->
    <div class="col-md-3 form-group input-group">
        <input type="hidden" name="token" value="<?php echo xss($_SESSION['token']); ?>" />
        <input type="hidden" name="action" value="login" />
        <button type="submit" class="btn btn-primary float-end"><?php echo TFISH_SUBMIT ?></button>
    </div>

</div>

</form>

</div>
</div>

<!-- /.container -->
</div>
