{% 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">
        <div class="col-2">
            <h4>
                {% if productFollow.company is not null %}
                    <img src="{{ vich_uploader_asset(productFollow.company, 'imageFile') | imagine_filter('img_card_header') }}" alt="image-product" style="height: auto; width: 100px;">
                {% else %}
                    <i class="fas fa-globe"></i>
                {% endif %}

            </h4>
        </div>
        <!-- /.col -->
        <div class="col-8">
            <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 %}

                {% if is_granted("ROLE_DELETE_PRODUCT_FOLLOW") %}
                <button type="button" class="btn btn-danger btn-sm">
                    <a class="btn-sm btn-danger" href="#">
                        <i class="fas fa-trash"></i> Supprimer
                    </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>

                <dt class="col-md-4">Est un Pack :</dt>
                <dd class="col-md-6">
                {% if productFollow.product.isPack %}
                 Oui
                {% else %}
                    Non
                {% endif %}
                </dd>

                <dt class="col-md-4">Est dans le Pack :</dt>
                <dd class="col-md-6">
                {% if productFollow.pack is null %}
                 Aucun
                {% else %}
                #<a href="{{ path('product_follow_view', {'id': productFollow.pack.id}) }}" >{{productFollow.pack.id}}</a> ({{ productFollow.pack }})
                {% endif %}
                </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 à H:i:s")}}</dd>

                <dt class="col-md-4">Dernière MAJ :</dt>
                <dd class="col-md-8">{{productFollow.updatedAt|date("d/m/Y à H:i:s")}}</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 -->
    {% if not productFollow.product.isPack %}
    <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>
                                    {% if is_granted("ROLE_VIEW_MAINTENANCE") %}
                                        <a href="{{ path('site_detail', {'id': maintenance.maintenance.site.id}) }}" style="color:black; margin-right:10px;">{{maintenance.maintenance.site.name}}</a>
                                    {% endif %}

                                </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>
    {% else %}













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

            <div class="col-12">
                <div class="card card-primary card-outline card-outline-tabs">
                    <div class="card-header p-0 border-bottom-0">
                        <ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist">
                            {% if is_granted("ROLE_LIST_PRODUCT_FOLLOW_ON_SITE") %}
                                <li class="nav-item">
                                    <a class="nav-link active" id="custom-tabs-four-materiel-tab" data-toggle="pill" href="#custom-tabs-four-materiel" role="tab" aria-controls="custom-tabs-four-home" aria-selected="true">Contenu</a>
                                </li>
                            {% endif %}
                            {% if is_granted("ROLE_LIST_MAINTENANCE_ON_SITE") %}
                                <li class="nav-item">
                                    <a class="nav-link" id="custom-tabs-four-historique-tab" data-toggle="pill" href="#custom-tabs-four-historique" role="tab" aria-controls="custom-tabs-four-historique" aria-selected="false">Historique</a>
                                </li>
                            {% endif %}
                        </ul>
                    </div>
                    <div class="card-body">
                        <div class="tab-content" id="custom-tabs-four-tabContent">
                            {% if is_granted("ROLE_LIST_PRODUCT_FOLLOW_ON_SITE") %}
                                <div class="tab-pane fade show active" id="custom-tabs-four-materiel" role="tabpanel" aria-labelledby="custom-tabs-four-materiel-tab">
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="card">
                                                {#
                                                <div class="card-header">
                                                    <h3 class="card-title">Fixed Header Table</h3>

                                                    <div class="card-tools">
                                                        <div class="input-group input-group-sm" style="width: 150px;">
                                                            <input type="text" name="table_search" class="form-control float-right" placeholder="Search">

                                                            <div class="input-group-append">
                                                                <button type="submit" class="btn btn-default"><i class="fas fa-search"></i></button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- /.card-header -->
                                                #}
                                                <div class="card-body table-responsive p-0">
                                                    <table class="table table-head-fixed text-nowrap">
                                                        <thead>
                                                        <tr>
                                                            <th scope="col" class="text-center">#</th>
                                                            <!--<th scope="col" class="text-center">Date pose</th>-->
                                                            <th scope="col" class="text-center">Nom </th>
                                                            <th scope="col" class="text-center">Reference </th>
                                                            <th scope="col" class="text-center">Série Fab.</th>
                                                            <th scope="col" class="text-center">Série Societe </th>
                                                            <th scope="col" class="text-center">Commentaire</th>
                                                            <th scope="col" class="text-center"></th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        {% set i = 1 %}
                                                        {% for product in productFollow.productsFollows %}
                                                            <tr>
                                                                <td scope="row" class="text-center">{{i}}</td>
                                                                <!-- <td class="text-center"></td>-->
                                                                <td class="">{{product.product.name}}</td>
                                                                <td class="text-center">{{product.product.reference}}</td>
                                                                <td class="text-center"><a href="{{ path('product_follow_view', {'id': product.id}) }}?serieSociete=desc" style="color: black;">{{product.manufacturerSerialNumber}}</a></td>
                                                                <td class="text-center"><a href="{{ path('product_follow_view', {'id': product.id}) }}?serieSociete=desc" style="color: black;">{{product.companySerialNumber}}</a></td>
                                                                <td class="text-center"></td>
                                                                <td>
                                                                    {% if is_granted("ROLE_VIEW_PRODUCT_FOLLOW") %}
                                                                        <a href="{{ path('product_follow_view', {'id': product.id}) }}" style="color:black; margin-right:10px;"><i class='far fa-eye'></i></a>
                                                                    {% endif %}
                                                                        <a href="{{ path('product_follow_view', {'id': product.id}) }}" style="color:black; margin-right:10px;"><i class='far fa-times      '></i></a>
                                                                </td>

                                                            </tr>
                                                            {% set i = i + 1 %}
                                                        {% endfor %}
                                                        </tbody>
                                                    </table>
                                                </div>
                                                <!-- /.card-body -->
                                            </div>
                                            <!-- /.card -->
                                        </div>
                                    </div>
                                    <!-- /.row -->
                                </div>
                            {% endif %}

                            {% if is_granted("ROLE_LIST_MAINTENANCE_ON_SITE") %}
                                <div class="tab-pane fade" id="custom-tabs-four-historique" role="tabpanel" aria-labelledby="custom-tabs-four-historique-tab">
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="card">
                                                {#
                                                <div class="card-header">
                                                    <h3 class="card-title">Fixed Header Table</h3>

                                                    <div class="card-tools">
                                                        <div class="input-group input-group-sm" style="width: 150px;">
                                                            <input type="text" name="table_search" class="form-control float-right" placeholder="Search">

                                                            <div class="input-group-append">
                                                                <button type="submit" class="btn btn-default"><i class="fas fa-search"></i></button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- /.card-header -->
                                                #}
                                                <div class="card-body table-responsive p-0" style="height: 400px;">
                                                    <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>
                                                                    {% if is_granted("ROLE_VIEW_MAINTENANCE") %}
                                                                        <a href="{{ path('site_detail', {'id': maintenance.maintenance.site.id}) }}" style="color:black; margin-right:10px;">{{maintenance.maintenance.site.name}}</a>
                                                                    {% endif %}

                                                                </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 -->
                                            </div>
                                            <!-- /.card -->
                                        </div>
                                    </div>
                                    <!-- /.row -->
                                </div>
                            {% endif %}











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












    {% endif %}
    <!-- /.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 %}