{% extends "base.html" %}

{% block title %}Inicio - Sistema de Evaluación de Desempeño{% endblock %}

{% block content %}
<div class="bg-white p-6 rounded-lg shadow-md mt-6">
    <h1 class="text-3xl font-bold text-gray-800 mb-4">¡Bienvenido al Sistema de Evaluación de Desempeño!</h1>
    <p class="text-lg text-gray-700">Este es el punto de partida para tu potente aplicación Flask.</p> {# Translated #}
    {% if current_user.is_authenticated %}

    <p class="mt-4 text-xl text-gray-600">
        Iniciado sesión como: <span class="font-semibold text-blue-700">{{ current_user.nombre }} {{
            current_user.apellido }}</span> (Usuario: <span class="font-semibold text-indigo-700">{{
            current_user.usuario }}</span> | Rol: <span class="font-semibold text-purple-700">{{ current_user.role_name
            }}</span>)
    </p>
    <p class="mt-4"><a href="{{ url_for('dashboard') }}"
            class="inline-block bg-blue-500 text-white px-4 py-2 rounded-md hover:bg-blue-600 transition-colors duration-200">Ir
            al Panel de Control</a></p>
    {% else %}
    <p class="text-md text-gray-600 mt-2">Por favor, <a href="{{ url_for('login') }}"
            class="text-blue-500 hover:underline">inicia sesión</a> para continuar.</p>
    {% endif %}
</div>
{% endblock %}