{% extends "base.html" %}

{% block title %}ServicesCRM - welcome{% endblock %}
{% block body_class %}home-page{% endblock %}

{% block content %}
<div class="container-home">
    <div class="btn-group-home">
        {% if user.is_authenticated %}
            <p class="text-white mb-4">Welcome, <strong>{{ user.get_full_name|default:user.username }}</strong></p>
            <a href="{% url 'admin:index' %}" class="btn btn-outline-light btn-home">
                <span class="material-symbols-outlined">dashboard_2_gear</span>
            </a>
            <a href="{% url 'tasks:task_list' %}" class="btn btn-outline-light btn-home">
                <span class="material-symbols-outlined">event_list</span>
            </a>
            <a href="{% url 'customers:customer_list' %}" class="btn btn-outline-light btn-home">
                <span class="material-symbols-outlined">contacts</span>
            </a>
            <a href="{% url 'chat:conversation_list' %}" class="btn btn-outline-light btn-home">
                <span class="material-symbols-outlined">chat_bubble</span>
            </a>
            <a href="{% url 'users:profile_detail' %}" class="btn btn-outline-light btn-home">
                <span class="material-symbols-outlined">person</span>
            </a>
            <!--
            <a href="{% url 'account_logout' %}" class="btn btn-light btn-home">
                <span class="material-symbols-outlined">logout</span>
            </a>
            -->
        {% else %}
            <a href="{% url 'account_login' %}" class="btn btn-light btn-home">Log in</a>
            <a href="{% url 'account_signup' %}" class="btn btn-outline-light btn-home">Register</a>
        {% endif %}
    </div>
</div>
{% endblock %}