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

{% block title %}Traceroute{% endblock %}
{% form_theme form 'bootstrap_4_horizontal_layout.html.twig' %}
{% block title_page %}Traceroute{% endblock %}




{% block container_start %}

    <div class="card">
        <div class="card-body">
            {{ form_start(form) }}

            {{ form_row(form.id, {'attr':{'class':'select2', 'style':'width:100%;'}}) }}

            <div class="text-center">
                <button type='submit' class='btn btn-success'>Chercher</button>
            </div>

            {{ form_end(form) }}
        </div>
        <!-- /.card-body -->
    </div>
    <!-- /.card -->

    {% if productFollow is defined %}

        <div class="text-center" style="margin-top: 30px;">
            <h2>Information :</h2>
        </div>

        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col-sm-2"></div>
                    <div class="col-sm-5">
                        <div class="row">
                            <dt class="col-sm-4">Identifiant :</dt>
                            <dd class="col-sm-8">{{productFollow.id}}</dd>

                            <dt class="col-sm-4">Nom :</dt>
                            <dd class="col-sm-8">{{productFollow.product.name}}</dd>

                            <dt class="col-sm-4">Catégorie :</dt>
                            <dd class="col-sm-8">
                                <ul>
                                    {% for category in productFollow.product.category %}
                                        <li>{{category.name}}</li>
                                    {% endfor %}
                                </ul>
                            </dd>

                            <dt class="col-sm-4">Description :</dt>
                            <dd class="col-sm-8">{{productFollow.product.description}}</dd>

                            <dt class="col-sm-4">Référence :</dt>
                            <dd class="col-sm-8">{{productFollow.product.reference}}</dd>
                        </div>
                    </div>

                    <div class="col-sm-5">
                        <div class="row">
                            <dt class="col-sm-4">Création :</dt>
                            <dd class="col-sm-8">{{productFollow.createdAt|date("d/m/Y")}}</dd>

                            <dt class="col-sm-4">Dernière MAJ :</dt>
                            <dd class="col-sm-8">{{productFollow.updatedAt|date("d/m/Y")}}</dd>

                            <dt class="col-sm-4">N° série fabriquant :</dt>
                            <dd class="col-sm-8">
                                {% if is_granted("ROLE_VIEW_PRODUCT_FOLLOW") %}
                                <a class="lien" href="{{ path('product_follow_view', {'id': productFollow.id}) }}">{{productFollow.manufacturerSerialNumber}}</a></dd>
                            {% else %}
                                {{productFollow.manufacturerSerialNumber}}
                            {% endif %}

                            <dt class="col-sm-4">N° série société :</dt>
                            <dd class="col-sm-8">
                                {% if is_granted("ROLE_VIEW_PRODUCT_FOLLOW") %}
                                <a class="lien" href="{{ path('product_follow_view', {'id': productFollow.id}) }}">{{productFollow.companySerialNumber}}</a></dd>
                            {% else %}
                                {{productFollow.companySerialNumber}}
                            {% endif %}

                            <dt class="col-sm-4">État :</dt>
                            <dd class="col-sm-8">{{productFollow.state}}</dd>
                        </div>
                    </div>

                </div>
            </div>
            <!-- /.card-body -->
        </div>
        <!-- /.card -->


        <div class="text-center" style="margin-top: 30px;">
            <h2>Historique :</h2>
        </div>

    {% endif %}

    {% if maintenanceDetails is defined %}
    <div class="timeline">
    {% for md in maintenanceDetails %}

        <div>

            {% if md.type.name == "Ajout"%}
                <i class="fas fa-plus bg-green"></i>
            {% elseif md.type.name == "Suppression" %}
                <i class="fas fa-minus bg-red"></i>
            {% else %}
                <i class="fas fa-wrench bg-blue"></i>
            {% endif %}


            <div class="timeline-item">
                <span class="time"><i class="fas fa-clock"></i> <strong>{{ md.maintenance.doAt|date("d/m/Y - H:i:s") }}</strong></span>
                <h3 class="timeline-header">
                    {{ md.type.name }}
                </h3>

                <div class="timeline-body">
                    <dl class="row">
                        <dt class="col-sm-4">Date :</dt>
                        <dd class="col-sm-8">{{ md.maintenance.doAt|date("d/m/Y - H:i:s") }}</dd>

                        <dt class="col-sm-4">Site : </dt>
                        <dd class="col-sm-8">
                            {% if is_granted("ROLE_VIEW_SITE") %}
                                <a class="lien" href="{{ path('site_detail', {'id': md.maintenance.site.id}) }}">{{ md.maintenance.site.name }}</a>
                            {% else %}
                                {{ md.maintenance.site.name }}
                            {% endif %}
                        </dd>

                        <dt class="col-sm-4">Adresse :</dt>
                        <dd class="col-sm-8">{{ md.maintenance.site.address }}</dd>

                        <dt class="col-sm-4">Code postal :</dt>
                        <dd class="col-sm-8">{{ md.maintenance.site.zipcode }}</dd>

                        <dt class="col-sm-4">Ville :</dt>
                        <dd class="col-sm-8">{{ md.maintenance.site.city }}</dd>

                        <dt class="col-sm-4">Technicien :</dt>
                        <dd class="col-sm-8">{{ md.maintenance.doBy.name}} {{ md.maintenance.doBy.firstName}}</dd>
                    </dl>
                </div>
                <div class="timeline-footer text-center">
                    <a class="btn btn-primary btn-sm" href="{{ path('maintenance_detail', {'id': md.maintenance.id}) }}">Voir maintenance</a>
                </div>
            </div>
        </div>

    {% endfor %}
    </div>
    {% endif %}


{% endblock %}