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

{% block title %}Produit {{productFollow.manufacturerSerialNumber}}{% endblock %}
{% block title_page %}Produit : {{productFollow.manufacturerSerialNumber}} {% if productFollow.companySerialNumber is not null  %} - {{productFollow.companySerialNumber}}{% endif %} {% endblock %}


{% block container_start %}

<!-- Main content -->
<div class="invoice p-3 mb-3">
    <!-- title row -->
    <div class="row card-header">
        <!-- /.col -->
        <div class="col-12 text-center">
            <h3 class="text-center underline"  style="margin-top:0px;">
                <u>
                    Informations produit
                </u>
            </h3>
        </div>
        <div class="col-12">
            <div class="float-right">

                {% if is_granted("ROLE_EDIT_PRODUCT_FOLLOW") %}
                    <button type="button" class="btn btn-success btn-sm">
                        <a class="btn-sm btn-success" href="{{ path('product_follow_edit', {'id': productFollow.id}) }}">
                            <i class="fas fa-edit"></i> Modifier
                        </a>
                    </button>
                {% endif %}

            </div>
        </div>
        <!-- /.col -->
    </div>
    <!-- info row -->
    <div class="row invoice-info card-body">
        <div class="col-sm-2 invoice-col">


        <div class="card-body box-profile">
            <div class="text-center">
                {% if productFollow.product.filename %}
                    <img src="{{ vich_uploader_asset(productFollow.product, 'imageFile') | imagine_filter('img_fiche') }}" alt="image-product" style="height: 150px; width: auto;" >
                {% else %}
                    <img src="{{ asset('dist/img/image-non-disponible.png') | imagine_filter('img_fiche') }}" alt="Image-non-disponible" class="brand-image img-circle elevation-3" style="height: 150px; width: auto;">
                {% endif %}
            </div>
        </div>
        <!-- /.card-body -->



        </div>
        <div class="col-sm-5 invoice-col">
            <dl class="row">
                <dt class="col-md-4">Identifiant</dt>
                <dd class="col-md-8">{{productFollow.id}}</dd>

                <dt class="col-md-4">Société</dt>
                <dd class="col-md-8">{{productFollow.company.name}}</dd>

                <dt class="col-md-4">Produit</dt>
                <dd class="col-md-8">{{productFollow.product.name}}</dd>

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

                <dt class="col-md-4">Descritpion</dt>
                <dd class="col-md-8">{{productFollow.product.description}}</dd>

                <dt class="col-md-4">Référence</dt>
                <dd class="col-md-8">{{productFollow.product.reference}}</dd>
            </dl>
        </div>
        <!-- /.col -->
        <div class="col-sm-5 invoice-col">
            <dl class="row">
                <dt class="col-md-4">Création</dt>
                <dd class="col-md-8">{{productFollow.createdAt|date("d/m/Y")}}</dd>

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

                <dt class="col-md-4">Numéro de série fabriquant :</dt>
                <dd class="col-md-8">{{productFollow.manufacturerSerialNumber}}</dd>

                <dt class="col-md-4">Numéro de série société :</dt>
                <dd class="col-md-8">{{productFollow.companySerialNumber}}</dd>

                <dt class="col-md-4">Etat :</dt>
                <dd class="col-md-8">{{productFollow.state}}</dd>

            </dl>
        </div>
        <!-- /.col -->

    </div>
    <!-- /.row -->

    <!-- Table row -->
    <div class="row">
        <div class="col-12">

                <div class="card-header">
                    <div class="col-12">
                        <h3 class="text-center">
                            <u>Historique</u>
                        </h3>
                    </div>
                </div>
                <!-- /.card-header -->
                <div class="card-body table-responsive p-0" style="height: 500px;">
                    <table class="table table-head-fixed text-nowrap table-striped">
                        <thead>
                        <tr>
                            <th>#</th>
                            <th>Date</th>
                            <th>Site</th>
                            <th>ville</th>
                            <th>type</th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>
                        {% set i = 1 %}
                        {% for maintenance in maintenances %}
                            <tr>
                                <td>{{ i }}</td>
                                <td>{{maintenance.maintenance.doAt|date("d/m/Y")}}</td>
                                <td>{{maintenance.maintenance.site.name}}</td>
                                <td>{{maintenance.maintenance.site.city}}</td>
                                <td>{{maintenance.type.name}}</td>
                                <td>
                                    {% if is_granted("ROLE_VIEW_MAINTENANCE") %}
                                    <a href="{{ path('maintenance_detail', {'id': maintenance.maintenance.id}) }}" style="color:black; margin-right:10px;"><i class='far fa-eye'></i></a>
                                    {% endif %}
                                </td>
                            </tr>
                            {% set i = i + 1 %}
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
                <!-- /.card-body -->

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



    <!-- this row will not appear when printing -->
    {#
    <div class="row no-print">
        <div class="col-12">
            <a href="#" target="_blank" class="btn btn-default"><i class="fas fa-print"></i> Print</a>
            <button type="button" class="btn btn-primary float-right" style="margin-right: 5px;">
                <i class="fas fa-download"></i> Generate PDF
            </button>
        </div>
    </div>
    #}
</div>
<!-- /.invoice -->

{% endblock %}