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

{% block title %}Intervention{% endblock %}

{% block body %}
    <!-- BEGIN: Content-->
    <div class="content-header row">
    </div>
    <div class="content-body">
        <!-- users view start -->
        <section class="users-view">
            <!-- users view media object start -->
            <div class="row">
                <div class="col-12 col-sm-7">
                    <div class="media mb-2">
                        <a class="mr-1" href="#">
                            <img src="../../../app-assets/images/portrait/small/avatar-s-26.jpg" alt="users view avatar" class="users-avatar-shadow rounded-circle" height="64" width="64">
                        </a>
                        <div class="media-body pt-25">
                            <h4 class="media-heading">INTERVENTION {{ intervention.creatAt|date('myd') }}{{ intervention.id }}<span class="users-view-name"></span></h4>
                            <span>N° Bon d'intervention:</span>
                            <span class="users-view-id">{{ intervention.nbi }}</span>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-5 px-0 d-flex justify-content-end align-items-center px-1 mb-2">
                    <a href="{{ path('intervention_index')}}" class="btn btn-sm btn-white mr-1">Retour</a>
                    <a href="{{ path('intervention_edit', {'id': intervention.id}) }}" class="btn btn-sm btn-primary">Modifier</a>
                </div>
            </div>
            <!-- users view media object ends -->
            <!-- users view card data start -->
            <div class="card">
                <div class="card-content">
                    <div class="card-body">
                        <div class="row">
                            <div class=" col-md-12">
                                <div class="row bg-primary bg-lighten-5 rounded mb-2 mx-25 text-center text-lg-left">
                                    <div class="col-12 col-md-12 p-2">
                                        <h6 class="text-primary text-center mb-0 font-large-1 align-middle">INFORMATION GENERALE</h6>
                                    </div>
                                </div>
                                <table class="table table-borderless">
                                    <tbody>

                                    <tr>
                                        <td>Date intervention:</td>
                                        <td>{{ intervention.creatAt |date('d/m/Y')}}</td>
                                    </tr>
                                    <tr>
                                        <td>Intervenant:</td>
                                        <td class="users-view-latest-activity">
                                        {% for rep in intervention.repairman  %}

                                        {{ rep.name }} - {{ rep.fonction }}
                                        {% endfor %}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Semaine:</td>
                                        <td class="users-view-verified">S{{ intervention.creatAt |date('W')}}</td>
                                    </tr>
                                    <tr>
                                        <td>Mois:</td>
                                        <td class="users-view-role">M{{ intervention.creatAt |date('m')}}</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <!-- users view card data ends -->
            <!-- users view card details start -->
            <div class="card">
                <div class="card-content">
                    <div class="card-body">
                        <div class="row bg-success bg-lighten-5 rounded mb-2 mx-25 text-center text-lg-left">
                            <div class="col-md-12 p-2">
                                <h6 class="text-success text-center mb-0 font-large-1">DETAILS FONCTIONNEMENT</h6>
                            </div>
                        </div>
                        <div class="col-12">
                            <table class="table table-borderless">
                                <tbody>
                                <tr>
                                    <td>Anomalie</td>
                                    <td class="users-view-username"><span class="badge badge-light-danger users-view-status">{{ intervention.anomaly }}</span></td>
                                </tr>
                                <tr>
                                    <td>Nature defaillance</td>
                                    <td class="users-view-name">{{ intervention.malfunction }}</td>
                                </tr>
                                <tr>
                                    <td>Cause de faillance</td>
                                    <td class="users-view-email">{{ intervention.failure }}</td>
                                </tr>
                                <tr>
                                    <td>Heure d'arrêt équipement</td>
                                    <td>{{ intervention.stopAt |date('H:i:s') }}</td>
                                </tr>

                                </tbody>
                            </table>
                            <hr>
                            <h5 class="mb-1 text-uppercase"><i class="bx bxs-hot"></i> depannage</h5>
                            <hr>
                            <table class="table table-borderless">
                                <tbody>
                                <tr>
                                    <td>Reception du bon:</td>
                                    <td>{{ intervention.receptionAt | date('H:i:s') }}</td>
                                </tr>
                                <tr>
                                    <td>Heure début et fin  depannage</td>
                                    <td><span class="badge badge-circle-light-warning users-view-status">{{ intervention.startAt | date('H:i:s') }}</span> - <span class="badge badge-circle-light-warning users-view-status"> {{ intervention.openAt | date('H:i:s') }}</span>  </td>
                                </tr>
                                <tr>
                                    <td>Type de maintenance</td>
                                    <td><span class="badge badge-circle-light-success users-view-status">{{ intervention.type }}</span></td>
                                </tr>
                                </tbody>
                            </table>
                            <hr>
                            <h5 class="mb-1 bg-light-warning p-25"><i class="bx bx-timer"></i> RECAPITULATIF TEMPS</h5>
                            <hr>
                            <div class="col-12 col-md-12">
                                <div class="table-responsive">
                                    <table class="table mb-0">
                                        <thead class="bg-warning text-white">
                                        <tr>
                                            <th>Désignation</th>
                                            <th>Timer</th>

                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td>Durée Intervention</td>
                                            <td>00:00:00</td>
                                        </tr>
                                        <tr>
                                            <td>Temps arrêt</td>
                                            <td>00:00:00</td>
                                        </tr>
                                        <tr>
                                            <td>Temps réaction</td>
                                            <td>00:00:00</td>
                                        </tr>
                                        <tr>
                                            <td>Temps MCD</td>
                                            <td>00:00:00</td>
                                        </tr>
                                        <tr>
                                            <td>Temps MPC</td>
                                            <td>00:00:00</td>
                                        </tr>
                                        <tr>
                                            <td>Temps MPS</td>
                                            <td>00:00:00</td>
                                        </tr>

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                          {#<table class="table table-borderless mb-0">
                                <tbody>
                                <tr>
                                    <td>Birthday:</td>
                                    <td>03/04/1990</td>
                                </tr>
                                <tr>
                                    <td>Country:</td>
                                    <td>USA</td>
                                </tr>
                                <tr>
                                    <td>Languages:</td>
                                    <td>English</td>
                                </tr>
                                <tr>
                                    <td>Contact:</td>
                                    <td>+(305) 254 24668</td>
                                </tr>
                                </tbody>
                            </table> #}
                        </div>
                    </div>
                </div>
            </div>
            <!-- users view card details ends -->

        </section>
        <!-- users view ends -->
    </div>

    <!-- END: Content-->
{% endblock %}