@extends('quanlynhatro.layout')

@section('title')
    <title>quanlynhatro.com - Quên mật khẩu</title>
@endsection

@section('meta')
    <meta property="og:url" content="{{ url()->current() }}"/>
    <meta property="og:type" content="website"/>
    <meta property="og:title" content="Quản lý nhà trọ - Quên mật khẩu"/>
    <meta property="og:description"
          content="iTro.vn - Tìm là thấy, ở là thích"/>
    <meta property="og:image" content="https://quanlynhatro.com/ogimage_qlnt.jpg"/>
@endsection
@section('content')
    <script src="https://www.gstatic.com/firebasejs/7.12.0/firebase-app.js"></script>

    <!-- If you enabled Analytics in your project, add the Firebase SDK for Analytics -->
    <script src="https://www.gstatic.com/firebasejs/7.12.0/firebase-analytics.js"></script>

    <!-- Add Firebase products that you want to use -->
    <script src="https://www.gstatic.com/firebasejs/7.12.0/firebase-auth.js"></script>
    <script src="https://www.gstatic.com/firebasejs/7.12.0/firebase-firestore.js"></script>
    <script>
        // Your web app's Firebase configuration
        var firebaseConfig = {
            apiKey: "AIzaSyDzyVgQ6Z6rqTZ6WnKjaR2uuv_hizsySjk",
            authDomain: "itro-b9c1a.firebaseapp.com",
            databaseURL: "https://itro-b9c1a.firebaseio.com",
            projectId: "itro-b9c1a",
            storageBucket: "itro-b9c1a.appspot.com",
            messagingSenderId: "761922008105",
            appId: "1:761922008105:web:dffaa82661365b98d89838"
        };
        // Initialize Firebase
        firebase.initializeApp(firebaseConfig);
    </script>

    <div class="page-si">
        <div class="page-si__wrap">
            <div class="block-si-form shadow-sm">
                <div class="block-si-form__wrap">
                    <div class="block-si-form__header">
                        <div class="si-top-logo">
                            <a href="/"><img src="/quanlynhatro/assets/img/itro-logo-colored.png" alt="" height="32px"></a>
                        </div>
                    </div>
                    <div class="block-si-form__body">
                        <div class="si-main">
                            <div class="si-main__wrap">
                                <div class="si-main__top">
                                    <h2 class="si-main__title">Cài đặt lại mật khẩu</h2>
                                </div>
                                <div class="si-main__body">
                                    <div class="si-main__form">
                                        <form action="#" id="form-reset">
                                            <input type="hidden" name="confirm_token" value="{{ $token->token }}">
                                            <div class="form-group">
                                                <label class="form-label">Mật khẩu mới</label>
                                                <input type="password" class="form-control" name="password"
                                                       placeholder="Mật khẩu mới" id="password">
                                            </div>
                                            <div class="form-group">
                                                <label class="form-label">Nhập lại mật khẩu mới</label>
                                                <input type="password" class="form-control" name="confirm_password"
                                                       placeholder="Xác nhận mật khẩu" id="confirm_password">
                                            </div>
                                            <button class="btn btn-primary btn-block" id="btn-reset" type="button">Xác
                                                nhận
                                            </button>
                                            <div class="mt-2 text-center">
                                                Quay lại
                                                <a href="/login" class="link-forgot-pass">Đăng nhập</a>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="block-si-intro">
                <div class="block-si-intro__wrap">
                    <div class="si-intro-header text-center">
                        <h1 class="si-intro-title c-section-title">iTro tự hào là hệ thống quản lý nhà cho thuê tốt nhất
                            với đầy đủ nền tảng từ Web đến App</h1>
                        <p class="si-intro-subtitle c-section-subtitle">Với ITRO, bạn có thể quản lý và vận hành nhà cho
                            thuê một cách đầy đủ nhất, từ việc theo dõi tình hình thanh toán tiền thuê của khách đến
                            việc quản lý tình hình kinh doanh và theo dõi tất cả thông tin, hình ảnh của khách thuê thật
                            dễ dàng.</p>
                        <div class="si-intro-action">
                            <a href="#" class="btn btn-primary btn-md">Xem hướng dẫn sử dụng</a>
                        </div>
                    </div>
                    <div class="si-intro-divider"></div>
                    <div class="si-intro-main">
                        <div class="si-intro-app">
                            <div class="si-intro-app__screen">
                                <img src="/quanlynhatro/mockups/iphone-login-screen.svg" alt="">
                            </div>
                            <div class="si-intro-app__content text-center">
                                <h3 class="si-intro-app__title text-uppercase">Đâu chỉ mình website, <br> chúng tôi có
                                    cả app dành cho bạn</h3>
                                <p class="si-intro-app__subtitle"></p>
                                <div class="si-intro-app__download">
                                    <a target="_blank"
                                       href="https://itunes.apple.com/us/app/itro-qu%E1%BA%A3n-l%C3%BD-tr%E1%BB%8D-th%C3%B4ng-minh/id1352848785?ls=1&mt=8"><img
                                                src="/quanlynhatro/assets/img/download-app-store.png" alt=""
                                                height="48"></a>
                                    <br>
                                    <a target="_blank"
                                       href="https://play.google.com/store/apps/details?id=com.blue.hoantran.itro_host"><img
                                                src="/quanlynhatro/assets/img/download-google-play.png" alt=""
                                                height="48"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="si-intro-footer text-center">
                        <div class="si-intro-footer__copyright">© 2020 ITRO</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@push('scripts')
    <script>
        function validate() {
            var formStatus = $("#form-reset").validate(
                {
                    ignore: ".ignore",
                    errorElement: "span",
                    errorClass: "help-block help-block-error",

                    highlight: function (e) {
                        $(e).closest(".form-group").addClass("has-error")
                    },
                    unhighlight: function (e) {
                        $(e).closest(".form-group").removeClass("has-error")
                    },
                    success: function (e) {
                        e.closest(".form-group").removeClass("has-error")
                    },
                    rules: {
                        password: "required",
                        confirm_password: {
                            equalTo: "#password"
                        },
                    },
                    messages: {
                        password: "Vui lòng không bỏ trống mật khẩu",
                        //    confirm_password: "Vui lòng không bỏ trống loại tài khoản",
                        confirm_password: {
                            required: "Vui lòng nhập lại mật khẩu",
                            equalTo: "Vui lòng nhập lại chính xác mật khẩu"
                        },
                    },
                    errorPlacement: function (error, element) {
                        if (element.attr("name") == "accept_policy") {
                            error.appendTo(".text-err");
                        } else {
                            error.insertAfter(element);
                        }
                    }
                }
            ).form();
            return formStatus;
        }

        $(document).ready(function () {
            $('#btn-reset').click(function () {
                reset();
            });
        });

        $('input').keypress(function (e) {
            if (e.keyCode == 13) {
                reset();0901713979
            }
        });

        function reset() {
            var formStatus = validate();
            if (formStatus) {
                var data = $('#form-reset').serialize();

                $.ajax({
                    url: '{{ url('reset-password-token') }}',
                    type: 'post',
                    data: data,
                    dataType: 'json',
                    success: function (response) {
                        if (response.status == 0) {
                            swal('Thông báo', response.message, 'info');
                            return;
                        } else {
                            swal('Thành công', 'Mật khẩu đã được đổi thành công', 'success');
                            setTimeout(function () {
                                window.location.href = '/login';
                            }, 2000);

                        }


                    }
                });
            }
        }
    </script>
@endpush