<?php
include_once __DIR__ . '/view/template/includes.php';
?>


<!DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr">
    <!-- BEGIN: Head-->

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
        <meta name="description" content="Materialize is a Material Design Admin Template,It's modern, responsive and based on Material Design by Google.">
        <meta name="keywords" content="materialize, admin template, dashboard template, flat admin template, responsive admin template, eCommerce dashboard, analytic dashboard">
        <meta name="author" content="ThemeSelect">
        <title>Main principal</title>
        <!--<link rel="apple-touch-icon" href="app-assets/images/favicon/apple-touch-icon-152x152.png">-->
        <link rel="shortcut icon" type="image/x-icon" href="app-assets/images/favicon/favicon.ico">
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
        <!-- BEGIN: VENDOR CSS-->
        <link rel="stylesheet" type="text/css" href="app-assets/vendors/vendors.min.css">
        <!-- END: VENDOR CSS-->
        <!-- BEGIN: Page Level CSS-->
        <link rel="stylesheet" type="text/css" href="app-assets/css/themes/horizontal-menu-template/materialize.css">
        <link rel="stylesheet" type="text/css" href="app-assets/css/themes/horizontal-menu-template/style.css">
        <link rel="stylesheet" type="text/css" href="app-assets/css/layouts/style-horizontal.css">
        <link rel="stylesheet" type="text/css" href="app-assets/css/pages/dashboard.css">
        <!-- END: Page Level CSS-->
        <!-- BEGIN: Custom CSS-->
        <link rel="stylesheet" type="text/css" href="app-assets/css/custom/custom.css">
        <!-- END: Custom CSS-->
    </head>
    <!-- END: Head-->

    <body class="horizontal-layout page-header-light horizontal-menu preload-transitions 2-columns   " data-open="click" data-menu="horizontal-menu" data-col="2-columns">
        <input type="hidden" id="txtIdd" value="<?php echo $_GET['id']; ?>" />
        <!-- BEGIN: Header-->
        <header class="page-topbar" id="header">
            <div class="navbar navbar-fixed">
                <nav class="navbar-main navbar-color nav-collapsible sideNav-lock navbar-dark gradient-45deg-light-blue-cyan">
                    <div class="nav-wrapper">
                        <ul class="left">
                            <li>
                                <!--<h1 class="logo-wrapper"><a class="brand-logo darken-1"><img src="app-assets/images/logo/materialize-logo.png" alt="materialize logo"><span class="logo-text hide-on-med-and-down">Empresa</span></a></h1>-->
                            </li>
                        </ul>
                        <ul class="navbar-list right">  
                            <li><a class="waves-effect waves-block waves-light profile-button" href="javascript:void(0);" data-target="profile-dropdown"><span class="avatar-status avatar-online"><img src="app-assets/images/avatar/none.jpg" alt="avatar"><i></i></span></a></li>                            
                        </ul>
                        <!-- profile-dropdown-->
                        <ul class="dropdown-content" id="profile-dropdown">
                            <li><a class="grey-text text-darken-1" href="controller/controlAcceso/controlCerrarSesion.php"><i class="material-icons">keyboard_tab</i>Salir</a></li>
                        </ul>
                    </div>
                </nav>
            </div>
        </header>
        <!-- END: Header-->

        <!-- BEGIN: Page Main-->
        <div id="main">
            <div id="divMostrarAlerta" style="display: none">
            </div>
            <div class="row">
                <div class="col s12">
                    <div class="container">
                        <div class="section">
                            <!-- ecommerce product start-->
                            <div id="ecommerce-product">
                                <!-- ecommerce offers start-->
                                <div id="ecommerce-offer">
                                    <div class="row">
                                        <div class="col s12 m2"></div>
                                        <div class="col s12 m4 mr-2">
                                            <div class="card gradient-shadow gradient-45deg-light-blue-cyan border-radius-3 animate fadeUp">
                                                <a onclick="window.open('/control/login.php', '_self')" style="cursor: pointer;">
                                                    <div class="card-content center">
                                                        <img src="app-assets/images/icon/logo_control_pagos.jpeg" class="width-40 border-round z-depth-5 responsive-img" alt="image" />
                                                        <h5 class="white-text lighten-4">GP</h5>
                                                        <p class="white-text lighten-4">Gestión de pagos</p>
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="col s12 m4">
                                            <div class="card gradient-shadow gradient-45deg-blue-grey-blue-grey border-radius-3 animate fadeUp">
                                                <a onclick="window.open('/vehiculos/login.php', '_self')" style="cursor: pointer;">
                                                    <div class="card-content center">
                                                        <img src="app-assets/images/icon/logo_mant_v.jpg" class="width-40 border-round z-depth-5 responsive-img" alt="image" />
                                                        <h5 class="white-text lighten-4">GMV</h5>
                                                        <p class="white-text lighten-4">Gestión de mantenimientos vehiculares</p>
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <!--                                    <div class="row">
                                                                            <div class="col s12 m2"></div>
                                                                            <div class="col s12 m4 mr-2">
                                                                                <div class="card gradient-shadow gradient-45deg-red-pink border-radius-3 animate fadeUp">
                                                                                    <div class="card-content center">
                                                                                        <img src="app-assets/images/icon/laptop.png" class="width-40 border-round z-depth-5 responsive-img" alt="images" />
                                                                                        <h5 class="white-text lighten-4">VT</h5>
                                                                                        <p class="white-text lighten-4">Visitas técnicas</p>                                                    
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col s12 m4">
                                                                                <div class="card gradient-shadow gradient-45deg-green-teal border-radius-3 animate fadeUp">
                                                                                    <div class="card-content center">
                                                                                        <img src="app-assets/images/icon/bowling.png" class="width-40 border-round z-depth-5 responsive-img" alt="image" />
                                                                                        <h5 class="white-text lighten-4">GE</h5>
                                                                                        <p class="white-text lighten-4">Gestión de equipos</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>-->
                                </div>
                                <!-- ecommerce offers end-->
                                <!-- //////////////////////////////////////////////////////////////////////////// -->
                            </div>
                            <!--end container-->
                        </div>
                    </div>
                    <div class="content-overlay"></div>
                </div>
            </div>
        </div>
        <!-- END: Page Main-->

        <!-- BEGIN: Footer-->

        <footer class="page-footer footer footer-static footer-dark gradient-45deg-light-blue-cyan gradient-shadow navbar-border navbar-shadow">
            <div class="footer-copyright">
                <!--<div class="container"><span>&copy; 2019 <a href="https://www.facebook.com/kevin.espejoalayo/" target="_blank">KEVIN ESPEJO</a> All rights reserved.</span><span class="right hide-on-small-only">Design and Developed by <a href="https://www.facebook.com/kevin.espejoalayo/">KEVIN ESPEJO</a></span></div>-->
            </div>
        </footer>

        <!-- END: Footer-->
        <!-- BEGIN VENDOR JS-->
        <script src="app-assets/js/vendors.min.js"></script>
        <!-- BEGIN VENDOR JS-->
        <!-- BEGIN PAGE VENDOR JS-->
        <script src="app-assets/vendors/chartjs/chart.min.js"></script>
        <!-- END PAGE VENDOR JS-->
        <!-- BEGIN THEME  JS-->
        <script src="app-assets/js/plugins.js"></script>
        <script src="app-assets/js/search.js"></script>
        <script src="app-assets/js/custom/custom-script.js"></script>
        <!-- END THEME  JS-->
    </body>

</html>

<script>
                                                    if ($('#txtIdd').val() != "") {
                                                        var alerta = '<div id="divAlert" class="fixed-action-btn direction-left" style="bottom: 550px;">'
                                                                + '<div id="cardAlert" >'
                                                                + '<div class="card-alert card red floating">'
                                                                + '<div class="card-content white-text">'
                                                                + '<p>' + 'El usuario no tiene permisos suficientes !' + '</p>'
                                                                + '</div></div></div></div>';
                                                        $('#divMostrarAlerta').html(alerta);
                                                        testAnim('bounceInRight');
                                                        $('#divMostrarAlerta').show();

                                                        setTimeout(function () {
                                                            $('#divMostrarAlerta').hide();
                                                            $('#divMostrarAlerta').html('');
                                                        }, 3000);
                                                    }

                                                    function testAnim(x) {
                                                        $('#cardAlert').removeClass().addClass(x + ' animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () {
                                                            $(this).removeClass();
                                                        });
                                                    }
</script>
