<!DOCTYPE html>
{% load static %}
{% load humanize %}


<html lang="es">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Monitoreo de Multiples Medios</title>
	<meta name="description" content="M³: Monitoreo de Multiples Medios">
	<meta name="author" content="Mario Chirinos Colunga - CentroGeo">
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	<link rel="icon" href="/static/images/m3.png">
	
	<!-- Bootstrap 3.3.7 -->
	<link rel="stylesheet" href="{% static 'new/bootstrap-3.3.7-dist/css/bootstrap.min.css' %}">
	<!-- Font Awesome -->
	<link rel="stylesheet" href="{% static 'new/font-awesome/css/font-awesome.min.css' %}">
	<!-- IonIcons -->
	<link rel="stylesheet" href="{% static 'new/Ionicons/css/ionicons.min.css' %}">
	<!-- Theme style -->
	<link rel="stylesheet" href="{% static 'new/adminLTE-dist/css/AdminLTE.min.css' %}">
	<!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
	<link rel="stylesheet" href="{% static 'new/adminLTE-dist/css/skins/_all-skins.min.css' %}">
	<!-- Google Font -->
	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
	<link href="https://fonts.googleapis.com/css?family=Libre+Franklin" rel="stylesheet">
	<link rel="stylesheet" href="{% static 'new/css/style.css' %}">



	{% block headMedia %}
		<link rel="stylesheet" href="{% static 'new/css/status.css'%}" type="text/css">

	{% endblock %}


</head>
<body class="sidebar-mini skin-red" style="height: auto; min-height: 100%;">
	<div class="visible-lg-block visible-md-block">
		<video  id="bgvid" playsinline autoplay muted loop poster="{% static 'images/poster.jpg'%}" >
			<!-- WCAG general accessibility recommendation is that media such as background video play through only once. Loop turned on for the purposes of illustration; if removed, the end of the video will fade in the same way created by pressing the "Pause" button  -->
			<source src="{% static 'images/background.mp4'%}" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
			<source src="{% static 'images/background.ogv'%}"  type='video/ogg; codecs="theora, vorbis"' />
			<source src="{% static 'images/background.webm'%}" type='video/webm; codecs="vp8, vorbis"' />

		</video>
	</div>

	<div class="container" style="height: auto; min-height: 100%;">
		<div class="row">
			<div class="col-8 align-self-center">
		
<div class="box">
	<div class="box-header">
		<h3 class="box-title">Medios en Texto (Activos)</h3>

		<div class="box-tools">
		</div>
	</div><!-- /.box-header -->
	<div class="box-body table-responsive no-padding">
		<table class="table table-hover">
			<tbody>
				<tr>
					<th>ID</th>
					<th>Medio</th>
					<th>Origen</th>
					<th>Documentos</th>
					<th>Desde</th>
					<th>Ultima Noticia</th>
					<th>Estado</th>
				</tr>
				{% for k, v in textPublishers.items %}
					<tr>
						<td>{{v.id}}</td><td>{{k}}</td><td>{{v.origen}}</td><td>{{v.docs|intcomma}}</td><td>{{v.startDate|date:"M d, Y"}}</td><td>{{v.endDate|date:"M d, Y"}}</td>
						<td>
							{% if v.docs == 0 %}
								<span class="label label-danger"> Sin Documentos</span>
							{% else %}
								{% if v.status > 5 %}
									<span class="label label-danger">{{v.status}} dias</span>
								{% elif v.status > 1 %}
									<span class="label label-warning">{{v.status}} dias</span>
								{% else %}
									<span class="label label-success">OK</span>
								{% endif %}
							{% endif %}
						</td>
					</tr>
				{% endfor %}
			</tbody>
		</table>
	</div><!-- /.box-body -->
</div>

			</div>
		</div>
                <div class="row">
                        <div class="col-8 align-self-center">

<div class="box">
        <div class="box-header">
                <h3 class="box-title">Medios en Texto (Inactivos)</h3>

                <div class="box-tools">
                </div>
        </div><!-- /.box-header -->
        <div class="box-body table-responsive no-padding">
                <table class="table table-hover">
                        <tbody>
                                <tr>
                                        <th>Medio</th>
					<th>Origen</th>
                                        <th>Documentos</th>
                                        <th>Desde</th>
                                        <th>Ultima Noticia</th>
                                        <th>Estado</th>
                                </tr>
                                {% for k, v in textPublishers2.items %}
                                        <tr>
                                                <td>{{k}}</td><td>{{v.origen}}</td><td>{{v.docs|intcomma}}</td><td>{{v.startDate|date:"M d, Y"}}</td><td>{{v.endDate|date:"M d, Y"}}</td>
                                                <td>
                                                        {% if v.status > 1 %}
                                                                <span class="label label-danger">{{v.status}} dias</span>
                                                        {% else %}
                                                                <span class="label label-success">OK</span>
                                                        {% endif %}
                                                </td>
                                        </tr>
                                {% endfor %}
                        </tbody>
                </table>
        </div><!-- /.box-body -->
</div>

                        </div>
                </div>
                <div class="row">


                        <div class="col-8 align-self-center">

<div class="box">
        <div class="box-header">
                <h3 class="box-title">Medios en Audio</h3>

                <div class="box-tools">
                </div>
        </div><!-- /.box-header -->
        <div class="box-body table-responsive no-padding">
                <table class="table table-hover">
                        <tbody>
                                <tr>
                                        <th>Medio</th>
                                        <th>Horas</th>
                                        <th>Desde</th>
                                        <th>Hasta</th>
                                        <th>Estado</th>
                                </tr>
                                {% for k, v in audioPublishers.items %}
                                        <tr>
                                                <td>{{k}}</td><td>{{v.time|intcomma}}</td><td>{{v.startDate|date:"M d, Y"}}</td><td>{{v.endDate|date:"M d, Y"}}</td>
                                                <td>
                                                        {% if v.status > 1 %}
                                                                <span class="label label-danger">{{v.status}} dias</span>
                                                        {% else %}
                                                                <span class="label label-success">OK</span>
                                                        {% endif %}
                                                </td>
                                        </tr>
                                {% endfor %}
                        </tbody>
                </table>
        </div><!-- /.box-body -->
</div>

                        </div>
                </div>
	<footer class="">
	</footer>	
	</div><!-- ./wrapper -->

	<!-- jQuery 3 -->
	<script src="{% static 'new/js/jquery-3.3.1.min.js' %}"></script>

	<!-- Bootstrap 3.3.7 -->
	<script src="{% static 'new/bootstrap-3.3.7-dist/js/bootstrap.min.js' %}"></script>
	<!-- AdminLTE App -->
	<script src="{% static 'new/adminLTE-dist/js/adminlte.min.js' %}"></script>

        {% block scripts %}{% endblock %}

</body>
</html>

