@extends('web.layouts.main')

@section('content')

@include('web.components.page-header', ['heading' => trans('text.reset-password')])

<div class="container pb-5 mb-5">
	<div class="custom-card bg-quaternary">

		@include('web.components.alert', ['with' => 'warning', 'class' => 'warning'])

		<form method="POST" action="{{ route('web.password.update', $locale) }}" autocomplete="off">
			@csrf

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

			<div class="row justify-content-center">
				<div class="col-lg-6">
					<div class="mb-3">
						@include('web.components.inputs.input', ['label' => trans('text.create-password').'*', 'type' => 'password', 'placeholder' => trans('text.please-specify'), 'name' => 'password'])
					</div>

					<div class="mb-3">
						@include('web.components.inputs.input', ['label' => trans('text.confirm-password').'*', 'type' => 'password', 'placeholder' => trans('text.please-specify'), 'name' => 'confirm_password'])
					</div>

					<div class="text-center mt-4">
						<button type="submit" class="btn btn-custom font-weight-bold">{{ trans('text.reset') }}</button>
					</div>
				</div>
			</div>
		</form>
	</div>
</div>

@endsection