@extends('layout')
@section('metatitle', $metatitle )
@section('metadescription', $metatitle )
@section('metakeywords', $metatitle )


@section('content')
    @include('layouts._slider',array('slug' => 'forgotreset', 'title' => $metatitle))


    <div class="container">
        @include('layouts._flash')
    </div>




    <!-- Content area start -->
    <div class="content-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <!-- Form content box start -->
                    <div class="form-content-box">
                        <!-- details -->
                        <div class="details">
                            <div class="tab-style-2">
                                <div class="tab-style-2-line">
                                    <h4>{{ $metatitle }}</h4>
                                    <div class="tab-content">
                                        <div class="tab-pane active" id="tab_login">

                                            <h4 class="login-title">utilizator: {{ $user->email }}</h4>
                                            <form method="POST" action="{{ url()->route( 'auth.forgotreset') }}"
                                                  id="forgotreset">
                                                {{ csrf_field() }}
                                                <input name="id" type="hidden" value="{{ $user->id }}">
                                                <input name="confirmationcode" type="hidden"
                                                       value="{{ $user->confirmationcode }}">


                                                <div class="form-group">
                                                    <input id="password" type="password" class="input-text"
                                                           name="password" required>
                                                </div>


                                                <div class="form-group">
                                                    <input id="retype_password" type="password" class="input-text"
                                                           name="retype_password" required>
                                                </div>


                                                <input class="login-sub" type="submit" value="Continua"/>
                                            </form>

                                            <!-- Form end -->
                                            <!-- Footer -->
                                            <div class="footer">
                                              <span>
                                                  Ai cont? <a href="/register">Autentifica-te</a>
                                              </span>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">

                    <div class="panel panel-primary spacer">
                        {!! Cache::remember('custom1', config('app.no_cache_minutes'), function() {
                           return Cmsmodule::getModuleFromPosition('custom1');
                          }) !!}
                    </div>
                    <div class="panel panel-info">
                        {!! Cache::remember('custom1', config('app.no_cache_minutes'), function() {
                            return Cmsmodule::getModuleFromPosition('custom2');
                            }) !!}
                    </div>

                </div>
            </div>
        </div>
    </div>



@endsection

@section('footer')

    <script src="{{ url('/') }}/js/validation/dist/jquery.validate.min.js"></script>

    {{--PENTRU VALIDARE--}}
    <script>
        // validate signup form on keyup and submit
        $("#forgotreset").validate({
            rules: {
                password: {
                    required: true,
                    minlength: 5
                },
                retype_password: {
                    required: true,
                    equalTo: "#password"
                },
            },
            errorPlacement: function (error, element) {
                error.insertBefore(element);
            },
            errorElement: 'div',
            messages: {
                password: {
                    required: "Va rugam completati campul",
                    minlength: "Minim 5 caractere"
                },
                retype_password: {
                    required: "Va rugam completati campul",
                    equalTo: "Parola trebuie sa fie identica cu cea din campul anterior"
                },
            }
        });

    </script>


@endsection