@extends('frontend.master')
@section('content')
<div class="content">
    <div class="container">
		<div id="resetPass">
			<p class="text-center">{{ __('messages.please_check_the_mailbox') }}.</p>
			<div>
				<div class="col-lg-4 offset-lg-4">
					<form>
						<div class="form-group">
							<label>{{ __('messages.email_address') }}</label>
							<input type="email" class="form-control email" value="{{ Request::get('email') }}" disabled>
						</div>
						<div class="form-group">
							<label>{{ __('messages.code') }}</label>
							<input type="text" class="form-control code" value="{{ Request::get('reset_code') }}" disabled>
						</div>
						<div class="form-group">
							<label>{{ __('messages.new_password') }}</label>
							<input type="password" class="form-control password">
							<p class="alert-password alert-errors"></p>
						</div>
						<div class="form-group">
							<label>{{ __('messages.retype_new_password') }}</label>
							<input type="password" class="form-control confirmpassword">
							<p class="alert-confirmpassword alert-errors"></p>
						</div>
					</form>
					<div style="text-align: center;">
						<p class="alert-reset" style="color: #00b8ff;text-align: center;"></p>
						<button type="button" class="btn btn-primary reset-pass">{{ __('messages.submit') }}</button>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
    <script>
        $( document ).ready(function() {
            $('.reset-pass').click(function(){
                $('.alert-errors').html('');
                var email = $('.email').val();
                var code = $('.code').val();
                var password = $('.password').val();
                var confirmpassword = $('.confirmpassword').val();
                var data = {
                    email : email,
                    code : code,
                    password : password,
                    confirmpassword : confirmpassword
                }
                $.ajaxSetup({
                    headers:
                        {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        }
                });
                $.ajax({
                    method : "POST",
                    url : "{{ $url_link }}/resetpass-ajax",
                    data : data,
                    dataType : 'json',
                    success: function (response) {
                        if(response.status == 200){
                            Swal.fire({
                                type: 'success',
                                text: '{{ __('messages.change_password_success') }}.',
                                confirmButtonText: "{{ __('messages.confirm_text_ok') }}",
                            }).then((result) => {
                                top.location.href="{{url ('log-in')}}";
                            });
                        }
                        else{
                            Swal.fire({
                                type: 'warning',
                                text: '{{ __('messages.change_password_fail') }}.',
                                confirmButtonText: "{{ __('messages.confirm_text_ok') }}",
                            })
                        }
                    },
                    error: function (data) {
                        $.each(data.responseJSON.errors, function( index, value ) {
                            $('.alert-' + index).html(value);
                        });
                    }
                });
            })
        })
    </script>
@endsection