<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="">
        <meta name="author" content="">


        <title>TEC MEXIQUENSE</title>

        <!-- Bootstrap Core CSS -->
        <link href="{{asset('vendor/bootstrap/css/bootstrap.css')}}" rel="stylesheet">

        <!-- MetisMenu CSS -->
        <link href="{{asset('vendor/metisMenu/metisMenu.min.css')}}" rel="stylesheet">

        <!-- Social Buttons CSS -->
        <link href="{{asset('vendor/bootstrap-social/bootstrap-social.css')}}" rel="stylesheet">

        <!-- Custom CSS -->
        <link href="{{asset('dist/css/sb-admin-2.css')}}" rel="stylesheet">



        <!-- Custom Fonts -->
        <link href="{{asset('vendor/font-awesome/css/font-awesome.min.css')}}" rel="stylesheet" type="text/css">

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->

        <script src="{{asset('sweetalert2/sweetalert2.min.js')}}"></script>
        <link rel="stylesheet" href="{{asset('sweetalert2/sweetalert2.min.css')}}">
        <!-- Include a polyfill for ES6 Promises (optional) for IE11 and Android browser -->
        <script src="{{asset('sweetalert2/core.js')}}"></script>

        <!--Favicon-->
        <link rel="shortcut icon" href="{{ asset('images/favTec.png')}}" type="image/x-icon">
        <link rel="icon" href="{{ asset ('images/favTec.png')}}" type="image/x-icon">

        <link rel="stylesheet" href="{{asset('css/nuevo-estilo.css')}}">

        <style type="text/css">
            body {
                background-color: #FFF;
            }
        </style>

        <style>
            * {
                margin: 0;
            }
            html, body {
                height: 100%;
            }
            .wrapper {
                min-height: 100%;
                height: auto !important;
                height: 100%;
                margin: 0 auto -4em;
            }
            .footer, .push {
                height: 4em;
            }
        </style>
    </head>
    <body>
        <div class="wrapper">
            <div class="container-fluid" style="background-color: #5CB74E;border-bottom: solid 4px #0A650C;">
                <div class="col-lg-3 col-md-4 col-sm-4 col-xs-6">
                    <img class="img-responsive " src="{{asset('images/logoTec.png')}}">
                </div>
                <div class="col-lg-9 col-md-8 col-sm-8 col-xs-6">
                    <h1 style="color: #0A650C;">BIENVENIDO</h1>
                </div>
            </div>
            <div class="col-lg-2 col-md-4 col-sm-4 col-xs-4" style="border-right: solid 4px #0A650C;height: 60%;overflow-y: scroll;" id="array-matriculas">
                
            </div>
            <div class="col-lg-10 col-md-8 col-sm-8 col-xs-8">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <h2 class="text-center" style="color: #0A650C;">ACCESO</h2>
                </div>
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="form-group">
                        <label class="control-label text-center col-sm-4" for="cveCtl" style="font-size: large;color: #0A650C;">Clave de Control:</label>
                        <div class="col-sm-6" style="font-size: large;">
                            <input type="text" class="form-control text-center" id="cveCtl" name="cveCtl" placeholder="Clave de Control" autofocus="true" style="font-size: larger;">
                        </div>
                        <div class="col-sm-2">
                            <button type="button" class="btn btn-primary" onclick="validar();">Validar</button>
                        </div>
                    </div>
                </div>
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 panel panel-info" id="contenedor-acceso" style="margin-top: 10px;">
                </div>
            </div>

            <div class="push">

            </div>
        </div>
        <div class="footer" style="background-color: #5CB74E;border-top: solid 4px #0A650C;overflow-x: scroll;">
            <p style="font-size: 2em;text-align: center;">"Grandes emprendedores, Líderes de éxito."</p>
        </div>

        <!-- jQuery -->
        <script src="{{asset('vendor/jquery/jquery.min.js')}}"></script>

        <script src="{{asset('js/jquery.validate.js')}}"></script>

        <!-- Bootstrap Core JavaScript -->
        <script src="{{asset('vendor/bootstrap/js/bootstrap.min.js')}}"></script>

        <!-- Metis Menu Plugin JavaScript -->
        <script src="{{asset('vendor/metisMenu/metisMenu.min.js')}}"></script>

        <!-- Custom Theme JavaScript -->
        <script src="{{asset('dist/js/sb-admin-2.js')}}"></script>

        <script src="{{asset('js/misJs/acceso4.js')}}"></script>
    </body>
</html>