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

{% block title %} {% trans %}COSAP - Mes Stocks Informatiques{% endtrans %} {% endblock %}

{% block body %}
    {{ parent() }}

    <section class="row all-contacts">
        <div class="col-12">
            <div class="card">

                <div class="card-header">
                    <h6 style="font-weight: 500;">{% trans %}Mes Stocks Informatiques{% endtrans %}</h6>
                    <div class="heading-elements mt-0">
                        <a class="btn btn-warning btn-sm" href="{{ path('mine_stocks_page',{'type': type}) }}" title="{% trans %}Actualiser{% endtrans %}">
                            <i class="fa fa-refresh text-white"></i>
                        </a>
                    </div>
                </div>  <!-- end card-header -->

                <div class="card-content">
                    <div class="card-body">

                        <!-- debut tabs -->
                        <ul class="nav nav-tabs nav-top-border no-hover-bg nav-justified" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link {% if type == "T01" %} active {% endif %}" href="{{ path('mine_stocks_page',{'type':'T01'}) }}">
                                    {% trans %}Serveur et Pc{% endtrans %}
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link {% if type == "T02" %} active {% endif %}" href="{{ path('mine_stocks_page',{'type':'T02'}) }}">
                                    {% trans %}Équipements réseaux{% endtrans %}
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link {% if type == "T03" %} active {% endif %}" href="{{ path('mine_stocks_page',{'type':'T03'}) }}">
                                    {% trans %}Appareils mobile{% endtrans %}
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link {% if type == "T04" %} active {% endif %}" href="{{ path('mine_stocks_page',{'type':'T04'}) }}">
                                    {% trans %}Périphériques Informatique{% endtrans %}
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link {% if type == "T05" %} active {% endif %}" href="{{ path('mine_stocks_page',{'type':'T05'}) }}">
                                    {% trans %}Postes Fixes{% endtrans %}
                                </a>
                            </li>
                        </ul>

                        <div class="tab-content px-1 pt-1">
                            {% if type == "T01" %} 
                                <div class="tab-pane active">
                                    {{ include('Stocks/MesStocks/tabs/serveur_pc.html.twig') }}
                                </div>
                            {% endif %}
                            {% if type == "T02" %} 
                                <div class="tab-pane active">
                                    {{ include('Stocks/MesStocks/tabs/equipement_reseau.html.twig') }}
                                </div>
                            {% endif %}
                            {% if type == "T03" %} 
                                <div class="tab-pane active">
                                   {{ include('Stocks/MesStocks/tabs/appareils_mobile.html.twig') }}
                                </div>
                            {% endif %}
                            {% if type == "T04" %} 
                                <div class="tab-pane active">
                                   {{ include('Stocks/MesStocks/tabs/peripherique_informatique.html.twig') }}
                                </div>
                            {% endif %}
                            {% if type == "T05" %} 
                                <div class="tab-pane active">
                                    {{ include('Stocks/MesStocks/tabs/poste_fixe.html.twig') }}
                                </div>
                            {% endif %}
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </section>

    {{ include('Stocks/MesStocks/modals/retour_stock.html.twig') }}

{% endblock %}

{% block javascripts %}
    {{ parent() }}

    <script type="text/javascript"> 

        $('.summernote').summernote({
            lang: "fr-FR",
            height: 120
        });

        {% for flash_message in app.session.flashBag.get('success') %}

            toastr.success('{{ flash_message }}', {positionClass: 'toast-top-center', containerId: 'toast-top-center'});

        {% endfor %}

        {% for flash_message in app.session.flashBag.get('info') %}

            toastr.info('{{ flash_message }}', {positionClass: 'toast-top-center', containerId: 'toast-top-center'});

        {% endfor %}

        {% for flash_message in app.session.flashBag.get('warning') %}

            toastr.warning('{{ flash_message }}', {positionClass: 'toast-top-center', containerId: 'toast-top-center'});

        {% endfor %}

        {% for flash_message in app.session.flashBag.get('error') %}

            toastr.error('{{ flash_message }}', {positionClass: 'toast-top-center', containerId: 'toast-top-center'});

        {% endfor %}

    </script>

    {% include('Stocks/MesStocks/ajax/retour_stock.html.twig') %}

{% endblock %}