<h1 class="title"><?= __('Recover password') ?></h1>

<ul class="breadcrumber">
    <li><a href="<?= url_to('/') ?>" data-ajax><?= __('Home') ?></a></li>
    <li class="active"><?= __('Recover password') ?></li>
</ul>

<div class="box-panel">
    <div class="box-panel-title"><?= __('Recover password') ?></div>
    <form data-ajax action="<?= url_to('/forgot-password') ?>" class="form" method="post">
        <?= csrf_field() ?>

        <div class="box-panel-content">
            <div class="row">
                <div class="label">
                    <label for="username"><?= __('Username') ?> <span class="required">*</span></label>
                </div>
                <div class="field">
                    <input type="text" id="username" name="username" maxlength="10" style="width:100px" />
                </div>
            </div>
            <div class="row">
                <div class="label">
                    <label for="email"><?= __('E-mail') ?> <span class="required">*</span></label>
                </div>
                <div class="field">
                    <input type="text" id="email" name="email" style="width:300px" />
                </div>
            </div>
            <div class="row">
                <div class="label"></div>
                <div class="field">
                    <?= captcha() ?>
                </div>
            </div>
        </div>
        <div class="submit">
            <input type="submit" class="btn" value="<?= __('Recover') ?>">
        </div>
    </form>
</div>