@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: #454d55;
    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: #454d55;
        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">
                    <div class="split-inner">
                       
                    </div>
                </div>
            </div>

            <div class="col-lg-6" style="padding-top: 0px;  right: 0px; background-color: #454d55; position: fixed; height: 100vh;">
                <div class="rbt-contact-form contact-form-style-1 max-width-auto">
                    <h3 class="title">Iniciar sesión</h3>
                    <form  method="post" class="max-width-auto" id="forms_login" name="forms_login" action="/loginActionRoot" style="color: #fff;">
                    
                      @csrf
                      @if(Session::has('error_message'))
                          <div class="alert alert-danger alert-dismissible">
                              
                                {{ Session::get('error_message') }}
                            
                            </div>
                        @endif
                        @if(\Session::has('success'))
                            <div class="alert alert-success">
                                 <ul>
                                     <li>{!! \Session::get('success') !!}</li>
                                 </ul>
                            </div>
                         @endif
                        <label style="padding-bottom: 10px; color:#fff;">Usuario Padre*:</label>
                        <div class="form-group">
                            <input name="emailpadre" type="emailpadre" />
                            <span class="focus-border"></span>
                        </div>
                        <label style="padding-bottom: 10px; color:#fff;">Clave Padre*:</label>
                        <div class="form-group">
                            <input name="password" type="password">
                            <span class="focus-border"></span>
                        </div>
                        <label style="padding-bottom: 10px; color:#fff;">Usuario o email Hijo *:</label>
                        <div class="form-group">
                            <input name="email" type="email" />
                            <span class="focus-border"></span>
                        </div>

                        <div class="row mb--30">
                            <div class="col-lg-4">
                                <div class="rbt-checkbox">
                                    <input type="checkbox" id="rememberme" name="rememberme">
                                    <label for="rememberme">Recordarme</label>
                                </div>
                            </div>
                            <div class="col-lg-4">
                            </div>
                            <div class="col-lg-4">
                            </div>
                        </div>

                        <div class="form-submit-group">
                            <button type="submit" class="rbt-btn btn-md btn-success hover-icon-reverse w-100" style="background-color: #387b49 !important;">
                                <span class="icon-reverse-wrapper">
                                    <span class="btn-text">Entrar</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