{extends file="layout.tpl"}

{block name="breadcrumb"}
    <nav class="nav-breadcrumb" role="navigation" aria-labelledby="breadcrumb-label">
        <strong id="breadcrumb-label">{intl l="You are here"}: </strong>
        <ul class="breadcrumb" itemprop="breadcrumb">
            <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="index.php" itemprop="url"><span itemprop="title">{intl l="Home"}</span></a></li>
            <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="active"><span itemprop="title">{intl l="Login"}</span></li>
        </ul>
    </nav><!-- /.nav-breadcrumb -->
{/block}

{block name="main-content"}


    <div class="main">
        <article class="col-main" role="main" aria-labelledby="main-label">
            <h1 id="main-label" class="page-header">Login</h1>
            <form id="form-login" action="" method="post" role="form">
                <fieldset>
                    <div class="form-group group-email">
                        <label for="email">Please enter your email address</label>
                        <input type="email" name="email" id="email" class="form-control" value="" aria-required="true" autofocus required>
                    </div>
                    <fieldset>
                        <legend>Do you have an account?</legend>
                        <div class="radio radio-account0" >
                            <label for="account0">
                                <input type="radio" name="account" id="account0" data-toggle="password" value="0" <?php if(!(isset($_POST['account']) && $_POST['account'] == '1')) { echo ' checked'; }?>> No, I am a new customer.
                            </label>
                        </div>
                        <div class="radio radio-account1">
                            <label for="account1">
                                <input type="radio" name="account" id="account1" data-toggle="password" value="1"<?php if(isset($_POST['account']) && $_POST['account'] == '1' ) { echo ' checked'; }?>> Yes, I have a password :
                            </label>
                        </div>
                        <div class="form-group group-password">
                            <label for="password" class="sr-only">Please enter your password</label>
                            <input type="password" name="password" id="password" class="form-control" autocomplete="off">
                        </div>
                    </fieldset>
                </fieldset>

                <div class="group-btn">
                    <a href="password.php" class="forgot-password">Forgot your Password ?</a>
                    <button type="submit" class="btn btn-login">Next</button>
                </div>
            </form>
        </article>
    </div>
{/block}