@extends('layout.authentication')
@section('title', 'Ficha Paciente')


@section('content')

    <div class="container">

        <div class="col-md-12 content-center">
            
            <div class="card-plain">
                 <form method="POST" action="{{ url('/iniciar_sesion') }}">                       @csrf
                    <div class="header">

                       
                        <!--<h5>Ficha Paciente</h5>-->
                    </div>

                    <h5 style="color:#FFFFFF;">Sesion expirada</h5>

                    <div class="content"> 

                        @if($errors->any())
                        
                            <h5 style="color:#FFFFFF;">{{session('errors')->first('message1')}}</h5>
                      
                        @endif 

                        <div class="input-group input-lg">
                            <!--<input type="text" class="form-control" placeholder="Ingrese Usuario">-->
                            <input id="rutlogin" type="" class="form-control" placeholder="Ingrese Rut Empresa" name="rutlogin" required maxlength="12">

                            <span class="input-group-addon">
                                <i class="zmdi zmdi-account-circle"></i>
                            </span>
                        </div>
                       
                                         
                        <div class="input-group input-lg">
                            <!--<input type="text" class="form-control" placeholder="Ingrese Usuario">-->
                            <input id="email" type="email" class="form-control" placeholder="Ingrese Usuario" name="email" required >

                            <span class="input-group-addon">
                                <i class="zmdi zmdi-account-circle"></i>
                            </span>
                        </div>
                        
                        <div class="input-group input-lg">
                            <input id="password" type="password" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" required placeholder="Contraseña">
                            
                            <span class="input-group-addon">
                                <i class="zmdi zmdi-lock"></i>
                            </span>
                            @if ($errors->has('password'))
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $errors->first('password') }}</strong>
                                </span>
                            @endif
                        </div>
                    </div>
                    <div class="footer text-center">
                        
                        <button type="submit" class="btn btn-primary btn-round btn-lg btn-block"  >
                            Entrar
                        </button>

                        <div align="right">
                          <a href="crear_cuenta" class="btn btn-primary btn-round btn-lg btn-block">Crear cuenta</a>
                        </div>  

                        <!--<a href="{{route('dashboard.index')}}" class="btn btn-primary btn-round btn-lg btn-block ">Entrar</a>
                        <h5><a href="{{route('authentication.forgot-password')}}" class="link">Forgot Password?</a></h5>-->
                    </div>
                </form>
            </div>
        </div>
    </div>

<div id="dialog_alerta" title="{{config('maestro.nombresistema')}}" align="center">
        <p id="dialog_texto"></p>
</div>

@endsection


@section('page-script')
    <script src="{{asset('js/jquery-3.4.1.min.js')}}"></script>
    <script src="{{asset('assets/jquery-ui.js')}}"></script>
    <script src="{{asset('js/jquery.rut-master/jquery.rut.js')}}"></script>

    <script>

    $(function () {

        $("#dialog_alerta").dialog({ autoOpen: false });


        $("#email").change(function(){


            var regex = /[\w-\.]{2,}@([\w-]{1,}\.)*([\w-]{1,}\.)[\w-]{2,4}/;

            if (regex.test($('#email').val().trim())) {
                //alert('Correo validado');

            } else {
                //alert('La direccón de correo no es válida');
                $( "#dialog_texto" ).empty();
                $( "#dialog_texto" ).append("Formato Email inválido.");
                $( "#dialog_alerta" ).dialog('open');
                $(this).val("");
            }

            
        }); 


    });
    </script>
@stop