@extends('layouts.base')

@section('css')
{!! Minify::stylesheet('/css/studyLogin.css')->withFullUrl() !!}
@stop

@section('title')
Acceso a la plataforma online
@stop
@section('description')
Acceda desde aquí con su usario y contraseña si ya está matriculado en Radio ECCA.
@stop

@section('content')
{!! Breadcrumbs::render('study-access') !!}
<div class="container">
    <div class="titulo_categoria">
        <span>Acceso a Plataforma</span>
    </div>
    <div class="col-md-12 titulo">
        Escoja su acceso
    </div>
    <!--    <div class="col-md-6">
            <div class="login-form">
                <h3>GES. Graduado en educación secundaria</h3>
                <form action="http://ges1617.eccaonline.org/login/index.php" class="acceso" method="post" id="login">
                    <div class="form-group">
                        <label for="username">Nombre:</label>
                        <input class="form-control" placeholder="Escriba su usuario..." required="required" name="username" id="username" size="15" type="text">
                    </div>
                    <div class="form-group">
                        <label for="password">Contraseña:</label>
                        <input class="form-control" placeholder="Escriba su contraseña..." required="required" name="password" id="password" size="15" type="password">
                    </div>
                    <input class="btn form-control" value="Entrar" type="submit">
                    <input name="testcookies" value="0" type="hidden">
                </form>
            </div>
        </div>
        <div class="col-md-6">
            <div class="login-form">
                <h3>Bachiller, aula abierta, Formación Profesional</h3>
                <form action="http://www.radioeccaenlinea.org/remoodlelogin/login.php" class="acceso" method="post" id="login">
                    <div class="form-group">
                        <label for="username">Nombre:</label>
                        <input class="form-control" placeholder="Escriba su usuario..." required="required" name="username" id="username" size="15" type="text">
                    </div>
                    <div class="form-group">
                        <label for="password">Contraseña:</label>
                        <input class="form-control" placeholder="Escriba su contraseña..." required="required" name="password" id="password" size="15" type="password">
                    </div>
                    <input class="btn form-control" value="Entrar" type="submit">
                    <input name="testcookies" value="0" type="hidden">
                </form>
            </div>
        </div>-->
    <div class="spacer"></div>
    <div class="row">
        <div class="col-md-3 col-sm-6">
            <div class="thumbnail">
                <center>
                    <div class="caption pad">
                        <h3>Graduado en educación secundaria</h3>
                        <!--<p>Titulación mínima en el Estado español que proporciona la formación básica que le permitirá acceder a estudios superiores.</p>-->
                        <a data="http://ges1617.eccaonline.org/login/index.php" class="btn btn-primary doLogin" role="button">Acceso</a>
                    </div>
                </center>
            </div>
        </div>
        <div class="col-md-3 col-sm-6 disabled">
            <div class="thumbnail">
                <center>
                    <div class="caption">
                        <h3>Bachillerato</h3>
                        <br>
                        <!--<p>Titulación mínima en el Estado español que proporciona la formación básica que le permitirá acceder a estudios superiores.</p>-->
                        <a data="http://www.radioeccaenlinea.org/remoodlelogin/login.php" class="btn btn-primary doLogin" role="button">Acceso</a>
                    </div>
                </center>
            </div>

        </div>
        <div class="col-md-3 col-sm-6 disabled">
            <div class="thumbnail">
                <center>
                    <div class="caption">
                        <h3>F.P. del Sistema Educativo</h3>
                        <!--<p>Titulación mínima en el Estado español que proporciona la formación básica que le permitirá acceder a estudios superiores.</p>-->
                        <a data="http://www.radioeccaenlinea.org/remoodlelogin/login.php" class="btn btn-primary doLogin" role="button">Acceso</a>
                    </div>
                </center>
            </div>
        </div>
        <div class="col-md-3 col-sm-6 disabled">
            <div class="thumbnail">
                <center>
                    <div class="caption">
                        <h3>Aula Abierta y F.P. para el Empleo</h3>
                        <!--<p>Titulación mínima en el Estado español que proporciona la formación básica que le permitirá acceder a estudios superiores.</p>-->
                        <a data="http://www.radioeccaenlinea.org/remoodlelogin/login.php" class="btn btn-primary doLogin" role="button">Acceso</a>
                    </div>
                </center>
            </div>
        </div>
    </div>
</div>

<div class="spacer"></div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Aviso para el alumnado de GES</h4>
            </div>
            <div class="modal-body" style="text-align: justify">
                Estimado alumno/a, el acceso a la plataforma ECCA online para la titulación de GES tiene como fecha de apertura estimada el próximo 3 de octubre coincidiendo la impartición
                de las primeras acciones formativas.<br><br>
                Para cualquier consulta puede contactar con nosotros en el teléfono  902 312 212 o en el correo:<a href="mailto:teleformacion@radioecca.org">teleformacion@radioecca.org</a>
                <br> Le deseamos un feliz comienzo del curso y le damos las gracias por confiar en nosotros para su formación.
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Acceso a la plataforma</h4>
            </div>
            <form action="url" class="acceso" method="post" id="login">
                <span id="url"></span>
                <div class="modal-body" style="text-align: justify">
                    <div class="login-form">
                        <div class="form-group">
                            <label for="username">Nombre:</label>
                            <input class="form-control" placeholder="Escriba su usuario..." required="required" name="username" id="username" size="15" type="text">
                        </div>
                        <div class="form-group">
                            <label for="password">Contraseña:</label>
                            <input class="form-control" placeholder="Escriba su contraseña..." required="required" name="password" id="password" size="15" type="password">
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                    <button type="submit" class="btn btn-default" >Aceptar</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- /.row -->
@stop

@section('js-code-post')
<script>
   $(document).ready(function () {
       //$('#myModal').modal();
       $('.doLogin').click(function (url) {
           var url = $(this).attr('data');
           $('#login').attr('action', url);
           $('#loginModal').modal();
       });
   });

</script>
@stop