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

{% block stylesheets %}
{% endblock %}

{% block body %}
    <div class="container text-center">
        {% if app.user.isOwner == true %}
            <h1 class="mr-t-15 m-b-50">Système de part :</h1>
            {% if property.getTotalRentByYear(dateNow) %}
                <h4>Ce calcul se fait sur l'année en cours</h4>
                <p class="text-info">Somme totale du loyer : {{ property.getTotalRentByYear(dateNow) }}€</p>
                {% if property.getTotalPriceWorks(dateNow) > 0 %}
                    <p class="text-warning">Somme totale des travaux : {{ property.getTotalPriceWorks(dateNow) }}€</p>
                    {% set getTotalPart = property.getTotalRentByYear(dateNow) - property.getTotalPriceWorks(dateNow) %}
                    <p class="text-success">Bénéfice :
                        <span id="totalPartWork">{{ getTotalPart }}</span><span>€</span>
                    </p>
                {% else %}
                    <p class="text-success">Bénéfice :
                        <span id="totalPartWork">{{ property.getTotalRentByYear(dateNow) }}</span><span>€</span>
                    </p>
                {% endif %}
                <div class="form-css">
                    <div>
                        <label>Nombre d'homme</label>
                        <input type="number" id="men">
                    </div>
                    <div>
                        <label>Nombre de femme</label>
                        <input type="number" id="women">
                    </div>
                    <button type="submit" id="calculSubmit">Envoyer</button>
                </div>
                <div class="jumbotron result">
                    <h1 class="display-4">Résultat</h1>
                    <hr class="my-4">
                    <p class="lead"> Chaque homme aura: <span id="totalByMan"></span>€</p>
                    <p class="lead"> Chaque femme aura: <span id="totalByWoman"></span>€</p>
                </div>
            {% else %}
                <div class="alert alert-danger" role="alert">
                    Oops! il n' y a pas de locataires ou des travaux pour ce bien.
                </div>
                <img src="{{ asset('images/acces_denied/403.gif') }}" class="acces-denied m-r-30">
            {% endif %}

        {% else %}
            <h3 class="color-danger text-center">Vous n'êtes pas autorisé à accéder à cette page.</h3>
            <img src="{{ asset('images/acces_denied/403.gif') }}" class="acces-denied m-r-30">
        {% endif %}
    </div>
{% endblock %}