@extends('layouts.master')

@section('title', 'Reset Password | ITVJP.COM')

@section('style-libraries')

@stop

@section('styles')
    
@stop

@section('content')
<div id="content">
    <br>
    <br>
    <section id="loginPage" style="min-height: 400px;">
        <div class="w3-container">
            <div id="login">
                <h4 class="text-center">{{ __('Change Password') }}</h4>
                <form method="POST" id="change-password">
                    {!! csrf_field() !!}
                    @if(isset($error))
                        <div id="auth" class="w3-modal">
                            <div class="w3-modal-content">
                                <div class="w3-containe w3-center">
                                    <h3>{{ __('website.notify') }}</h3>
                                    <p>{{ $error }}</p>
                                </div>
                            </div>
                        </div>
                    @endif

                    @if(isset($success))
                        <div id="auth" class="w3-modal">
                            <div class="w3-modal-content">
                                <div class="w3-containe w3-center">
                                    <h3>{{ __('website.notify') }}</h3>
                                    <p>{{ $success }}</p>
                                </div>
                            </div>
                        </div>
                    @endif
                    <input type="hidden" name="device_id" id="device_id" value="">
                    <div class="w3-row mb-10">
                        <div class="w3-col mb-10">
                            <label class="w3-text fw-700 @if($errors->has('password')) w3-text-red @endif" for="password">{{__('message.password')}}</label>
                            <input type="password" class="w3-input w3-border w3-round-large @if($errors->has('password')) w3-border-red @endif" readonly onfocus="this.removeAttribute('readonly');" autocomplete="off" autofill="off" id="password" name="password" placeholder/>
                            @if($errors->has('password'))
                                <div class="error w3-text-red">{{ $errors->first('password') }}</div>
                            @endif
                        </div>
                        <div class="w3-col">
                            <label class="w3-text fw-700 @if($errors->has('re-password')) w3-text-red @endif" for="re-password">{{__('message.confirm_password')}}</label>
                            <input type="password" class="w3-input w3-border w3-round-large @if($errors->has('re-password')) w3-border-red @endif" readonly onfocus="this.removeAttribute('readonly');" autocomplete="off" autofill="off" id="re-password" name="re-password" placeholder/>
                            @if($errors->has('re-password'))
                                <div class="error w3-text-red">{{ $errors->first('re-password') }}</div>
                            @endif
                        </div>
                    </div>
                    <div class="form-input">
                        <button class="btn btn-login">{{ trans('Change Password') }}</button>
                    </div>

                    <div class="w3-center fw-700 mb-20">
                        <a href="mailto:cs@itvmax.org">cs@itvmax.org</a>
                    </div>
              </form>
            </div>  
        </div>
    </section>
</div>
@endsection

@section('scripts')
    @if(isset($success))
        <script type="text/javascript">
            setTimeout(function() {
                window.location.href = "{{ route('get-login') }}";
            }, 2000); 
            $('#auth').click(function() {
                window.location.href = "{{ route('get-login') }}";
            });
        </script>
    @endif
@stop