@extends('layout')

@section('content')
		<!-- start start screen -->
		<div id="start-screen" class="start-screen--light start-screen--style-4">
			<div class="start-screen__static-bg jarallax" data-speed="0.5" style="background-image: url(/assets/front/img/intro_img/1.jpg);">

				<div class="start-screen__content  text--center">
					<div class="start-screen__content__inner">
						<div class="grid grid--container">
							<div class="row row--xs-middle">
								<div class="col col--md-10 col--lg-8 col--xl-7 viz__viz">
									<h1 class="h2 __title">@include('partials.breadcrumb')</h1>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>

		</div>
		<!-- end start screen -->

    <div class="contact login">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-6 col-lg-6 pt-5 pb-5">
                    @include('errors.error')
                    @if (session()->has('message'))
                        <div class="alert alert-{{ session()->get('type') }} alert-dismissable">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;
                            </button>
                            {{ session()->get('message') }}
                        </div>
                    @endif
                    @if (session()->has('status'))
                        <div class="alert alert-danger alert-dismissable">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;
                            </button>
                            {{ session()->get('status') }}
                        </div>
                    @endif
                    <br>
                    <form class="contact-form" method="POST" action="{{ route('user.password.request') }}">
                        {{ csrf_field() }}
                        <div class="row">

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

                            <div class="col-xl-12 col-lg-12">
                                <div class="form-group">
                                    <label for="InputAmount">E-mail<span class="requred">*</span></label>
                                    <input type="email" class="form-control" name="email" id="InputAmount" value="{{$email}}" placeholder="Enter Your E-mail Address"
                                           readonly>
                                </div>
                            </div>

                            <div class="col-xl-12 col-lg-12">
                                <div class="form-group">
                                    <label for="InputAmount">New Password<span class="requred">*</span></label>
                                    <input type="password" name="password" class="form-control"  id="InputAmount"  placeholder="Password"
                                           readonly>
                                </div>
                            </div>

                            <div class="col-xl-12 col-lg-12">
                                <div class="form-group">
                                    <label for="InputAmount">Confirm Password<span class="requred">*</span></label>
                                    <input type="password" name="password_confirmation" class="form-control"  id="InputAmount"  placeholder="Password"
                                           readonly>
                                </div>
                            </div>


                            <div class="col-xl-12 col-lg-12">
                                <div class="row d-flex">
                                    <div class="col-xl-6 col-lg-6">
                                        <button type="submit" class="custom-btn custom-btn--medium custom-btn--style-2 mt-3">Reset Password</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection