{% import "dashboard/macro/chart_bar_for_product.html.twig" as macro %}

{% extends '@InstallBois/index.html.twig' %}

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

{% block head %}
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/buttons/2.2.3/js/dataTables.buttons.min.js"></script>
    <script type="text/javascript"
            src="https://cdn.datatables.net/responsive/2.3.0/js/dataTables.responsive.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.7.1/chart.min.js"></script>
    {{ parent() }}
{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="https://cdn.datatables.net/1.12.1/css/jquery.dataTables.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.2.3/css/buttons.dataTables.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.4.0/js/dataTables.buttons.min.js">
    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.2.3/js/dataTables.buttons.min.js">
{% endblock %}

{% block javascripts %}
    {#    <script src="{{ asset('install-bois/app.js') }}"></script> #}
    {{ parent() }}
{% endblock %}

{% block breadcrumb %}
    {# Cette partie nous sert uniquement à tester rapidement les différents niveau d'accès en fonction des roles
        il faudra le supprimé lorsque tout sera bien configuré
    #}
    {# <div class="col-sm-12 col-md-12 col-lg-12" style="margin-top:1%;padding: 0"> #}
    {# <a href="{{ path('switch_role', {'role': 'ROLE_ADMIN'}) }}" style="color:white;"> #}
    {# <button type="button" class="btn bg-orange"> #}
    {# Switch role admin (DEV) #}
    {# </button> #}
    {# </a> #}
    {# <a href="{{ path('switch_role', {'role': 'ROLE_REFERENT_TECHNICIEN'}) }}" style="color:white;"> #}
    {# <button type="button" class="btn bg-orange"> #}
    {# Switch role référent technicien (DEV) #}
    {# </button> #}
    {# </a> #}
    {# <a href="{{ path('switch_role', {'role': 'ROLE_TECHNICIEN'}) }}" style="color:white;"> #}
    {# <button type="button" class="btn bg-orange"> #}
    {# Switch role technicien (DEV) #}
    {# </button> #}
    {# </a> #}
    {# <a href="{{ path('switch_role', {'role': 'ROLE_LECTURE_SEULE'}) }}" style="color:white;"> #}
    {# <button type="button" class="btn bg-orange"> #}
    {# Switch role lecture seule (DEV) #}
    {# </button> #}
    {# </a> #}
    {# <a href="{{ path('switch_role', {'role': 'ROLE_REFERENT_FABRICANT'}) }}" style="color:white;"> #}
    {# <button type="button" class="btn bg-primary"> #}
    {# Switch role référent fabricant (DEV) #}
    {# </button> #}
    {# </a> #}
    {# <a href="{{ path('switch_role', {'role': 'ROLE_FABRICANT'}) }}" style="color:white;"> #}
    {# <button type="button" class="btn bg-primary"> #}
    {# Switch role fabricant (DEV) #}
    {# </button> #}
    {# </a> #}
    {# </div> #}
    {# <hr class="hr_grey" style="margin-top: 5%;"> #}
    {# ################# #}

    {# <hr class="hr_grey" style="margin-top: 1%;"> #}
{% endblock %}

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

{% block page_content %}
    {% if productsOfManufacturer['displayDevice'] %}
        <div class="container-fluid col-sm-6 col-md-6 col-lg-6">
            {{ macro.chart(
                'DevicesChart',
                'Statuts de mes appareils par nombre',
                productsOfManufacturer['device'],
                ['En cours', 'Demande d’approbation', 'Base IB', 'Demandes de supression', 'Archivés', 'Produits non confirmés'],
                ['#FCAF03', '#FF6600', '#47C7BB', '#008080', '#7F3300', '#CC0000'],
            ) }}
        </div>
    {% endif %}
    {% if productsOfManufacturer['displayDuct'] %}
        <div class="container-fluid col-sm-6 col-md-6 col-lg-6">
            {{ macro.chart(
                'DuctsChart',
                'Statuts de mes conduits par nombre',
                productsOfManufacturer['duct'],
                ['En cours', 'Demande d’approbation', 'Base IB', 'Demandes de supression', 'Archivés', 'Produits non confirmés'],
                ['#FCAF03', '#FF6600', '#47C7BB', '#008080', '#7F3300', '#CC0000'],
            ) }}
        </div>
    {% endif %}

    <script type="application/javascript">
    </script>
{% endblock %}