<?php 
	//seguridad base
	session_start();

	if(!isset($_SESSION['id_usuario'])){
		//header("Location: index.php");
		//die();
	}
	
 ?>
<!DOCTYPE html>
<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">
		
		<title> THOMSON REUTERS | ARGENTINA </title>
		
		<link rel="stylesheet" href="libs/bootstrap-3.3.7-dist/css/bootstrap.min.css">
		<link rel="stylesheet" href="libs/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css">
		
		<script src="libs/jquery-1.12.4.min.js" type="text/javascript"></script>
		<script src="libs/bootstrap-3.3.7-dist/js/bootstrap.min.js" type="text/javascript"></script>
		
		<style type="text/css" media="screen">
			@font-face {
				font-family: Knowledge-Light;
				src: url(recursos/FONT/Knowledge-Light.ttf);
			}
			@font-face {
				font-family: Knowledge-Regular;
				src: url(recursos/FONT/Knowledge-Regular.ttf);
			}
			@font-face {
				font-family: Montserrat-Light;
				src: url(recursos/FONT/Montserrat-Light.otf);
			}
			*, body{
				font-family: "Arial" ;
			}
			.navbar{
				min-height: 80px;
			}
			#logo_navbar{
				margin-top: 7px;
				margin-left: 55px;
				width: 370px;
			}

			#body{
				margin-top: 60px;
			}

			#video{
				margin-bottom: 30px
			}

			#titulo_evento{
				font-size: 40px;
				color: #555555;
				font-family: Knowledge-Light;
			}
			.navbar-default .navbar-nav > .active > a, 
			.navbar-default .navbar-nav > .active > a:focus, 
			.navbar-default .navbar-nav > .active > a:hover{
				background: none;
				box-shadow: none;
				color: #FF6C0C;
				text-decoration: underline;
				
			}

			.navbar-nav > li > a{
				font-family: Knowledge-Regular;
			}

			#btn-enviar{
				background: none;
				border: none;
				padding: 0px; 
			}

			hr{
				border-top-color: #646569;
			}
			#eventos_anteriores{
				margin-bottom: 10px;
			}
			#eventos_anteriores p {
				margin-top: 15px;
				font-size: 15px;

			}
			#footer{
				background-color: #555555;
				height: 40px;
				font-family: Montserrat-Light;
				color: #B3B3B3;
				font-size: 11px;
				width: 100%;
				text-align: center;
				
			}

			/* Estilo esclusivo celular */
			@media (max-width: 767px) { 
				.navbar{
					min-height: 50px;
				}
				#logo_navbar{
					margin-top: -1px;
					margin-left: 0px;
					width: 228px;
				}
				#div_login{
					margin-top: 30px;
				}
				#footer{
					margin-top: 100px;
					padding-top: 6px;
				}
			}
	
			/* Estilo resolucion mayor a un celular */
			@media (min-width: 768px) { 
				#menu{
					margin-right: 25px;
					font-size: 15px
				}
				.navbar-nav > li > a{
					padding-top: 30px;
					padding-bottom: 30px;
				}

				#footer{
					/*position: fixed;
					bottom: 0;*/
					padding-top:13px; 
					margin-top: 60px;
				}
			}
			
	
			/* Clases asistentes */
			.texto-naranja{
				color: #FF6C0C;
			}
			.texto-gris{
				color: #555555;
			} 
			.texto-azul{
				color: #0099C4;
			}

			.bold{
				font-weight: bold;
			}

			.px16{
				font-size: 16px;
			}
			.px15{
				font-size: 15px;	
			}
			.input{
				width: 100%;
				border-top: none;
				border-right: none;
				border-left: none;
				border-bottom: 1px solid #cccc;
				padding: 7px 0px;
				margin-bottom: 3px;
				margin-top: 7px;
			}
			.input:placeholder{
				color: #999;
			}
			#div_pregunta{
				margin-top: 20px;
			}
			#div_pregunta label{
				color: #999;
				font-weight: normal;
			}

			#pregunta{
				height: 100px;
				width: 100%;
				resize: none;
				border: 1px solid #cccc;

			}

			.wrapper {
				
				width: 100%;
				/* whatever width you want */
				display: inline-block;
				position: relative;
			}
			.wrapper:after {
				padding-top: 56.25%;
				/* 16:9 ratio */
				display: block;
				content: '';
			}
			.main {
			    position: absolute;
			    top: 0;
			    bottom: 0;
			    right: 0;
			    left: 0;
			    background-color: black;
			    color: white;
			}
			.progress-big{
				height: 40px !important;
			}
			.progress-big > div{
				font-size: 30px;
				line-height: 37px;
			}
		</style>
		<script type="text/javascript">

			var html_procesando = '<div class="progress progress-big">'+
									  '<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">'+
									    'Procesando...<span class="sr-only">100% Complete</span>'+
									  '</div>'+
									'</div>';
		
			$(document).ready(function() {

				
				$('#form_pregunta').on('submit',  function(event) {
					event.preventDefault();

					$('#mensaje_pregunta').html(html_procesando);
					$('#btn-enviar').prop('disabled', true);
					
					$.post('enviar_mensaje.php', $('#form_pregunta').serialize()  , function(data, textStatus, xhr) {
						alert(data);
						
						//$('#form_pregunta')[0].reset();
						$('#mensaje_pregunta').html("");
						if(data == "Envió exitoso"){
							$('#form_pregunta')[0].reset();
							
						}
						
					}).always(function(){
						$('#btn-enviar').prop('disabled', false);
					});

					return false;
				});
			
			});

		</script>
	</head>
	<body>
		<script>
		  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
		  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

		  ga('create', 'UA-91712622-8', 'auto');
		  ga('send', 'pageview');

		</script>
		<nav class="navbar navbar-default">
		  	<div class="container-fluid">
		    	<!-- Brand and toggle get grouped for better mobile display -->
		    	<div class="navbar-header">
			      	
			      	<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-en-vivo" aria-expanded="false">
			        	<span class="sr-only">Toggle navigation</span>
			        	<span class="icon-bar"></span>
			        	<span class="icon-bar"></span>
			        	<span class="icon-bar"></span>
			      	</button>
					
			      	<a class="navbar-brand" href="index.php">
			      		<img alt="Thimsin Reuters" src="recursos/logo.png" id="logo_navbar">
			      	</a>
		    	</div>

		    	<div class="collapse navbar-collapse" id="navbar-collapse-en-vivo">
	      			
	      			<ul class="nav navbar-nav navbar-right" id="menu" >
	        			<li class="active"><a href="en_vivo.php">EN VIVO</a></li>
					    <li class="active hidden"><a href="archivo.php">BIBLIOTECA</a></li>
	        			<li><a href="php/cerrar_sesion.php">LOGOUT</a></li>
	      			</ul>
	    		</div><!-- /.navbar-collapse -->
	
		  	</div><!-- /.container-fluid -->
		</nav>
		
		<div class="container" id="body">
			<div class="row">
				<div class="col-sm-7 " id="div_principal">
					<div class="row">
						<div class="col-sm-12" id="video">
							<div class="wrapper">
								<div class="main">

									<iframe src="https://player.vimeo.com/video/211612756" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
								
								</div>
							</div>
							<p>
								DESCARGAR PRIMER MATERIAL CLICK <a href="recursos/doc.pdf" download="Jornada La Ley Impuesto a las Ganancias Personas Físicas 2016.pdf"> AQUI </a>
							</p>
<p>
								DESCARGAR SEGUNDO MATERIAL CLICK <a href="recursos/doc2.pdf" download="Jornada Ganancias y Bienes Personales 2016 - Aspectos para DDJJ 2016.pdf"> AQUI </a>
							</p>
</p>
<p>
								MIRA LA SEGUNDA CHARLA <a href="en_vivo2.php" > CLICK AQUI </a>
							</p>
						</div>
						<div class="col-sm-12 texto-naranja bold px16">
							Próxima charla 2 de mayo de 2017. 
						</div>
						<div class="col-sm-12">
							<h1 id="titulo_evento"> JORNADA DE IMPUESTO A LAS GANANCIAS. Expositor: Gustavo Diez</h1>
						</div>
						<div class="col-sm-12 texto-gris px15 hidden">
							<p>
								Mirá las clases anteriores en la sección BIBLIOTECA.
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-5" id="div_login">
					<div class="row">
						<div class="col-sm-12 col-md-10 col-md-offset-1">
							<div class="row">
								<form action="php/login.php" id="form_pregunta" method="GET">
									<div class="col-sm-12 texto-naranja bold px16">
										Hace tus preguntas en vivo
									</div>
									<div class="col-sm-12 px15">
										<input type="text" class="input" name="nombre" placeholder="Por favor ingrese su nombre" required="">
									</div>
									<div class="col-sm-12 px15">
										<input type="email" class="input" name="correo" placeholder="Por favor ingrese su correo" required="">
									</div>
									<div class="col-sm-12 px15">
										<input type="text" class="input" name="org_lugar" placeholder="Por favor ingrese su organización y/o lugar" required="">
									</div>
									<div class="col-sm-12 px15" id="div_pregunta" >
										<div class="form-group">
											<label for="pregunta">Por favor ingrese su pregunta</label>
											<textarea name="pregunta" id="pregunta" required=""></textarea>
										</div>
									</div>
									<div class="col-sm-12" id="mensaje_pregunta"></div>
									<div class="col-sm-12">
										<button type="submit" id="btn-enviar" class="texto-azul px16 bold" > Enviar > </button>
									</div>
									<div class="col-sm-12">
										<hr>
									</div>
									<div class="col-sm-12 texto-naranja bold px16">
										Proximos eventos
									</div>
									<!-- 
									<div class="col-sm-12" id="eventos_anteriores">
										<p>
											<span class="bold">4 Abr: </span> <a href="archivo.php">JORNADA DE IMPUESTO A LAS GANANCIAS. Expositor: Gustavo Diez</a>
										</p>
									</div>
									<div class="col-sm-12" id="eventos_anteriores">
										<p>
											<span class="bold">2 May: </span> <a href="archivo.php">JORNADA DE IMPUESTO A LAS GANANCIAS. Expositor: Gustavo Diez</a>
										</p>
									</div>
									 -->
									
									<div class="col-sm-12" id="eventos_anteriores">
										<p>
											<span class="bold">2 May: </span> JORNADA DE IMPUESTO A LAS GANANCIAS. Expositor: Gustavo Diez
										</p>
									</div>
									
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>	
		</div>

		<div class="container-fluid" id="footer">
			<!-- Licencia: www.diabetes.org.ar <span class="hidden-xs">| </span> <br class="visible-xs-block">  Streaming: www.livedirecto.com -->
			Licencia: www.thomsonreuters.com.ar <span class="hidden-xs">| </span> <br class="visible-xs-block"> Streaming: www.livedirecto.com
		</div>
	</body>
</html>