{% extends "base_with_jumbo.html" %}
{% load bootstrap3 %}
{% load compress %}
{% load i18n %}
{% load leaflet_tags %}
{% load humanize %}

{% block stylesheets %}
{{ super }}
{% leaflet_css %}

<style>
body { font-size: 16px; }

.col--header {
	background-color: #e3f3fd;
	padding: 0 40px;
}

.btn--back { margin: 15px 0; padding-left: 20px; left: -10px; position: absolute; }

#case-location {
	height: 400px;
}

.case-mediacoverage a {
	display: block;
}

dt { font-weight: bold; }
dd { margin-left: 2em; }
dd ul { padding-left: 0; margin-left: 0; }
</style>

{% endblock %}

{% block content %}
<div class="container">
	<div class="row">
		<div class="col-md-8 col-md-offset-2 col--header">
			<button class="btn btn-info btn--back" onclick="window.history.back()" role="button"><i class="fa fa-arrow-left" aria-hidden="true"></i> {% trans "Back to Map" %}</button>

			<div style="margin-top: 70px;">
				<h1>{{ case_study.entry_name }}</h1>
			</div>

			<div class="clearfix">
				<span class="label label-default">
					{{ case_study.get_sector_of_economy_display }}
				</span>&nbsp;

				{% if case_study.positive_or_negative == "P" %}
					<span class="label label-success">
						{{ case_study.get_positive_or_negative_display }}
					</span>&nbsp;
				{% elif case_study.positive_or_negative == "N" %}
					<span class="label label-danger">
						{{ case_study.get_positive_or_negative_display }}
					</span>&nbsp;
				{% endif %}

				<span class="label label-default">
					{{ case_study.get_project_status_display }}
				</span>&nbsp;

				<span class="label label-info">
					{{ case_study.country.name }}
				</span>
			</div>

			<p class="text-muted"><small>Case study created {{case_study.date_created | naturaltime}}</small>

			<p>{{ case_study.synopsis }}</p>

			<figure style="text-align: center; margin-top: 20px; margin-bottom: 20px;">
				<img src="{{ case_study.image.url }}" width="100%">
				<figcaption>
					{% if case_study.image_caption %}
						{{ case_study.image_caption }}<br>
					{% endif %}
					{% if case_study.image_credit %}
						<i>{% trans "Credit(s)" %}: {{ case_study.image_credit }}</i>
					{% endif %}
				</figcaption>
			</figure>

		</div>

	</div> <!-- end row -->

	<div class="row" style="padding-top:30px;">
		<div class="col-md-8 col-md-offset-2">
			<h2>Contents</h2>

			<p>...

			<h2>Description</h2>

			{{ case_study.full_description | linebreaks }}

			<h2>{% trans "Affected land" %}</h2>

			<dl>
			{% if case_study.country %}
				<dt>{% trans "Country" %}:
				<dd>{{ case_study.get_country_display }}
			{% endif %}

			{% if case_study.location_context %}
				<dt>{% trans "Rural or urban" %}:
				<dd>{{ case_study.get_location_context_display }}
			{% endif %}

			{% if case_study.area_of_land %}
				<dt>{% trans "Approximate land area" %}:
				<dd>{{ case_study.area_of_land }} km²
			{% endif %}

			{% if case_study.land_ownership %}
				<dt>{% trans "Land ownership/tenure details" %}:
				<dd>
					{% if case_study.land_ownership != 'OTH' %}
						{{ case_study.get_land_ownership_display }}
					{% endif %}

					{{ case_study.land_ownership_details | linebreaks }}
			{% endif %}

			{% if case_study.type_of_ecosystem %}
				<dt>{% trans "Type of ecosystem" %}:
				<dd>{{ case_study.get_type_of_ecosystem_display }}
			{% endif %}

			{% if case_study.describe_ecosystem %}
				<dt>{% trans "Description of ecosystem" %}:
				<dd>{{ case_study.describe_ecosystem | linebreaks }}
			{% endif %}

			</dl>

			{% if case_study.affected_communities %}
				<h2>{% trans "Affected groups of people" %}</h2>

				{{ case_study.get_affected_communities_display }}
				{{ case_study.people_affected_other | linebreaks }}
			{% endif %}

			<h2>Project status</h2>

			<dl>
			{% if case_study.project_status %}
				<dt>{% trans "Status" %}:
				<dd id="project_status">{{ case_study.get_project_status_display }}
			{% endif %}

			{% if case_study.start_year %}
				<dt>{% trans "Construction start year" %}:
				<dd id="start_year">{{ case_study.start_year }}
			{% endif %}

			{% if case_study.completion_year %}
				<dt>{% trans "Operation start year" %}:
				<dd id="completion_year">{{ case_study.completion_year }}
			{% endif %}

			{% if case_study.project_owners %}
				<dt>{% trans "Project and facility owners" %}:
				<dd id="project_owners">{{ case_study.project_owners }}
			{% endif %}

			{% if case_study.consultants_contractors %}
				<dt>{% trans "Consultants and contractors" %}:
				<dd id="consultants_contractors">{{ case_study.consultants_contractors }}
			{% endif %}

			{% if case_study.shareholders %}
				<dt>{% trans "Shareholders of the project owners" %}:
				<dd id="shareholders">{{ case_study.shareholders }}
			{% endif %}

			{% if case_study.financial_institutions %}
				<dt>{% trans "Financial institutions" %}:
				<dd id="financial_institutions">
					{{ case_study.get_financial_institutions_display }}
					{{ case_study.financial_institutions_other }}
			{% endif %}

			{% if case_study.energy_customers %}
				<dt>{% trans "Energy consumers" %}:
				<dd id="energy_customers">{{ case_study.energy_customers }}
			{% endif %}
			</dl>

			<h2>Multimedia</h2>

			<figure>
				<div class="embed-responsive embed-responsive-16by9">
					{% if case_study.is_video_youtube %}
						<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/{{ case_study.get_youtube_id }}?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
					{% elif case_study.is_video_vimeo %}
						<iframe src="https://player.vimeo.com/video/{{ case_study.get_vimeo_id }}" width="560" height="315" frameborder="0" allowfullscreen></iframe>
					{% else %}
						{{ case_study.video }}
					{% endif %}
				</div>

				<figcaption>
					{% if case_study.video_caption %}
						{{ case_study.video_caption }}<br>
					{% endif %}
					{% if case_study.video_credit %}
						<i>{% trans "Credit(s)" %}: {{ case_study.video_credit }}</i>
					{% endif %}
				</figcaption>
			</figure>

			{% if case_study.media_coverage_mainstream or case_study.media_coverage_independent or case_study.social_media_links %}
			<div class="case-mediacoverage">
				<h2>{% trans "Media coverage" %}</h2>

				{% if case_study.media_coverage_mainstream %}
					<h3>{% trans "Mainstream media" %}</h3>
					{{ case_study.media_coverage_mainstream | urlize }}
				{% endif %}

				{% if case_study.media_coverage_independent %}
					<h3>{% trans "Independent/grassroots media" %}</h3>
					{{ case_study.media_coverage_independent | urlize }}
				{% endif %}

				{% if case_study.social_media_links %}
					<h3>{% trans "Social media" %}</h3>
					{{ case_study.social_media_links | urlize }}
				{% endif %}
			</div>
			{% endif %}

			<h2>{% trans "Community Voices" %}</h2>
			{{ case_study.community_voices | linebreaks }}

			{% if case_study.direct_comms %}
				<h2>{% trans "Reports of direct communications" %}</h2>
				{{ case_study.direct_comms | linebreaks }}
			{% endif %}

			<h1>Technical and economic analysis</h1>

			{% if case_study.sector_of_economy == 'RN' %}
			<!-- generation -->

				<dl>
				{% if case_study.generation_type %}
					<dt>{% trans "What kind of energy is generated?" %}:
					<dd id="generation_type">
						{{ case_study.get_generation_type_detail }}
				{% endif %}

				{% if case_study.generation_technology %}
					<dt>{% trans "Generation technology" %}:
					<dd id="generation_technology">
						<p>{{ case_study.get_generation_technology_display }}
						<p>{{ case_study.energy_details }}
				{% endif %}

				{% if case_study.generation_technology == 'BIO' %}
					<dt>{% trans "Bio-energy feedstock" %}:
					<dd id="biomass_detail">
						{{ case_study.biomass_detail }}
				{% endif %}

				{% if case_study.total_generation_capacity %}
					<dt>{% trans "Total generation capacity" %}:
					<dd id="total_generation_capacity">
						{{ case_study.total_generation_capacity }} kW
				{% endif %}

				{% if case_study.generation_equipment_supplier %}
					<dt>{% trans "Generation equipment supplier" %}:
					<dd id="generation_equipment_supplier">
						{{ case_study.generation_equipment_supplier }}
				{% endif %}

				{% if case_study.total_investment %}
					<dt>{% trans "Approximate total investment" %}:
					<dd id="total_investment">
						${{ case_study.total_investment | intcomma }} (USD)
				{% endif %}

				{% if case_study.additional_technical_details %}
					<dt>{% trans "Additional technical or economic details" %}:
					<dd id="additional_technical_details">
						{{ case_study.additional_technical_details | linebreaks }}
				{% endif %}

			{% elif case_study.sector_of_economy == 'PG' or case_study.sector_of_economy == 'ST' %}
			<!-- storage/grids -->

				<dl>
				{% if case_study.power_technology %}
					<dt>{% trans "Generation technology" %}:
					<dd id="power_technology">
						<p>{{ case_study.power_technology }}
						<p>{{ case_study.power_technology_other }}
				{% endif %}

				{% if case_study.energy_storage_capacity %}
					<dt>{% trans "Energy storage capacity" %}:
					<dd id="energy_storage_capacity">
						{{ case_study.energy_storage_capacity }} kWh
				{% endif %}

				{% if case_study.energy_transmission_capacity %}
					<dt>{% trans "Energy transmission capacity" %}:
					<dd id="energy_transmission_capacity">
						{{ case_study.energy_transmission_capacity }} kW
				{% endif %}

				{% if case_study.generation_equipment_supplier %}
					<dt>{% trans "Generation equipment supplier" %}:
					<dd id="generation_equipment_supplier">
						{{ case_study.generation_equipment_supplier }}
				{% endif %}

				{% if case_study.total_investment %}
					<dt>{% trans "Approximate total investment" %}:
					<dd id="total_investment">
						${{ case_study.total_investment | intcomma }} (USD)
				{% endif %}

				{% if case_study.additional_technical_details %}
					<dt>{% trans "Additional technical or economic details" %}:
					<dd id="additional_technical_details">
						{{ case_study.additional_technical_details | linebreaks }}
				{% endif %}

				</dl>

			{% elif case_study.sector_of_economy == 'SM' %}
			<!-- mining -->

				<dl>
				{% if case_study.minerals_or_commodities %}
					<dt>{% trans "Primary mineral mined" %}:
					<dd id="minerals_or_commodities">
						{% if case_study.minerals_or_commodities != 'OTR' %}
							<p>{{ case_study.get_minerals_or_commodities_display }}
						{% endif %}

						{{ case_study.minerals_or_commodities_other | linebreaks }}
				{% endif %}

				{% if case_study.use_in_energy_economy %}
					<dt>{% trans "Potential use in renewable energy economy" %}:
					<dd id="use_in_energy_economy">
						{% if case_study.use_in_energy_economy != 'OTR' %}
							{{ case_study.get_use_in_energy_economy_display }}
						{% endif %}

						{% if case_study.use_in_energy_economy_other %}
							{{ case_study.use_in_energy_economy_other }}
						{% endif %}
				{% endif %}

				{% if case_study.project_life_span %}
					<dt>{% trans "Project life span" %}:
					<dd id="project_life_span">
						{{ case_study.project_life_span }}
				{% endif %}

				{% if case_study.size_of_concessions %}
					<dt>{% trans "Size of concessions" %}:
					<dd id="size_of_concessions">
						{{ case_study.size_of_concessions }}
				{% endif %}

				{% if case_study.projected_production_of_commodities %}
					<dt>{% trans "Estimated production of key commodities" %}:
					<dd id="projected_production_of_commodities">
						{{ case_study.projected_production_of_commodities }}
				{% endif %}

				{% if case_study.type_of_extraction %}
					<dt>{% trans "Type of extraction" %}:
					<dd id="type_of_extraction">
						{{ case_study.get_type_of_extraction_display }}
				{% endif %}

				{% if case_study.associated_infrastructure %}
					<dt>{% trans "Type of extraction" %}:
					<dd id="associated_infrastructure">
						{{ case_study.associated_infrastructure }}
				{% endif %}
				</dl>

			{% elif case_study.sector_of_economy == 'MA' %}
			<!-- manufacturing -->

				<dl>
				{% if case_study.manufacturing_type %}
					<dt>{% trans "Manufacturing process" %}:
					<dd id="manufacturing_type">
						{{ case_study.get_manufacturing_type_display }}
				{% endif %}

				{% if case_study.manufacturing_description %}
					<dt>{% trans "Description" %}:
					<dd id="manufacturing_description">
						{{ case_study.manufacturing_description }}
				{% endif %}

				{% if case_study.manufacturing_related_tech %}
					<dt>{% trans "Related technology" %}:
					<dd id="manufacturing_related_tech">
						{{ case_study.get_manufacturing_related_tech_display }}
				{% endif %}

				{% if case_study.manufacturing_factors %}
					<dt>{% trans "Remarkable factors" %}:
					<dd id="manufacturing_factors">
						{{ case_study.get_manufacturing_factors_display }}
				{% endif %}

				{% if case_study.manufacturing_factors_description %}
					<dt>{% trans "More info" %}:
					<dd id="manufacturing_factors_description">
						{{ case_study.manufacturing_factors_description }}
				{% endif %}

				{% if case_study.manufacturing_factors_ownership %}
					<dt>{% trans "Ownership information" %}:
					<dd id="manufacturing_factors_ownership">
						{{ case_study.manufacturing_factors_ownership }}
				{% endif %}
				</dl>

			{% endif %}

			<h2>Socio-economic analysis</h2>

			<dl>
				<dt>{% trans "Kind of organising process around this project" %}
				<dd>{{ case_study.get_positive_or_negative_display }}

				<dt>{% trans "This is case is about" %}:
				<dd id="positive_case_type">
					<ul>

					{% if case_study.positive_case_type %}
						{% for text in case_study.get_positive_case_type_list %}
							<li>{{ text }}
						{% endfor %}
					{% endif %}

					{% if case_study.negative_case_reasons %}
						{% for text in case_study.get_negative_case_reasons_list %}
							<li>{{ text }}
						{% endfor %}
					{% endif %}

					</ul>

				{% if case_study.socioeconomic_benefits %}
					<dt>{% trans "Socio-economic impacts" %}
					<dd id="socioeconomic_benefits">
						{{ case_study.socioeconomic_benefits }}
				{% endif %}

				{% if case_study.isolated_or_widespread %}
					<dt>{% trans "Is the project part of developments which are causing a cumulative effect?" %}
					<dd id="isolated_or_widespread">
						{{ case_study.isolated_or_widespread }}
				{% endif %}

				{% if case_study.key_actors_involved %}
					<dt>{% trans "Key actors involved" %}:
					<dd id="key_actors_involved">
						{{ case_study.key_actors_involved }}
				{% endif %}

				{% if case_study.project_status_detail %}
					<dt>{% trans "Current status of the case" %}:
					<dd id="project_status_detail">
						{{ case_study.project_status_detail }}
				{% endif %}

				{% if case_study.obstacles_and_hindrances %}
					<dt>{% trans "Current status of the organizing process around this case" %}:
					<dd id="obstacles_and_hindrances">
						{{ case_study.obstacles_and_hindrances }}
				{% endif %}

				{% if case_study.negative_socioenvironmental_impacts %}
					<dt>{% trans "Socio-environmental impacts" %}:
					<dd id="negative_socioenvironmental_impacts">
						{{ case_study.negative_socioenvironmental_impacts }}
				{% endif %}

				{% if case_study.when_did_organising_start %}
					<dt>{% trans "Local organising efforts began" %}:
					<dd id="when_did_organising_start">
						{{ case_study.when_did_organising_start }}
				{% endif %}

				{% if case_study.who_has_been_involved %}
					<dt>{% trans "Communities, groups and organisations involved" %}:
					<dd id="who_has_been_involved">
						{{ case_study.who_has_been_involved }}
				{% endif %}

				{% if case_study.participation_mechanisms %}
					<dt>{% trans "Mechanisms of participation" %}:
					<dd id="participation_mechanisms">
						{{ case_study.participation_mechanisms }}
				{% endif %}

				{% if case_study.identified_partnerships %}
					<dt>{% trans "Identified partnerships" %}:
					<dd id="identified_partnerships">
						{{ case_study.identified_partnerships }}
				{% endif %}

			</dl>

			<h2>Related documents</h2>

			{% if case_study.official_project_documents %}
			<p>Official documents: {{ case_study.official_project_documents.url }}
			{% endif %}

			{% if case_study.other_documents %}
			<p>Other documents: {{ case_study.other_documents.url }}
			{% endif %}


			<h2>Location / GIS data</h2>

			{% leaflet_map "case_location" callback="window.map_init" %}

			{% if case_study.shapefiles %}
			<p>Shapefiles: {{ case_study.shapefiles.url }}
			{% endif %}

			{% if case_study.coordinate_reference_system %}
			<p>Coordinate reference system: {{ coordinate_reference_system }}
			{% endif %}

			{% if case_study.name_of_territory_or_area %}
			<p>Name of territory or area: {{ case_study.name_of_territory_or_area }}
			{% endif %}

		</div>
	</div>
</div>

{% endblock %}

{% block scripts %}
{% leaflet_js %}
<script>
function map_init(map, options) {

	var latlng = L.latLng(
		{{ case_study.location.coords | last }},
		{{ case_study.location.coords | first }}
	);

	map.setView(latlng, 6);
	L.marker(latlng).addTo(map);
}
</script>
{% endblock %}