{% extends 'base.html' %}

{% block title %}Inicio - ARCH{% endblock %}

{% block content %}
<div class="container my-5">
    <div class="row">
        <div class="col-md-12 text-center mb-4">
            <h1 class="display-4">Bienvenido a ARCH</h1>
            <p class="lead">Sistema de gestión documental para arquitectura</p>
        </div>
    </div>
    
    <div class="row justify-content-center">
        {% if current_user.is_authenticated %}
            <div class="col-md-4 mb-4">
                <div class="card h-100">
                    <div class="card-body text-center">
                        <h5 class="card-title">Mis Proyectos</h5>
                        <p class="card-text">Accede a tus proyectos actuales y archivados.</p>
                        <a href="{{ url_for('projects.list_projects') }}" class="btn btn-primary">Ver Proyectos</a>
                    </div>
                </div>
            </div>
            
            <div class="col-md-4 mb-4">
                <div class="card h-100">
                    <div class="card-body text-center">
                        <h5 class="card-title">Documentos Recientes</h5>
                        <p class="card-text">Consulta tus documentos más recientes.</p>
                        <a href="{{ url_for('documents.recent_documents') }}" class="btn btn-primary">Ver Documentos</a>
                    </div>
                </div>
            </div>
        {% else %}
            <div class="col-md-8 text-center">
                <div class="card">
                    <div class="card-body">
                        <h2>Gestión de documentos arquitectónicos</h2>
                        <p class="lead">Organiza, clasifica y accede a tus documentos de manera eficiente</p>
                        <hr>
                        <p>Para comenzar a utilizar el sistema, por favor inicia sesión:</p>
                        <a href="{{ url_for('auth.login') }}" class="btn btn-lg btn-primary">Iniciar Sesión</a>
                    </div>
                </div>
            </div>
        {% endif %}
    </div>
</div>
{% endblock %}
