@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row">
            <div class="main-content col-12 col-md-7 col-lg-5 mx-auto">
                <div class="account-box">
                    <a href="{{url('/')}}" class="logo">
                        <img src="{{(get_option('site_logo') != null ? url('/assets/img/'.get_option('site_logo')) : url('/assets/img/logo.png') )}}" alt="">
                    </a>
                    <div class="account-box-title">تغییر رمز عبور</div>
                    <div class="account-box-content">
                        <div class="form-account-title">رمز عبور قدیم</div>
                        <div class="form-account-row">
                            <label class="input-label"><i
                                    class="now-ui-icons ui-1_lock-circle-open"></i></label>
                            <input class="input-field" type="password" id="current_password" name="current_password"
                                   placeholder="رمز عبور قدیم خود را وارد نمایید">
                        </div>
                        <div class="form-account-title">رمز عبور جدید</div>
                        <div class="form-account-row">
                            <label class="input-label"><i
                                    class="now-ui-icons ui-1_lock-circle-open"></i></label>
                            <input class="input-field" type="password" id="password" name="password"
                                   placeholder="رمز عبور جدید خود را وارد نمایید">
                        </div>
                        <div class="form-account-title">تکرار رمز عبور جدید</div>
                        <div class="form-account-row">
                            <label class="input-label"><i
                                    class="now-ui-icons ui-1_lock-circle-open"></i></label>
                            <input class="input-field" type="password" id="password_confirmation" name="password_confirmation"
                                   placeholder="رمز عبور جدید خود را مجددا وارد نمایید">
                        </div>
                        <div class="form-account-row form-account-submit">
                            <div class="parent-btn">
                                <button class="dk-btn dk-btn-info" onclick="resetPass();">
                                    تغییر رمز عبور
                                    <i class="now-ui-icons arrows-1_refresh-69"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('auth.footer')
    @include('layouts.loading')
@endsection

@section('footer')
    <script>
        resetPass = function () {
            var password = document.getElementById('password').value;
            var current_password = document.getElementById('current_password').value;
            var password_confirmation = document.getElementById('password_confirmation').value;
            $('#loading').show();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                }
            });
            $.ajax({
                url: '{{route('change.password')}}',
                type: 'POST',
                data: {current_password: current_password, password: password, password_confirmation: password_confirmation},
                success: function (response, textStatus, xhr) {
                    setTimeout(function () {
                        window.location.replace('/profile');
                    }, 100);
                },
                error: function (xhr, textStatus) {
                    $('#loading').hide();
                    jQuery.each(xhr.responseJSON.errors, function (key, value) {
                        toastr.error(value);
                    });
                }
            });
        }
    </script>
@stop