@extends('master')

@section('seo_title', __('messages.PASSWORD_RECOVERY'))
@section('seo_keywords', '')
@section('seo_description', '')

@section('content')

    @include('layout.breadcrumbs', ['page_title' => __('messages.PASSWORD_RECOVERY')])

    <meta name="csrf-token" content="{{ csrf_token() }}">
    <meta name="locale" content="{{ app()->getLocale() }}">

    <section class="about-area section-padding-80 {{ @$displayTopBarPromotionBanner ? 'section-padding-180' : '' }}">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-10 offset-sm-1 col-md-8 offset-md-2 col-lg-6 offset-lg-3">
                    <h1>@lang('messages.PASSWORD_RECOVERY')</h1>

                    <form action="#" class="customer-reset-password" id="customer-reset-password" method="post">
                        <div class="frm con_frm_inn">
                            <div class="form-group">
                                <label>@lang('messages.PASSWORD')</label>
                                <input class="form-control" id="password" name="password" type="password" required pattern=".{8,}" title="@lang('messages.NEW_PASSWORD_TITLE')">
                            </div>

                            <div class="form-group">
                                <label>@lang('messages.CONFIRM_PASSWORD')</label>
                                <input class="form-control" id="confPassword" name="confPassword" type="password" required>
                            </div>
                            <br />

                            <div class="form-group clearfix">
                                <input class="btn rounded-pill btn-recovery" name="commit" type="submit" value="@lang('messages.UPDATE')">
                            </div>
                            <br><br>
                        </div>

                        <input type="hidden" name="token" value="{{ $token }}">
                    </form>

                    <div class="message-reset-password"></div>
                </div>
            </div>
        </div>
    </section>
@endsection