@extends('main_login')
 
@section('content')

<style>
.rbt-contact-form.contact-form-style-1 {
    padding: 50px;
    position: relative;
    z-index: 1;
    max-width: 490px;
    z-index: 2;
    background: #ffffff;
    box-shadow: none;
    border-radius: var(--radius);
}
@media only screen and (max-width: 360px) {
    .icon-reverse-wrapper{
        font-size: 10px;

    }

    .rbt-contact-form.contact-form-style-1 {
        padding: 20px;
        padding-top: 0px;
        position: relative;
        z-index: 1;
        max-width: 490px;
        z-index: 2;
        background: #ffffff;
        box-shadow: none;
        border-radius: var(--radius);
    }
}
</style>

        <div class="row">


            <div class="col-lg-6" style="margin-top: 150px; position: fixed; width: 50vw; height: 100vh; left: 0px; ">
                <div class="rbt-splite-style" style="text-align: center;">
                        <img class="MuiBox-root" style="width: 50%;" src="/robot_.png" alt="Orimon">
                        <h4 class="title" style="margin-top: 20px;">Hola! Soy IVAI</h4>
                </div>
            </div>

            <div class="col-lg-6" style="padding-top: 0px;  right: 0px; background-color: #fff; position: fixed; height: 100vh;">
                <div class="rbt-contact-form contact-form-style-1 max-width-auto">
                    <div class="center">
                        <img class="MuiBox-root css-1iy0rzk" src="/images/logo/logo.png" alt="Orimon">
                    </div>
                    <div class="MuiDivider-root MuiDivider-middle MuiDivider-withChildren css-fvxkhx" role="separator"><span class="MuiDivider-wrapper css-c1ovea" style="color: #fff;">Recuperar constraseña</span></div>
                    <h3 class="title" style="color: #fff;">Ingrese su nueva contraseña</h3>
                    <form class="max-width-auto" id="forms_login" name="forms_login" action="/password-reset/{{$id}}/{{$hash}}" method="post">
                    
                    {{ csrf_field() }}
                      @if(Session::has('error_message'))
                          <div class="alert alert-danger alert-dismissible">
                              
                                {{ Session::get('error_message') }}
                            
                            </div>
                        @endif
                        <label style="padding-bottom: 10px; color:#000;">Password new *</label>
                        <div class="form-group">
                            <input name="password" type="password" />
                            <span class="focus-border"></span>
                        </div>
                        <label style="padding-bottom: 10px; color:#000;">Password confirm *</label>
                        <div class="form-group">
                            <input name="confirm_password" type="password">
                            <span class="focus-border"></span>
                        </div>

                      

                        <div class="form-submit-group">
                            <button type="submit" class="rbt-btn btn-md btn-success hover-icon-reverse w-100" style="background-color: #254c72 !important;">
                                <span class="icon-reverse-wrapper">
                                    <span class="btn-text">Resetear</span>
                                <span class="btn-icon"><i class="feather-arrow-right"></i></span>
                                <span class="btn-icon"><i class="feather-arrow-right"></i></span>
                                </span>
                            </button>
                        </div>
                    </form>
                    
                    
                </div>
            </div>



        </div>




@endsection
    @section('vs')

     @if(isset($validator))
         {!! $validator->selector("#forms_login") !!}
    @endif
@endsection