{% extends "biblioteca/base.html" %}

{% load staticfiles%}
{% load i18n %}
{% load thumbnail %}
{% load embed_video_tags %}

{% block titulo %}
	:: {% trans 'cambia ahora' %}::
{% endblock titulo %}
{% block extra_js %}
<script src="/static/biblioteca/js/materialmodal.js"></script>
{% endblock extra_js %}
{% block contenido %}
<style type="text/css">
	h1 strong, .h1 strong, h2 strong, .h2 strong, h3 strong, .h3 strong, h2 strong, .h2 strong, h4 strong, .h4 strong{
		text-transform: none;
	}
</style>


<div class="container">
	<section class="temas-index">
		<header class="faq-header biblioteca-header titulo-biblioteca">
			<h2>Biblioteca multimedia para la prevención de <strong>Violencia  y consumo de drogas</strong></h2>
		</header>
		<p>
		Tenés en tus manos la Biblioteca Multimedia que es parte del Kit de herramientas metodológicas para la prevención de la violencia y consumo de drogas. El Kit es un producto de la Campaña: Cambia ahora sólo hazlo,ejecutado por la Fundación para la Autonomía y Desarrollo de la Costa Atlántica- FADCANIC. La campaña tiene como objetivo sensibilizar y movilizar a la opinión pública a favor de las acciones de la familia y la comunidad para aportar en la prevención de la violencia y consumo de drogas en la Costa Caribe y zonas pilotos de Managua, Nicaragua.
		</p>
		<p>
		Esta Biblioteca multimedia para la prevención de la violencia y consumo de drogas es una herramienta de apoyo al trabajo de promotoras, promotores, estudiantes, docentes, periodistas, líderes, lideresas y las organizaciones que trabajan la prevención de la violencia y las adicciones a las drogas desde sus espacios y comunidades. Acá encontrarás ocho videos documentales con sus respectivas guías metodológicas y capítulos radiofónicos que se han producido desde la Campaña; también se proponen algunos documentos complementarios sobre las temáticas abordadas y cuatro videos documentales que muestran el contexto del Caribe y Pacífico así como el trabajo de educación, prevención y atención que realizan algunas organizaciones aliadas.
		</p>
	</section>
	<section class="contenido-temas">
			<h2>Últimas Guías y documentos agregados a la Biblioteca.</h2>
			<div class="row faq">
				{% for guia in ultimas_guias %}
					<div class="cols-xs-12 col-sm-3">
						<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
							<div class="panel panel-default">
								
								
									<div class="ih-item square colored effect6 from_top_and_bottom">
										<a  class="enlace-guia" data-toggle="collapse" data-parent="#accordion" href="#collapse{{guia.id}}" aria-expanded="true" aria-controls="collapse{{guia.id}}">
											<div class="img">
											{% if guia.portada %}
												{% thumbnail guia.portada "360x291" as img %}
													<img class="center-block" src="/media/{{img}}" alt="">
												{% endthumbnail %}
											{%else%}
												<img class="center-block" src="http://placehold.it/215x290?text=No+imagen" alt="">
											{% endif %}
											</div>
											<div class="info infoguia">
												{% if guia.titulo %}
													<h3>{{guia.titulo}}</h3>
												{% else %}
													<h3>Sin titulo</h3>
												{% endif %}

											    <p></p>

											</div>
										</a>
									</div>
								<div id="collapse{{guia.id}}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
									<div class="panel-body panel-guia">
										<nav class="side-nav">
											<ul class="nav" role="tablist">
												<li>
													<a href="{% url 'detalle-guia' guia.slug %}#pdf"><i class="fa fa-angle-double-right bullet-arrow"></i>PDF</a>

												</li>
												<li>
													<a href="{% url 'detalle-guia' guia.slug %}#documental"><i class="fa fa-angle-double-right bullet-arrow"></i>Documentales</a>
												</li>
												<li>
													<a href="{% url 'detalle-guia' guia.slug %}#audio"><i class="fa fa-angle-double-right bullet-arrow"></i>Audio</a>
												</li>
											</ul>
										</nav>	
									</div>
								</div>
							</div>
						</div>
					</div>
				{% endfor %}
			</div>
		</section>
</div>
{% endblock contenido %}
