@extends('layouts.web.master', ['bodyCss'=>'text-center', 'title'=>'Bioderma | Login'])

	@section('styles')
		<link rel="stylesheet" href="{{ asset('css/web/login.css') }}">
	@endsection

	@section('scripts')

	@endsection

	@section('content')
		

	    <form class="form-signin" method="post" action="{{ route('web-reset-pasword') }}">
			{{ csrf_field() }}

			<div class="col-md-12 mb-12">
	      		@if (count($errors)>0)
				<div class="alert alert-danger">
					<ul>
					@foreach ($errors->all() as $error)
						<li>{{$error}}</li>
					@endforeach
					</ul>
				</div>
				@endif
			</div>

			<a href="/"><img class="mb-4" src="{{ asset('images/logo-bioderma-03.png') }}" alt="" height="50"></a>
	      	<h5 class="h5"></h5>
	      	<h1 class="h3 mb-3 font-weight-normal">Cambio de Clave</h1>

			<div class="form-group ">
				<input type="password" 
					id="password" 
					name="password" 
					class="form-control {{ $errors->has('password') ? 'is-invalid' : '' }}" 
					placeholder="Clave" 
					autofocus
				>
				{!! $errors->first('username', '<div class="text-danger">:message</div>') !!}
			</div>
			
			<div class="form-group">
				<input type="password" 
					id="password_confirmation" 
					name="password_confirmation" 
					class="form-control {{ $errors->has('password_confirmation') ? 'is-invalid' : '' }}" 
					placeholder="Confirmar clave" 
					autofocus
				>
				{!! $errors->first('password_confirmation', '<div class="text-danger">:message</div>') !!}
			</div>

			<input type="hidden" id="email" name="email" value="{{ $passwordReset->email }}">
			<input type="hidden" id="token" name="token" value="{{ $passwordReset->token }}">

			<button class="btn btn-lg btn-primary btn-block" type="submit">Cambiar clave</button>

			<p class="mt-5 mb-3 text-muted">
				<small>Copyright © 2019 <a class="text-green" href="https://www.bioderma.ec" target="_blank">Bioderma</a>. All rights reserved.</small>
			</p>

	    </form>

	@endsection