{% extends 'online_content/online_content_base.html' %}
{% load i18n imagekit static online_content_tags %}

{% block content %}
	<div class="container-fluid mt-3">
		<div class="row">
			<div class="col-12">
				<h3>
					{{ template_content.primary_title }} <img src="{% static 'localcosmos_server/images/countries_big/' %}{{ language }}.png" />

					<small><span class="badge badge-info">version {{ localized_template_content.draft_version }}</span></small>

					{% if localized_template_content.published_version == localized_template_content.draft_version %}
						<small><span class="badge badge-success">{% trans 'published' %}</span></small>
					{% else %}
						{% if localized_template_content.published_version %}
							<small><span class="badge badge-warning">{% trans 'unpublished changes' %}</span></small>
						{% else %}
							<small><span class="badge badge-warning">{% trans 'not published' %}</span></small>
						{% endif %}
					{% endif %}

					{% if app.secondary_languages %}
						{% if localized_template_content.published_version == localized_template_content.draft_version %}
						{% else %}
							{% if localized_template_content.translation_ready %}
								<small><span class="badge badge-info">{% trans 'ready for translation' %}</span></small>
							{% else %}
								<small><span class="badge badge-warning">{% trans 'not ready for translation' %}</span></small>
							{% endif %}
						{% endif %}
					{% endif %}
				</h3>

				{% if localized_template_content.published_version %}
				{% else %}
					{% if app.secondary_languages %}
						{% if localized_template_content.translation_ready %}
							<div class="alert alert-warning">
								{% trans 'You marked the content in this language as ready for translation' %}
							</div>
						{% endif %}
					{% endif %}
				{% endif %}
				<hr>

				{% if saved_as_draft %}
					<div class="row">
						<div class="col-12">
							<div class="alert alert-success">
								{% trans 'Successfully saved your content as draft.' %}
							</div>
						</div>
					</div>
				{% endif %}

				{% if tried_publication or tried_translation_ready %}
					{% if publication_errors or translation_errors %}
						<div class="row">
							<div class="col-12">
								<div class="alert alert-danger">
									{% if tried_publication %}
										{% trans 'Publication failed:' %}<br>
										{% for error in publication_errors %}
											{{ error }} <br>
										{% endfor %}
									{% else %}
										{% trans 'Could not set this page as ready for translation:' %}<br>
										{% for error in translation_errors %}
											{{ error }} <br>
										{% endfor %}
									{% endif %}
								</div>
							</div>
						</div>
					{% else %}
						{% if tried_publication %}
						<div class="row">
								<div class="col-12">
									<div class="alert alert-success">
										{% trans 'publication successful' %}
									</div>
								</div>
							</div>
						{% endif %}
					{% endif %}
				{% endif %}
			</div>
		</div>
		<div class="row">
			<div class="col-12 col-md-6">
				<h4>{% trans 'Components' %}</h4>
				<form id="contentform" action="{% url 'manage_template_content' app.uid localized_template_content.template_content.id %}" method="POST">{% csrf_token %}

					{% for field in form %}
						{% with cms_object=field.field.cms_object %}

							{% if cms_object.multi %}
			
								{% if cms_object.kwargs.is_first %}
									{% if cms_object.is_file %}
										<div class="row field-label">
											<div class="col-12">
												{{ field.label }}
											</div>
										</div>
									{% endif %}
									<div id="{{ cms_object.microcontent_category }}-{{ cms_object.microcontent_type }}-container" class="row">
								{% endif %}

										{% if cms_object.is_file %}
											{% include 'online_content/filecontent_field.html' %}
										{% else %}
											<div class="col-12" {% if not cms_object.localized_instance.pk %}data-new="1"{% endif %}>
												{% include 'online_content/textcontent_field.html' %}
											</div>
										{% endif %}

								{% if cms_object.kwargs.is_last %}
									</div>
									<div class="row">
										<div class="col-12 text-center"><br>
											<button type="button" class="btn btn-outline-secondary add-content-button" data-target="{{ cms_object.microcontent_category }}-{{ cms_object.microcontent_type }}-container">{% blocktrans with name=cms_object.microcontent_type %}add {{ name }}{% endblocktrans %}</button>
										</div>
									</div>
								{% endif %}
			
							{% else %}

			
								{% if cms_object.is_file %}
									{% if field.is_hidden %}
									{% else %}
										<div class="row field-label">
											<div class="col-12">
												{{ field.label }}
											</div>
										</div>
									{% endif %}
									<div id="{{ cms_object.microcontent_category }}-{{ cms_object.microcontent_type }}-container" class="row">
										{% include 'online_content/filecontent_field.html' %}
									</div>
								{% else %}
									{% include 'online_content/textcontent_field.html' %}
								{% endif %}


							{% endif %}				

						{% endwith %}
					{% endfor %}

					<hr>
					<p>
						<button type="submit" data-href="{% url 'manage_template_content' app.uid localized_template_content.template_content.id %}" class="formsubmit btn btn-outline-secondary">{% trans 'save page as draft' %}</button>
						<button type="submit" data-href="{% url 'manage_template_content' app.uid localized_template_content.template_content.id %}?translation-ready=1" class="formsubmit btn btn-outline-primary">
							{% if app.secondary_languages %}
								{% trans 'ready for translation' %}
							{% else %}
								{% if localized_template_content.published_version %}
									{% trans 'publish changes' %}
								{% else %}
									{% trans 'publish' %}
								{% endif %}
							{% endif %}
						</button>
					</p>
				</form>
			</div>
			<div class="col-12 col-md-6">
				{% if template_content %}
					<h4>{% trans 'Preview' %} <small><a href="{{ preview_url }}" target="_blank">{% trans 'show in separate window' %}</a></small></h4>
					<object id="contentPreview" type="text/html" data="{{ preview_url }}"></object>
				{% endif %}
			</div>
		</div>
	</div>
{% endblock %}
{% block extra_script %}
	{% include 'online_content/manage_template_content_extra_scripts.html' %}

	<script>

		$(".add-content-button").on("click", function(ev){
			ev.preventDefault();
			var target =  $(this).attr("data-target");
			cms_add_element("#" + target);
		});


		function reloadPreview(){
			$("#contentPreview").attr("data", "{{ preview_url }}");
		}


		$(".fileupload input").on("change", function(event){
			{% include 'online_content/content_managing_js.html' %}
		});

	</script>
{% endblock %}