{% extends '@InstallBois/index.html.twig' %}
{% import "forms-macro/popup.html.twig" as popup %}

{% block title %}
    INSTALL BOIS
{% endblock %}

{% block head %}
    {{ parent() }}
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.7.1/chart.min.js"></script>
    <script type="text/javascript" src="{{ asset('externalJS/progressBar.min.js') }}"></script>
{% endblock %}

{% block stylesheets %}
    {{ parent() }}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <link rel="stylesheet" href="//code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script>
{% endblock %}

{% block breadcrumb %}
{#    {% if reminders|length > 0 %}#}
{#        <div class="container-fluid">#}
{#            <div class="row">#}
{#                <div class="col-sm-12 col-md-12 col-lg-12">#}
{#                    {% for reminder in reminders %}#}
{#                        {% include 'dashboard/components/_alert_reminder.html.twig' with {'reminder': reminder} %}#}
{#                    {% endfor %}#}
{#                </div>#}
{#            </div>#}
{#        </div>#}
{#    {% endif %}#}
    {{ include('dashboard/components/_subscription_informations.html.twig') }}
    <hr class="hr_grey" style="margin-top: 5%;">
{% endblock %}

{% block page_content_start %}
    {{ parent() }}
{% endblock %}

{% block page_content %}
    {{ parent() }}
    {#    <div id="myNotifications" class="container-fluid col-sm-4 col-md-4 col-lg-4"> #}
    {#        {{ include('dashboard/components/_my_notifications.html.twig') }} #}
    {#    </div> #}
    <div id="myActions" class="container-fluid col-sm-12 col-md-12 col-lg-12" style="padding-bottom: 0px!important;">
        {{ include('dashboard/components/_my_actions.html.twig') }}
    </div>
    <div id="myStatistics" class="container-fluid col-sm-12 col-md-12 col-lg-12 hideOnSmartphone"
         style="padding-bottom: 0!important;">
        {{ include('dashboard/components/_my_statistics.html.twig') }}
    </div>
    <div class="container-fluid col-sm-12 col-md-12 col-lg-12">
        {{ include('dashboard/components/_my_company_projects.html.twig') }}
    </div>
    <div id="reservedPopupDiv">
        <input type="hidden" id="isDegradedMode" value="{{ app.session.get("degraded_mode") }}"/>
        {{ popup.popup_degraded_mode() }}
        {% if app.request.query.has('fromDeviceForm') and app.request.query.get('fromDeviceForm') == '1' %}
            {{ popup.simple("info","Merci ! Votre appareil est bien enregistré et vous pouvez dès à présent l’utiliser pour toutes vos études.",null,null,'fromDeviceForm') }}
        {% endif %}
    </div>
    {% if is_granted('ROLE_DEMO') and demoPopup %}
        {{ include('demo/demo_popup.html.twig') }}
    {% endif %}
    <script type="application/javascript">
        $(document).ready(function () {
            {% if app.request.query.has('fromDeviceForm') and app.request.query.get('fromDeviceForm') == '1' %}
                $('#fromDeviceForm').modal()
            {% endif %}

            {% if demoPopup %}
                $('#demo-popup-container').show()
            {% endif %}
        });
    </script>
{% endblock %}