{%- set app_logo_lg_src = app_logo_lg_src|default(asset('bundles/emprelewftemplate/assets/static/images/logo_pcr_lg.png', 'ewftemplate')) -%}
{%- set app_logo2_lg_src = app_logo2_lg_src|default(asset('images/logo.svg')) -%}
{%- set app_logo_mini_src = app_logo_mini_src|default(asset('bundles/emprelewftemplate/assets/static/images/logo_pcr_mini.png', 'ewftemplate')) -%}
{%- set app_logo_alt = app_logo_alt|default('Logomarca da Prefeitura da Cidade do Recife') -%}
{%- set favicon_href = favicon_href|default(asset('bundles/emprelewftemplate/assets/static/images/favicon.ico', 'ewftemplate')) -%}
{%- set has_manifest = has_manifest is defined ? has_manifest : false -%}
{%- set has_authentication = has_authentication is defined ? has_authentication : true -%}
{%- set manifest_href = manifest_href|default('') -%}
{%- set has_service_worker = has_service_worker is defined ? has_service_worker : false -%}
{%- set service_worker_href = service_worker_href|default('') -%}
{%- set app_name = app_name|default('EWF-HTML') -%}
{%- set app_home_href = app_home_href|default('#') -%}
{%- set is_authenticated = is_authenticated is defined ? is_authenticated : false -%}
{%- set authenticated_name = authenticated_name|default('Usuário') -%}
{%- set authenticated_username = authenticated_username|default('') -%}
{%- set authenticated_profile_href = authenticated_profile_href|default(null) -%}
{%- set authenticated_profile_image_src = authenticated_profile_image_src|default(asset('bundles/emprelewftemplate/assets/static/images/user.png', 'ewftemplate')) -%}
{%- set authenticated_login_href = authenticated_login_href|default('#') -%}
{%- set authenticated_logout_href = authenticated_logout_href|default('#') -%}
{%- set can_login = can_login is defined ? can_login : false -%}
{%- set has_control_sidebar = has_control_sidebar is defined ? has_control_sidebar : false -%}
{%- set show_preload = show_preload is defined ? show_preload : false -%}
{%- set is_error_page = is_error_page is defined ? is_error_page : false -%}
{%- set wpa_title = wpa_title|default(app_name) -%}
{%- set prepend_javascripts = prepend_javascripts is defined ? prepend_javascripts : false -%}
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
<link rel="icon" href="{{- favicon_href|e('html_attr') -}}"/>
{% block manifest %}
{% if has_manifest %}
<link rel="manifest" href="{{- manifest_href|e('html_attr') -}}">
{% endif %}
{% endblock %}
{% block manifest_icons_meta %}
{% if has_manifest %}
<!-- iPhone(first generation or 2G), iPhone 3G, iPhone 3GS -->
<link rel="apple-touch-icon" sizes="57x57" href="{{ asset('bundles/emprelewftemplate/assets/static/images/touch-icon-iphone.png', 'ewftemplate') }}">
<!-- iPad and iPad mini @1x -->
<link rel="apple-touch-icon" sizes="76x76" href="{{ asset('bundles/emprelewftemplate/assets/static/images/touch-icon-ipad.png', 'ewftemplate') }}">
<!-- iPhone 4, iPhone 4s, iPhone 5, iPhone 5c, iPhone 5s, iPhone 6, iPhone 6s, iPhone 7, iPhone 7s, iPhone8 -->
<link rel="apple-touch-icon" sizes="120x120" href="{{ asset('bundles/emprelewftemplate/assets/static/images/touch-icon-iphone-retina.png', 'ewftemplate') }}">
<!-- iPad and iPad mini @2x -->
<link rel="apple-touch-icon" sizes="152x152" href="{{ asset('bundles/emprelewftemplate/assets/static/images/touch-icon-ipad-retina.png', 'ewftemplate') }}">
<!-- iPad Pro -->
<link rel="apple-touch-icon" sizes="167x167" href="{{ asset('bundles/emprelewftemplate/assets/static/images/touch-icon-ipad-pro.png', 'ewftemplate') }}">
<!-- iPhone X, iPhone 8 Plus, iPhone 7 Plus, iPhone 6s Plus, iPhone 6 Plus -->
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('bundles/emprelewftemplate/assets/static/images/touch-icon-iphone-6-plus.png', 'ewftemplate') }}">
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-touch-fullscreen" content="yes" />
<meta name="apple-mobile-web-app-title" content="{{ wpa_title|e('html_attr') }}" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<link href="{{ asset('bundles/emprelewftemplate/assets/static/images/apple_splash_2048.png', 'ewftemplate') }}" sizes="2048x2732" rel="apple-touch-startup-image" />
<link href="{{ asset('bundles/emprelewftemplate/assets/static/images/apple_splash_1668.png', 'ewftemplate') }}" sizes="1668x2224" rel="apple-touch-startup-image" />
<link href="{{ asset('bundles/emprelewftemplate/assets/static/images/apple_splash_1536.png', 'ewftemplate') }}" sizes="1536x2048" rel="apple-touch-startup-image" />
<link href="{{ asset('bundles/emprelewftemplate/assets/static/images/apple_splash_1125.png', 'ewftemplate') }}" sizes="1125x2436" rel="apple-touch-startup-image" />
<link href="{{ asset('bundles/emprelewftemplate/assets/static/images/apple_splash_1242.png', 'ewftemplate') }}" sizes="1242x2208" rel="apple-touch-startup-image" />
<link href="{{ asset('bundles/emprelewftemplate/assets/static/images/apple_splash_750.png', 'ewftemplate') }}" sizes="750x1334" rel="apple-touch-startup-image" />
<link href="{{ asset('bundles/emprelewftemplate/assets/static/images/apple_splash_640.png', 'ewftemplate') }}" sizes="640x1136" rel="apple-touch-startup-image" />
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2)"
href="{{ asset('bundles/emprelewftemplate/assets/static/images/apple_splash_828x1792.png', 'ewftemplate') }}"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)"
href="{{ asset('bundles/emprelewftemplate/assets/static/images/apple_splash_1242x2688.png', 'ewftemplate') }}"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)"
href="{{ asset('bundles/emprelewftemplate/assets/static/images/apple_splash_1125x2436.png', 'ewftemplate') }}"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3)"
href="{{ asset('bundles/emprelewftemplate/assets/static/images/apple_splash_1242x2208.png', 'ewftemplate') }}"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)"
href="{{ asset('bundles/emprelewftemplate/assets/static/images/apple_splash_750x1334.png', 'ewftemplate') }}"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)"
href="{{ asset('bundles/emprelewftemplate/assets/static/images/apple_splash_2048x2732.png', 'ewftemplate') }}"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)"
href="{{ asset('bundles/emprelewftemplate/assets/static/images/apple_splash_1668x2224.png', 'ewftemplate') }}"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)"
href="{{ asset('bundles/emprelewftemplate/assets/static/images/apple_splash_640x1136.png', 'ewftemplate') }}"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2)"
href="{{ asset('bundles/emprelewftemplate/assets/static/images/apple_splash_1668x2388.png', 'ewftemplate') }}"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)"
href="{{ asset('bundles/emprelewftemplate/assets/static/images/apple_splash_1536x2048.png', 'ewftemplate') }}"
/>
{% endif %}
{% endblock %}
{% block meta_tags %}
{% endblock %}
<title>{% block page_title %}{% endblock %}</title>
{% block stylesheets %}
{% block stylesheets_preload %}
{% if show_preload %}
<style>
#loader {
transition: all 0.3s ease-in-out;
opacity: 1;
visibility: visible;
position: fixed;
height: 100vh;
width: 100vw;
background: #fff;
z-index: 90000;
left: 0;
top: 0;
}
#loader.fadeOut {
opacity: 0;
visibility: hidden;
}
.spinner {
width: 40px;
height: 40px;
position: absolute;
top: calc(50% - 20px);
left: calc(50% - 20px);
background-color: #333;
border-radius: 100%;
-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
animation: sk-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
0% { -webkit-transform: scale(0) }
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes sk-scaleout {
0% {
-webkit-transform: scale(0);
transform: scale(0);
} 100% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
opacity: 0;
}
}
</style>
{% endif %}
{% endblock %}
{% block stylesheets_template %}
<link type="text/css" rel="stylesheet" href="{{ asset('bundles/emprelewftemplate/css/app.css', 'ewftemplate') }}">
{% endblock %}
{% endblock %}
{% block javascripts_fix %}
<!--[if lt IE 9]>
<script src="{{ asset('bundles/emprelewftemplate/js/html5shiv.js', 'ewftemplate') }}"></script>
<script src="{{ asset('bundles/emprelewftemplate/js/respond.js', 'ewftemplate') }}"></script>
<![endif]-->
{% endblock %}
{% if prepend_javascripts %}
{{ block('javascripts') }}
{% endif %}
</head>
<body class="hold-transition skin-pcr fixed sidebar-mini
{% if app.request.cookies.get('sonata_sidebar_hide') -%}
sidebar-collapse
{%- endif -%}">
{% block preload %}
{% if show_preload %}
<div id='loader'>
<div class="spinner"></div>
</div>
{% endif %}
{% endblock %}
<div class="wrapper">
<header class="main-header">
<!-- Logo -->
<a href="{{- app_home_href|e('html_attr') -}}" class="logo hidden-xs">
<!-- mini logo for sidebar mini 50x50 pixels -->
<img class="logo-mini" alt="{{- app_logo_alt|e('html_attr') -}}" src="{{- app_logo_mini_src|e('html_attr') -}}">
<!-- logo for regular state and mobile devices -->
<img class="logo-lg hidden-xs" alt="{{- app_logo_alt|e('html_attr') -}}" src="{{- app_logo_lg_src|e('html_attr') -}}">
<span class="logo-lg-title visible-xs">
<img height="45px" src="{{ app_logo2_lg_src}}" alt="Assinador Digital" />
</span>
</a>
<!-- Header Navbar: style can be found in header.less -->
<nav class="navbar navbar-static-top">
<!-- Sidebar toggle button-->
<a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<span class="logo-lg-title visible-xs" style="text-align:center">
<img height="45px" src="{{ app_logo2_lg_src}}" alt="Assinador Digital" />
</span>
<div class="navbar-custom-menu">
<ul class="nav navbar-nav">
{% block navbar_custom_menu_inner %}
{% endblock %}
{% if has_authentication %}
{% if is_authenticated %}
<li class="dropdown user user-menu hidden-xs">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="{{- authenticated_profile_image_src|e('html_attr') -}}" class="user-image" alt="User Image">
<span class="hidden-xs hidden-sm user-name">{{- authenticated_name -}}</span>
</a>
<ul class="dropdown-menu">
<li class="user-header">
<img src="{{- authenticated_profile_image_src|e('html_attr') -}}" class="img-circle" alt="User Image">
<p>
{{- authenticated_name -}}
<small>{{- authenticated_username -}}</small>
</p>
</li>
<li class="user-footer">
{% if authenticated_profile_href is not empty %}
<div class="pull-left">
<a href="{{- authenticated_profile_href|e('html_attr') -}}" class="btn btn-primary btn-flat">Conta</a>
</div>
{% endif %}
<div class="pull-right">
<a href="{{- authenticated_logout_href|e('html_attr') -}}" class="btn btn-default btn-flat">Sair</a>
</div>
</li>
</ul>
</li>
{% elseif not is_error_page %}
<li class="dropdown user user-menu hidden-xs">
<a href="{{- authenticated_login_href|e('html_attr') -}}">
<i class="fa fa-sign-in"></i> Entrar
</a>
</li>
{% endif %}
{% endif %}
{% if has_control_sidebar %}
{% block control_sidebar_menu %}
<li>
<a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
</li>
{% endblock %}
{% endif %}
</ul>
</div>
<span class="logo-lg-title hidden-xs">
<img height="45px" src="{{ app_logo2_lg_src}}" alt="Assinador Digital" />
</span>
</nav>
</header>
<aside class="main-sidebar">
<section class="sidebar">
{% block sidebar_user %}
{% if is_authenticated %}
<div class="user-panel visible-xs">
<div class="pull-left image">
<img src="{{- authenticated_profile_image_src|e('html_attr') -}}" class="img-circle" alt="User Image">
</div>
<div class="pull-left info">
<p class="user-name">{{- authenticated_name -}}</p>
<small>{{- authenticated_username -}}</small>
</div>
</div>
<div class="bg-danger visible-xs"><a class="p-10 d-b" href="{{- authenticated_logout_href|e('html_attr') -}}">
<i class="fa fa-sign-out text-danger"></i> <span>Sair</span></a>
</div>
{% elseif not is_error_page %}
<div class="bg-success visible-xs"><a class="p-10 d-b" href="{{- authenticated_login_href|e('html_attr') -}}">
<i class="fa fa-sign-in text-success"></i> <span>Entrar</span></a>
</div>
{% endif %}
{% endblock %}
{% block sidebar_menu %}
<ul class="sidebar-menu" data-widget="tree">
{% block sidebar_menu_inner %}
{% endblock %}
</ul>
{% endblock %}
</section>
</aside>
<div class="content-wrapper">
{% block body %}
<section class="content-header">
{% block body_header %}
{% endblock %}
</section>
{% block flashes %}
{% for label, messages in app.flashes %}
{% for message in messages %}
<div class="m-10 alert alert-{{- label == 'error' ? 'danger' : label -}}">
{{- message|trans|raw -}}
<button type="button" class="close" data-dismiss="alert" aria-label="Fechar">
<span aria-hidden="true">×</span>
</button>
</div>
{% endfor %}
{% endfor %}
{% endblock %}
<section class="content">
{% block body_content %}
{% endblock %}
</section>
{% endblock %}
</div>
{% block footer %}
<footer class="main-footer justify-content">
{% block footer_inner %}
<strong>Desenvolvido pela
<a href="http://www.emprel.gov.br" title="Emprel" target="_blank">
<img class="logo-emprel" src="https://statics.recife.pe.gov.br/images/dynamics/emprel.png" alt="Logomarca da Emprel">
</a>
</strong>
{% endblock %}
</footer>
{% endblock %}
{% if has_control_sidebar %}
{% block control_sidebar %}
<aside class="control-sidebar control-sidebar-light">
{% block control_sidebar_inner %}
{% endblock %}
</aside>
{% endblock %}
<div class="control-sidebar-bg"></div>
{% endif %}
</div>
{% block body_aux %}
<div class="device-xs visible-xs"></div>
<div class="device-sm visible-sm"></div>
<div class="device-md visible-md"></div>
<div class="device-lg visible-lg"></div>
<div class="modal-sidabar-backdrop"></div>
{% endblock %}
{% if not prepend_javascripts %}
{% block javascripts %}
{% if has_service_worker %}
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('{{- service_worker_href|e('js') -}}');
}
</script>
{% endif %}
{% block javascripts_preload %}
{% if show_preload %}
<script>
window.addEventListener('load', function load() {
const loader = document.getElementById('loader');
setTimeout(function() {
loader.classList.add('fadeOut');
}, 300);
});
</script>
{% endif %}
{% endblock %}
{% block javascripts_template %}
<script src="{{ asset('bundles/emprelewftemplate/js/app.js', 'ewftemplate') }}"></script>
{% endblock %}
{% endblock %}
{% endif %}
{% block body_end %}
{% endblock %}
</body>
</html>