{{ header }}
<!-- BREADCRUMB AREA START -->
<!-- <div class="ltn__breadcrumb-area ltn__breadcrumb-area-2
        ltn__breadcrumb-color-white bg-overlay-theme-black-90 bg-image" data-bg="{{ base }}catalog/view/theme/vb/img/banner/B1.png">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="ltn__breadcrumb-inner
                        ltn__breadcrumb-inner-2
                        justify-content-between">
                    <div class="section-title-area
                            ltn__section-title-2">
                        <h6 class="section-subtitle
                            ltn__secondary-color">// Welcome to
                            V Believers</h6>
                        <h1 class="section-title
                                white-color">Login</h1>
                        <div class="ltn__breadcrumb-list">
                            <ul>
                                <li><a href="{{base}}">Home</a></li>
                                <li>Login</li>
                            </ul>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div> -->
<!-- BREADCRUMB AREA END -->
<!-- LOGIN AREA START -->
    <div class="ltn__login-area pb-65">
        <div class="container">
            {% if success %}
            <div class="alert alert-success alert-dismissible"><i class="fa fa-check-circle"></i> {{ success }}</div>
            {% endif %}
            {% if error_warning %}
            <div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> {{ error_warning }}</div>
            {% endif %}
            <div class="row justify-content-center">
                <div class="col-lg-12">
                    <div class="section-title-area text-center">
                       <!--  <h1 class="section-title">Sign In To Your
                            Account</h1> -->
                        <!-- <p>Lorem ipsum dolor, sit amet consectetur
                            adipisicing elit. <br>
                            Sit aliquid, Non distinctio vel iste.</p> -->
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div id="content" class="col-md-9 col-sm-12
                        fluid-sidebar">
                    <div class="row justify-content-center">
                        <!-- <div class="col-sm-12 col-lg-6 col-md-12 bord" style="border-right:2px solid #194401;">
                            <div class="well ">
                                <h2>New Customer</h2>
                                <p><strong>Register Account</strong></p>
                                <p>By creating an account you will be
                                    able to
                                    shop faster, be up to date on an
                                    order's
                                    status, and keep track of the orders
                                    you
                                    have previously made.</p>
                                <div class="btn-wrapper">
                                    <a href="{{ register }}" class="theme-btn-1 btn">CREATE ACCOUNT</a>
                                </div>
                            </div>
                        </div> -->
                        <div class="col-sm-12 col-lg-10 col-md-10 pho bord" >
                            <div class="well col-sm-12 col-lg-10" style="border: 1px solid #E4B7A0 ;border-radius: 20px;padding: 33px;background: #fffcf4;">
                                <!--  <h2>Returning Customer</h2> -->
                                <p class="mb-10" style="color: #C15B27; font-size: 24px;"><strong>Login</strong></p>
                                <form action="{{ action }}" method="post" enctype="multipart/form-data">
                                    <div class="row  flex-lg-nowrap">
                                        <div class="form-group col-12 col-sm-6 mb-lg-0 mb-lg-0">
                                        <!-- <label class="control-label" for="input-email">E-Mail Address</label> --><!-- {{ entry_email }} -->
                                        <input type="text" name="email" value="{{ email }}" placeholder="Enter your email/mobile no." id="input-email" class="form-control mb-2" style="height: 40px; border-radius: 10px;border-color: #f1ae004d;" />
                                    </div>
                                    <div class="form-group col-12 col-sm-6 text-right mb-lg-0 mb-lg-0">
                                        <!--<label class="control-label" for="input-password">Password</label>-->   <!-- {{ entry_password }} -->               
                                        <input type="password" name="password" value="{{ password }}" placeholder="Enter your password." id="input-password" class="form-control mb-2" style="height: 40px; border-radius: 10px;border-color: #f1ae004d;letter-spacing: 0px;" />
                                        <a style="color: #f1ae00;" href="{{ forgotten }}">Forgot Password?</a>
                                    </div>
                                    </div>
                                    {% if redirect %}
                                        <input type="hidden" name="redirect" value="{{ redirect }}" />
                                    {% endif %}
                                    <div class="btn-wrapper m-0">
                                        <input style="width: auto;padding: 0 20px;height: 36px;font-weight: normal;background: #C15B27;border-radius: 5px; border-color:#C15B27" type="submit" value="{{ button_login }}" class="theme-btn-1 btn m-0" />
                                        <a style="width: auto;padding: 3px 20px;font-size: 16px;font-weight: normal;background: #fa7818;border-radius: 5px;box-shadow: 0px 0px 5px #afafafa6;" href="{{ register }}" class="theme-btn-1 btn ml-3" >Register</a>
                                    </div>
                                </form>
                              <!--   <div class="btn-wrapper mt-3" >
                                        <p class="m-0" style="color: #5b8345; font-size: 18px;">Login With</p>
                                        <a style="width: auto;padding: 3px 20px;font-size: 14px;font-weight: normal;background: #d8331c;border-radius: 5px;box-shadow: 0px 0px 5px #afafafa6;" href="#" class="theme-btn-1 btn" >Google</a>
                                        <a style="width: auto;padding: 3px 20px;font-size: 14px;font-weight: normal;background: #1f448c;border-radius: 5px;box-shadow: 0px 0px 5px #afafafa6;" href="#" class="theme-btn-1 btn ml-3" >Facebook</a>
                                    </div> -->

                            </div>
                        </div>
                    </div>
                </div>
                <!-- <aside class="col-md-3 col-sm-12 col-xs-12 pho">
                    <div class="list-group">
                        <a href="{{ register }}" class="list-group-item">Register</a>
                        <a href="{{ forgotten }}" class="list-group-item">Forgotten
                            Password</a>
                    </div>
                </aside> -->
            </div>
        </div>
    </div>
<!-- LOGIN AREA END -->
{{ footer }}