{% load i18n static rules octicons %}
<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<meta name="description" content="">

		<title>{{ app.name }}</title>

		<!-- Bootstrap core CSS -->
		<link href="{% static 'localcosmos_server/bootstrap-4.3.1-dist/css/bootstrap.min.css' %}" rel="stylesheet">

		<link href="{% static 'localcosmos_server/css/localcosmos_server.css' %}" rel="stylesheet">
		<link href="{% static 'fonts/fonts.css' %}" rel="stylesheet">

		<script src="{% static 'localcosmos_server/jquery-3.3.1.min.js' %}"></script>
		<script src="{% static 'localcosmos_server/js/popper.min.js' %}"></script>
		<script src="{% static 'localcosmos_server/bootstrap-4.3.1-dist/js/bootstrap.bundle.min.js' %}"></script>


		{% block extra_head_script %}{% endblock %}
		{% block extra_style %}{% endblock %}

	</head>
	<body>
		
		<div class="container-fluid d-none d-md-block">
			<div class="row bg-light text-white">
				<div class="col-12 text-center text-dark pt-3 pb-2">
                    {% if app.logo_url %}
                        <img src="{{ app.url }}{{ app.logo_url }}" />
                    {% else %}
                        <h3>{{ app.name }}</h3>
                    {% endif %}
				</div>
			</div>
		</div>

		<div id="mainContent" class="mt-3 mb-5">
			{% block content %}{% endblock %}
		</div>


		<div id="Modal" class="modal fade">
			<div class="modal-dialog">
				<div id="ModalContent" class="modal-content"></div>
			</div>
		</div>

		<div id="LargeModal" class="modal fade">
			<div class="modal-dialog modal-lg">
				<div id="LargeModalContent" class="modal-content"></div>
			</div>
		</div>

		<script type="text/javascript" src="{% static 'localcosmos_server/js/django-ajax.js' %}"></script>
		<script type="text/javascript" src="{% static 'localcosmos_server/js/django-ajax-csrf.js' %}"></script>
		<script>
			ajaxify("mainContent");

			$('form').submit(function() {
				$(this).find('button[type="submit"]').attr('disabled', true);
			});
		</script>
		{% block extra_script %}{% endblock %}
	</body>
</html>

