<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}Welcome!{% endblock %}</title>
<link rel="icon"
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
{% block stylesheets %}
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
<link rel="stylesheet" href="{{ asset('static/plugins/fontawesome-free/css/all.css') }}">
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="{{ asset('static/dist/css/adminlte.min.css') }}">
<!-- overlayScrollbars -->
<link rel="stylesheet" href="{{ asset('static/plugins/overlayScrollbars/css/OverlayScrollbars.min.css') }}">
<!-- Daterange picker -->
<link rel="icon"
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
{{ encore_entry_link_tags('app') }}
{% block css %}{% endblock %}
{% endblock %}
{% if app.environment == 'prod' %}
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DL1ZHTJ3YF"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-DL1ZHTJ3YF');
</script>
{% endif %}
</head>
<body class="{% block body_class %}hold-transition sidebar-mini layout-fixed{% endblock %}">
{% block body %}
<div class="wrapper">
{% block preloader %}
<div class="preloader flex-column justify-content-center align-items-center">
<img class="img-fluid animation__shake" src="{{ asset('static/img/Gamma-Logo.png') }}"
alt="Gama de Amigos" height="300" width="150">
</div>
{% endblock %}
{% block navbar %}
<nav class="main-header navbar navbar-expand navbar-white navbar-light">
{% block push_menu %}
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" data-widget="pushmenu" href="#" role="button"><i
class="fas fa-bars"></i></a>
</li>
</ul>
{% endblock %}
<ul class="navbar-nav ml-auto">
<!-- Notifications Dropdown Menu -->
<li class="nav-item dropdown">
{{ render(controller(
'App\\Controller\\IndexController::renderNotificationCount'
)) }}
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
<img src="{{ asset('static/loading.gif') }}" class="img-fluid"
id="loading-notification-img">
<input type="hidden" value="{{ path('app_notification_find_user') }}"
id="path-notification-by-user"
data-read="{{ path('app_notification_read', {id: -1}) }}">
<div id="notification-container">
<span class="dropdown-item dropdown-header">No se han encontrado notificaciones</span>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item">
<i class="fas fa-envelope mr-2"></i> 4 new messages
<span class="float-right text-muted text-sm">3 mins</span>
</a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item">
<i class="fas fa-users mr-2"></i> 8 friend requests
<span class="float-right text-muted text-sm">12 hours</span>
</a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item">
<i class="fas fa-file mr-2"></i> 3 new reports
<span class="float-right text-muted text-sm">2 days</span>
</a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
</div>
</div>
</li>
<li class="nav-item dropdown user-menu">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">
<img src="{{ asset('static/dist/img/user.jpg') }}" class="user-image img-circle elevation-2"
alt="{{ app.user.userIdentifier }}">
<span class="d-none d-md-inline">{{ app.user.userIdentifier }}</span>
</a>
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
<!-- User image -->
<li class="user-header bg-default">
<img src="{{ asset('static/dist/img/user.jpg') }}" class="img-circle elevation-2"
alt="{{ app.user.userIdentifier }}">
<p>
{{ app.user.userIdentifier }} - <a
href="mailto:{{ app.user.email }}">{{ app.user.email }}</a>
<small>Última conexión: {{ app.user.lastConnection | date('Y-m-d H:i') }}</small>
</p>
</li>
<!-- Menu Footer-->
<li class="user-footer">
<button data-toggle="modal" data-target="#modal-change-password"
class="btn btn-default btn-flat">Cambiar Contraseña
</button>
<a href="{{ path('app_logout') }}"
class="btn btn-default btn-flat float-right">Salir</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" data-widget="fullscreen" href="#" role="button">
<i class="fas fa-expand-arrows-alt"></i>
</a>
</li>
</ul>
</nav>
{% endblock %}
{% block sidebar %}
{{ render(controller(
'App\\Controller\\IndexController::sidebar'
)) }}
{% endblock %}
{% block content_wrapper %}
<div class="content-wrapper">
{% block content_header %}
<div class="content-header">
{% for label, messages in app.flashes %}
{% for message in messages %}
{% set class = 'alert-success' %}
{% set title = 'Correcto' %}
{% set icon = 'fa-check' %}
{% if label == 'error' %}
{% set class = 'alert-danger' %}
{% set title = 'Error' %}
{% set icon = 'fa-ban' %}
{% elseif label == 'warning' %}
{% set class = 'alert-warning' %}
{% set title = 'Atención' %}
{% set icon = 'fa-exclamation-triangle' %}
{% endif %}
<div class="alert {{ class }} alert-dismissible">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">
×
</button>
<h5><i class="icon fas {{ icon }}"></i> {{ title }}</h5>
{{ message }}
</div>
{% endfor %}
{% endfor %}
</div>
{% endblock %}
<section class="content">
<div class="container-fluid">
{% block content %}{% endblock %}
</div>
</section>
</div>
<div class="modal fade" id="modal-change-password" tabindex="-1" role="dialog"
aria-labelledby="exampleModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Cambiar Contraseña</h5>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12">
<div class="form-group">
<label>Nueva Contraseña</label>
<input type="password" id="new-password" class="form-control">
</div>
<div class="form-group">
<label>Repita la contraseña</label>
<input type="password" id="repeat-password" class="form-control">
<span class="error-password">Las contraseñas no coinciden</span>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="form-check mb-sm-0 d-flex justify-content-end">
<label class="form-check-label">
<input class="form-check-input" type="checkbox" id="show-hide-password">Mostrar
contraseña
</label>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary btn-cancel-change-password"
data-dismiss="modal">Cancelar
</button>
<button type="button" class="btn btn-primary btn-change-password"
data-path="{{ path('app_user_change_password') }}">Cambiar Contraseña
</button>
</div>
</div>
</div>
</div>
{% endblock %}
{% block footer %}
<footer class="main-footer">
<strong>Copyright © {{ 'now' | date('Y') }} <a href="https://www.iguala.gob.mx/" target="_blank">Iguala
de La
Independencia</a>.</strong>
Todos los derechos reservados.
<div class="float-right d-none d-sm-inline-block">
<b>Version</b> 1.0.0
</div>
</footer>
{% endblock %}
<aside class="control-sidebar control-sidebar-dark">
<!-- Control sidebar content goes here -->
</aside>
</div>
{% endblock %}
{% block body_js %}
<script src="{{ asset('static/plugins/jquery/jquery.min.js') }}"></script>
<!-- jQuery UI 1.11.4 -->
<script src="{{ asset('static/plugins/jquery-ui/jquery-ui.min.js') }}"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
$.widget.bridge('uibutton', $.ui.button)
</script>
<!-- Bootstrap 4 -->
<script src="{{ asset('static/plugins/bootstrap/js/bootstrap.min.js') }}"></script>
<!-- Sparkline -->
<script src="{{ asset('static/plugins/sparklines/sparkline.js') }}"></script>
<!-- jQuery Knob Chart -->
<script src="{{ asset('static/plugins/jquery-knob/jquery.knob.min.js') }}"></script>
<!-- daterangepicker -->
<script src="{{ asset('static/plugins/overlayScrollbars/js/OverlayScrollbars.min.js') }}"></script>
<script src="{{ asset('static/dist/js/adminlte.min.js') }}"></script>
{{ encore_entry_script_tags('app') }}
{% block js %}{% endblock %}
{% endblock %}
</body>
</html>