<!DOCTYPE html>
{%  load static keen %}
{% app_info request as app_info %}
<html lang="pt-BR">

	<head>
		<meta charset="utf-8" />
		<title>{% block title %}{% endblock %}</title>
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700">
		<link href="{% static 'dist/assets/plugins/global/plugins.bundle.css' %}" rel="stylesheet" type="text/css" />
		<link href="{% static 'dist/assets/css/style.bundle.css' %}" rel="stylesheet" type="text/css" />
		<link href="{% static 'admin/css/admin.base.css' %}" rel="stylesheet" type="text/css" />
        {% if is_popup %}
            <link href="{% static 'admin/css/iframe.css' %}" rel="stylesheet" type="text/css" />
        {% endif %}

        {% block extrastyle %}{% endblock %}
        {% block extrahead %}{% endblock %}
        {% block blockbots %}<meta name="robots" content="NONE,NOARCHIVE">{% endblock %}
		<link rel="shortcut icon" href="{% static 'src/assets/media/logos/favicon.ico' %}" />
	</head>

    {% block messages %}
        {% if messages %}
            {% include 'admin/includes/messages.html' %}
        {% endif %}
    {% endblock %}

	<body data-admin-utc-offset="{% now "Z" %}" class="{% block bodyclass %}kt-quick-panel--right kt-demo-panel--right kt-offcanvas-panel--right kt-header--fixed kt-header--minimize-menu kt-subheader--enabled kt-subheader--transparent kt-page--{% endblock %}">

		<div class="kt-grid kt-grid--hor kt-grid--root">
			<div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--ver kt-page">
				<div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor
				{% if not app_info.display_footer %}no-footer{% endif %}  kt-wrapper" id="kt_wrapper">
					{% block header_mobile %}
                    <div id="kt_header_mobile" class="kt-header-mobile  kt-header-mobile--fixed ">
                        <div class="kt-header-mobile__logo">
                            <a href="#">
                                <img alt="Logo" src="{{ app_info.logo}}">
                            </a>
                        </div>
                        <div class="kt-header-mobile__toolbar">
                            <button class="kt-header-mobile__toolbar-toggler" id="kt_header_mobile_toggler"><span></span></button>
                            <button class="kt-header-mobile__toolbar-topbar-toggler" id="kt_header_mobile_topbar_toggler"><i class="flaticon-more"></i></button>
                        </div>
                    </div>
					{% endblock %}
					{% block header %}
					<div id="kt_header" class="kt-header kt-grid__item">
						<div class="kt-header__top">
							<div class="kt-container {% if app_info.fluid %}kt-container--fluid{% endif %}">

								<!-- begin:: Brand -->
								<div class="kt-header__brand kt-grid__item" id="kt_header_brand">
									<div class="kt-header__brand-logo">
										<a href="{{ app_info.logo_url }}">
											<img alt="Logo" src="{{ app_info.logo}}" class="kt-header__brand-logo-default" />
											<img alt="Logo" src="{{ app_info.logo_sticky }}" class="kt-header__brand-logo-sticky" />
										</a>
									</div>
									<h1 class="kt-header__brand-title">
                                        {% block header_title %}
                                        {{ app_info.title }}
                                        {% endblock %}
									</h1>
								</div>
								<!-- end:: Brand -->

								<!-- begin:: Topbar -->
                                <div class="kt-header__topbar">
                                    {% block topbar %}
                                            <!--begin: User -->
                                            {% user_menu request %}
                                            <!--end: User -->
                                    {% endblock %}
                                </div>
								<!-- end:: Topbar -->
							</div>
						</div>
						<div class="kt-header__bottom">
							<div class="kt-container {% if app_info.fluid %}kt-container--fluid{% endif %}">

								<!-- begin: Header Menu -->
                                {% block header_menu %}
                                    {% header_menu request %}
                                {% endblock %}
								<!-- end: Header Menu -->

							</div>
						</div>
					</div>
					{% endblock %}

					<!-- end:: Header -->
					<div class="kt-container  {% if app_info.fluid %}kt-container--fluid {% endif %}
					kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor kt-grid--stretch" id="main-container">
						<div class="kt-body kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor kt-grid--stretch" id="kt_body">
							<div class="kt-content kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor" id="kt_content">

								<!-- begin:: Subheader -->
								<div class="kt-subheader   kt-grid__item" id="kt_subheader">
									<div class="kt-container {% if app_info.fluid %}kt-container--fluid{% endif %}">
										<div class="kt-subheader__main">
											{% block subheader_title %}
											<h3 class="kt-subheader__title">{% block subtitle %}Dashboard{% endblock %}</h3>
											{% endblock %}
											<span class="kt-subheader__separator kt-hidden"></span>
                                            {% block breadcrumbs %}
											<div class="kt-subheader__breadcrumbs">
												<a href="#" class="kt-subheader__breadcrumbs-home"><i class="flaticon2-shelter"></i></a>
												<span class="kt-subheader__breadcrumbs-separator"></span>
												<a href="" class="kt-subheader__breadcrumbs-link">
													Dashboard </a>
												<span class="kt-subheader__breadcrumbs-separator"></span>
												<a href="" class="kt-subheader__breadcrumbs-link">
													Default Dashboard
                                                </a>

											</div>
                                            {% endblock %}
										</div>
									</div>
								</div>

								<div class="kt-container {% if app_info.fluid %}kt-container--fluid {% endif %}
								 kt-grid__item kt-grid__item--fluid">
									<div class="row">
                                        {% block content %}
                                        {% endblock %}
									</div>
								</div>
							</div>
						</div>
					</div>

                    {% block footer %}
                        {% if app_info.display_footer %}
					        {% include 'admin/includes/footer.html' %}
                        {% endif %}
                    {% endblock %}

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

		{% block scrolltop %}
		<div id="kt_scrolltop" class="kt	-scrolltop">
			<i class="la la-arrow-up"></i>
		</div>
		{% endblock %}

		<script>
			var KTAppOptions = {
				"colors": {
					"state": {
						"brand": "#385aeb",
						"metal": "#c4c5d6",
						"light": "#ffffff",
						"accent": "#00c5dc",
						"primary": "#5867dd",
						"success": "#34bfa3",
						"info": "#36a3f7",
						"warning": "#ffb822",
						"danger": "#fd3995",
						"focus": "#9816f4"
					},
					"base": {
						"label": [
							"#c5cbe3",
							"#a1a8c3",
							"#3d4465",
							"#3e4466"
						],
						"shape": [
							"#f0f3ff",
							"#d9dffa",
							"#afb4d4",
							"#646c9a"
						]
					}
				}
			};
		</script>
		<script src="{% static 'dist/assets/plugins/global/plugins.bundle.js' %}" type="text/javascript"></script>
		<script src="{% static 'dist/assets/js/scripts.bundle.js' %}" type="text/javascript"></script>
		<script src="{% static 'admin/js/alertas.js' %}" type="text/javascript"></script>
        <script>
            $('.toast').toast('show')
        </script>
        {% block mediajs %}
        {% endblock %}
        {% block javascript %}
        {% endblock %}
	</body>

</html>