@extends('layouts.base')

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

@section('title')
Acceso a formación 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 formación <i>online</i></span>
    </div>
    <div class="col-md-12 titulo">
        Escoja su acceso
    </div>
    <div class="spacer"></div>
    <div class="row">
        <div class="col-md-6 col-xs-12">
            <h3>Titulaciones oficiales</h3>
            <div class="list-group">
                <a href="https://titulacionesoficiales.eccaonline.org/" class="list-group-item list-group-item-action" title="Acceder"><h3 style="color: #0069ad">Graduado en Educación Secundaria</h3></a>
                <a href="https://titulacionesoficiales.eccaonline.org/" class="list-group-item list-group-item-action" title="Acceder"><h3 style="color: #0069ad">Bachillerato</h3></a>
                <a href="https://titulacionesoficiales.eccaonline.org/" class="list-group-item list-group-item-action" title="Acceder"><h3 style="color: #0069ad">Ciclo Superior de Integración Social (semipresencial)</h3></a>
                <a href="https://titulacionesoficiales.eccaonline.org/" class="list-group-item list-group-item-action" title="Acceder"><div class="ribbon" style="font-size: 13px; color: orange; font-weight: 600; float: right">Nuevo <span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span></div> <h3 style="color: #0069ad">Ciclo Superior de Integración Social (<i>online</i>)</h3></a>
                <a href="https://titulacionesoficiales.eccaonline.org/" class="list-group-item list-group-item-action" title="Acceder"><div class="ribbon" style="font-size: 13px; color: orange; font-weight: 600; float: right">Nuevo <span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span></div><h3 style="color: #0069ad">Ciclo Medio de Cuidados Auxiliares de Enfermería (semipresencial)</h3></a>
            </div>
        </div>
        <div class="col-md-6 col-xs-12">
            <h3>Titulaciones no oficiales</h3>
            <div class="list-group">
                <a href="https://actividadsocioeducativa.eccaonline.org/" class="list-group-item list-group-item-action" title="Acceder"><h3 style="color: #0069ad">Aprendizaje a lo largo de la vida</h3></a>
				<!--<a href="https://actividadsocioeducativa.eccaonline.org/" target="_blank" class="list-group-item list-group-item-action" title="Acceder">
				<div class="ribbon" style="font-size: 13px; color: orange; font-weight: 600; float: right">Nuevo <span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span></div>
				<h3 style="color: #0069ad">Ecca Tenerife Impulsa (ETI)</h3></a> -->
            </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</h4>
            </div>
            <div class="modal-body" style="text-align: justify">
                <!--Estimado alumno/a, por motivos ajenos a Radio ECCA, hoy miércoles 22 de noviembre de 2017 hay un corte del suministro eléctrico que afecta al servicio de acceso a las plataformas moodle de Bachillerato, F.P. del Sistema Educativo y Aula Abierta.
                <br><br>Estos accesos no estarán disponibles desde las 08:15 a las 13:15 horas.-->

                <!--Estimado alumno/a, le comunicamos que, por razones técnicas, los accesos a las plataformas de Bachillerato, Aula Abierta y F.P. para el empleo y F.P. del Sistema Educativo permanecerán cerrados durante el día de hoy. <br><br>Estamos trabajando para restablecer el servicio lo antes posible.<br><br>
                Para cualquier consulta puede contactar con nosotros/as a través del correo electrónico:<a href="mailto:teleformacion@radioecca.org">teleformacion@radioecca.org</a>
                <br>Disculpe las molestias. Gracias.-->

                Estimado alumnado, le comunicamos que los accesos a las plataformas de <b>Bachillerato, Aula Abierta y F.P. para el empleo y F.P. del Sistema Educativo semipresencial</b> pueden no funcionar correctamente debido a tareas de mantenimiento del servicio. <br><br><b>El mantenimiento será desde 14 al 16 de diciembre de 2018.</b><br><br>
                Para cualquier consulta puede contactar con nosotros/as a través del correo electrónico:<a href="mailto:teleformacion@radioecca.org">teleformacion@radioecca.org</a>
                <br><br>Disculpe las molestias. Gracias.
            </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