{% extends 'base.html.twig' %}

{% block title %}Chambre{% endblock %}

{% block body %}

{% include 'partials/chat_icon.html.twig' %}
{% include 'partials/modal_pointeuse.html.twig' %}
{% if pointeuse and pointe %}
    
    <script>
        $('#pointeuseModal').modal('show');
    </script>
{% else %}
    
{% endif %}

<div class="container-fluid">
    <div class="row" style="padding:15%;">
        <div class="col-md-5 d-flex align-items-stretch">
            <a href="{{path('maintenance_maintenance')}}" class="card bg-warning text-white w-100 card-hover">
            <div class="card-body">
                <div class="d-flex align-items-center">
                <i class="ti ti-tools display-6"></i>
                <div class="ms-auto">
                    <i class="ti ti-arrow-right fs-8"></i>
                </div>
                </div>
                <div class="mt-4">
                <h4 class="card-title mb-1 text-white">Maintenance</h4>
                </div>
            </div>
            </a>
        </div>
        <div class="col-md-5 d-flex align-items-stretch">
            <a href="{{path('app_releve')}}" class="card bg-secondary text-white w-100 card-hover">
            <div class="card-body">
                <div class="d-flex align-items-center">
                <i class="ti ti-thermometer display-6"></i>
                <div class="ms-auto">
                    <i class="ti ti-arrow-right fs-8"></i>
                </div>
                </div>
                <div class="mt-4">
                <h4 class="card-title mb-1 text-white">
                    Relevé
                </h4>
                </div>
            </div>
            </a>
        </div>
    </div>        
</div>  

{% endblock %}