@inject('FrontendPresenter', 'App\Presenters\FrontendPresenter')
@extends('layouts.frontend')
@section('content')
<main class="main">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-12 col-md-6 col-lg-4 my-4">
                <div class="bs-strong p-6 p-md-8">
                  <form id="form_reset"> 
                    <input type="hidden"  id="email" name="email" value="{{$email}}">
                    <input type="hidden"  id="token" name="token" value="{{$token}}">
                    <input type="hidden" name="_token" value="{!! csrf_token() !!}">
                    <div class="h5 font-weight-bold">重設你的密碼</div>
                        
                        <div class="form-group my-6 text-left">
                            <label class="text-muted">新密碼</label>
                            <input type="password" class="form-control" name="password" id="password" required="">
                        </div>
                        <div class="form-group my-6 text-left">
                            <label class="text-muted">確認密碼</label>
                            <input type="password" class="form-control" name="repeat_password" id="repeat_password" required="">
                        </div>
                        <div class="text-center">
                            <button class="btn btn-primary">重新設定</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</main>
@stop

@include('frontend.module.modal-pw-change')

@section('js')
<script>
$('#form_reset').submit(function (event) {
    event.preventDefault();

    if($("#password").val() != $("#repeat_password").val()){

   
           
        $("header").prepend('<div class="alert alert-danger alert-dismissible fade show m-0 py-1" role="alert">\
        <div class="text-left text-md-center">請確認密碼一致</div>\
        <button type="button" class="close p-1" data-dismiss="alert" aria-label="Close">\
            <i class="fas fa-xs fa-times"></i>\
        </button>\
    </div>');
        return;
    }

    if($("#password").val().length < 6){

           
            $("header").prepend('<div class="alert alert-danger alert-dismissible fade show m-0 py-1" role="alert">\
        <div class="text-left text-md-center">密碼長度至少為6個字元</div>\
        <button type="button" class="close p-1" data-dismiss="alert" aria-label="Close">\
            <i class="fas fa-xs fa-times"></i>\
        </button>\
    </div>');
             
    
            return;
    }
    $.ajax({
        url: '{{ route('member_pw-reset-change') }}',
        data: $('#form_reset').serialize(),
        type: 'POST',
        success: function(response) {

            var res = JSON.parse(response);
            
            if(res.error_code==0){

                alert("更改成功，請重新登入。");

            location.href="/";
            }else{
            $("header").prepend('<div class="alert alert-danger alert-dismissible fade show m-0 py-1" role="alert">\
        <div class="text-left text-md-center">'+res.response+'</div>\
        <button type="button" class="close p-1" data-dismiss="alert" aria-label="Close">\
            <i class="fas fa-xs fa-times"></i>\
        </button>\
    </div>'); 
            }
            
        }
    });
});
</script>
@stop
{{-- 
    <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W53SKVJ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<script src="../assets/js/kule.urbrowser.min.js" id="urbrowser" data-domain="www.edmtw.com"></script>
	<script src="../assets/js/jquery/jquery-3.3.1.min.js?v=1537528068"></script>
	<script src="../assets/js/vendor/bootstrap.bundle.min.js"></script>
    <script src="../assets/js/vendor/bootstrap.responsive-paginate.js"></script>
	<script src="../assets/js/vendor/jquery.slick.min.js"></script>
	<script src="../assets/js/vendor/jquery.hc-sticky.min.js"></script>
	<script src="../assets/js/vendor/jquery.pushy.min.js"></script>
	<script src="../assets/js/vendor/jquery.readmore.min.js"></script>
	<script src="../assets/js/jquery/jquery.scrollbar.min.js?v=1537528068"></script>
	<script src="../assets/js/jquery/owl.carousel.min.js?v=1537528068"></script>
    <script src="../assets/js/main.js?v=1538384436"></script>
	<script src="../assets/js/custom.js"></script>

    <!-- module include -->
    <script src="../assets/js/function/module.js"></script>

    <!-- single -->
    <script>
        $.home();
    </script>
    </body>
</html> --}}