<?php  

session_start();

if(!isset($_SESSION['nombre']) &&  !isset($_SESSION['rut']) && !isset($_SESSION['perfil'])){
    header("location:index.php");
}

?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Control Proceso</title>
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.5/themes/metro-orange/easyui.css">  
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.5/themes/mobile.css">  
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.5/themes/icon.css">  
    <script type="text/javascript" src="jquery-easyui-1.4.5/jquery.min.js"></script>  
    <script type="text/javascript" src="jquery-easyui-1.4.5/jquery.easyui.min.js"></script> 
    <script type="text/javascript" src="jquery-easyui-1.4.5/jquery.easyui.mobile.js"></script>
      <script type="text/javascript" src="jquery-easyui-1.4.5/locale/easyui-lang-es.js"></script> 
      <link href="css/estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div class="easyui-navpanel">
        <header>
            <div class="m-toolbar">
                <div class="m-title"><?php echo $_SESSION['perfil'].": ".$_SESSION['rut']." ".$_SESSION['nombre']; ?></div>
                <div class="m-left">
                    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-man',plain:true"></a>
                </div>
                <div class="m-right">
                    <a href="javascript:void(0)" class="easyui-menubutton" data-options="iconCls:'icon-more',plain:true,hasDownArrow:false,menu:'#mm',menuAlign:'right'"></a>
                </div>
            </div>
        </header>
        <div id="mm" class="easyui-menu" style="width:150px;" data-options="itemHeight:30,noline:true">
            <div data-options="iconCls:'icon-undo'"><a href="index.php" class="easyui-linkbutton" data-options="iconCls:'icon-man',plain:true">Cerrar Sesion</a></div>
        </div>
        <ul id="list" class="m-list">
            <a href="contenedor_planilla/planillas" data-options="animation:'slide',direction:'left'"><li> 
                <img class="list-image" src="contenedor_planilla/form_image/planilla.png"/>
                <div class="list-header">Planillas Control Proceso</div>
                <div class="list-content">Ingreso Planillas Control Proceso</div>
            </li></a>
            <a href="contenedor_planilla/planillas_procesos" data-options="animation:'slide',direction:'left'"><li> 
                <img class="list-image" src="contenedor_planilla/form_image/planilla.png"/>
                <div class="list-header">Planillas Procesos Activos</div>
                <div class="list-content">Ingreso Información Procesos Planta</div>
            </li></a>
            <a href="Graficos/Reporte_Pantalla" data-options="animation:'slide',direction:'left'"><li> 
                <img class="list-image" src="contenedor_planilla/form_image/grafico.png"/>
                <div class="list-header">Graficos</div>
                <div class="list-content">Generar graficos Pantalla</div>
            </li></a>
            <a href="Graficos/Informe_Diario/index.php" data-options="animation:'slide',direction:'left'"><li> 
                <img class="list-image" src="contenedor_planilla/form_image/informes.png"/>
                <div class="list-header">Informe Diario</div>
                <div class="list-content">Generar informe de graficos</div>
            </li></a>
            <a href="Sincronizar/index.php" data-options="animation:'slide',direction:'left'"><li> 
                <img class="list-image" src="contenedor_planilla/form_image/informes.png"/>
                <div class="list-header">Sincronizar</div>
                <div class="list-content">Opciones Para Sincronizar</div>
            </li></a>
        </ul>
    </div>

    <div id="p3" class="easyui-navpanel">
        <header>
            <div class="m-toolbar">
                <div class="m-left">
                    <a href="#" class="easyui-linkbutton m-back" data-options="plain:true,outline:true,back:true">Back</a>
                </div>
                <div class="m-title">pagina3</div>
            </div>
        </header>
        <div style="padding:10px">
            <ul class="m-list">
                <li><a href="#p1" data-options="animation:'slide',direction:'left'">Excel</a></li>
            </ul>
        </div>
    </div>
        </div>
    </div>
<style scoped>
        #list .list-image{
            width: 32px;
            height: 32px;
            border: 0;
            margin-right: 5px;
            float: left;
        }
        #list .list-header{
            font-size: 16px;
            font-weight: bold;
        }
        #list .list-content{
            text-overflow: ellipsis;
            overflow: hidden;
        }
        a{
            text-decoration: none;
        }
    </style>
</body>
</html>