<!DOCTYPE html>
<html lang="app.request.locale">
<head>
<meta charset="UTF-8">
<title>{% block title %}ImagingPro{% endblock %}</title>
<link rel="icon" type="image/png" href="{{ asset('images/favicon-32-2.png') }}">
<meta name="viewport" content="width=device-width, initial-scale=1">
{% block stylesheets %}
{{ encore_entry_link_tags('app') }}
<!-- Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
{% endblock %}
{% block javascripts %}
<!-- SweetAlert2 primero -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
{{ encore_entry_script_tags('app') }}
<script src="{{ asset('js/toggle-password.js') }}"></script>
<script src="{{ asset('js/sidebar-toggle.js') }}"></script>
<script src="{{ asset('js/flash.js') }}" defer></script>
{% endblock %}
</head>
<body class="{% block body_class %}bg-light text-dark{% endblock %}">
{# Header modular #}
{% block header %}
{% if app.request.attributes.get('_route') not in ['app_login', 'app_register', 'app_forgot_password'] %}
{% include 'header.html.twig' %}
{% endif %}
{% endblock %}
{# Contenido dinámico #}
{% block body %}
{% include 'content.html.twig' %}
{% endblock %}
{# Footer modular #}
{% block footer %}
{% if app.request.attributes.get('_route') not in ['app_login', 'app_register', 'app_forgot_password'] %}
{% include 'footer.html.twig' %}
{% endif %}
{% endblock %}
{# Notificaciones globales - se convierten automáticamente a SweetAlert2 #}
{% include 'partials/_flashes.html.twig' %}
</body>
</html>