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

{% block content %}
    <style>
        .popup .hover-img { 
  position:relative;
}
 
.popup .hover-img span {
  position:absolute; left:-9999px; top:-9999px; z-index:9999;
}
 
.popup:hover .hover-img span { 
  top: 60px; 
  left:100px;
 }
    </style>
    <h1>System 
        <b>{{ systeme.nom }}</b> 
        of  <b>{{ systeme.client.nom }}</b> 
        TECHNOLOGY: <b>{{ systeme.technology }}</b>  
        Type: <b>{{ systeme.type }}</b> 
        {%if systeme.orderbstef != null %}Order BST France: <b>{{ systeme.orderbstef }}</b> {% endif %}
        SN/ASO/WA: <b>{{ systeme.numero }}</b> </h1>

    <table layout="fixed">
        <tbody>
            <tr>
              <th width="115"><div align="left">Customer:</div></th>
              <td width="1017"><b>{{ systeme.client.nom }}</b></td>
              <td><strong>Original Software version: </strong></td>
              <td>{{ systeme.version }}</td>
            </tr>
            <tr>
              <th><div align="left">System name:</div></th>
              <td>{{ systeme.nom }}</td>
              <td><strong>Inter upgraded version: </strong></td>
              <td>{% if versionintupgrade!= null %}{{versionintupgrade}} from <a href="{{path('intervention_show', {'id': idcall})}}"> {{referencecall}}</a>{% endif %}</td>
            </tr>
            <tr>
              <th><div align="left">Technology:</div></th>
              <td>{% if systeme.technology == ('VIDEO_Tubescan_DS') %}
                  <span class="popup"><div class="hover-img">{{ systeme.technology }}<span>
                              <img src="{{ absolute_url(asset('images/maintenancereport_img/tds/tds_led_bar.png')) }}" alt="image" height="400" />
                          </span></div></span> {%else%}{{ systeme.technology }}{%endif%}</td>
                <td><strong>Maintenance upgraded version: </strong></td>
                <td>{% if versionMaintUpgrade!= null %}{{versionMaintUpgrade}} 
                  from <a href="{{path('maintenance_show', {'id': idmaintenancebelongversionmaintupgrade})}}"> PM{{idmaintenancebelongversionmaintupgrade}}</a>{% endif %}
                {% if versionMaintUpgrader20!= null %}{{versionMaintUpgrader20}} 
                  from <a href="{{path('maintenance_show', {'id': idmaintenancebelongversionmaintupgrader20})}}"> PM{{idmaintenancebelongversionmaintupgrader20}}</a>{% endif %}</td>
                <!-- requete recherche dans interventionRepository versioninterupgrade appartient à intervention et affichage valeur dans interventionController -->
            </tr>
            <tr>
              <th><div align="left">System Type:</div></th>
              <td>{{ systeme.type }}</td>
                <td width="216"><strong>{% if systeme.versioncamera != null%}Camera version: {% endif %}</strong></td>
                <td width="277">{% if systeme.versioncamera != null %}{{ systeme.versioncamera }}{% endif %}</td>
            </tr>
            <tr>
              <th><div align="left">SN-ASO:</div></th>
              <td>{{ systeme.numero }}</td>
                <td width="216"><strong>{% if systeme.synchronization != null%}Synchronization:{% endif %}</strong></td>
                <td width="277">{{ systeme.synchronization }}</td>
            </tr>
            
            
            <tr>
              <th><div align="left">Order BST F.</div></th>
              <td>{{ systeme.orderbstef }}</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <th><div align="left">AR</div></th>
              <td>{{ systeme.ar }}</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <th><div align="left">Machine type:</div></th>
              <td>{{ systeme.sur }} {% if systeme.technology in ['REGISTER_R20_V2', 'REGISTER_R20'] %}<B> Main shaft machine ? </B>{{ systeme.registermainshaft }} {% endif %}</td>
                <td width="216"><strong>{% if systeme.ups != null%}System have an UPS :{% endif %}</strong></td>
                <td width="277">{{systeme.ups}}{% if systeme.technology in ['REGISTER_R20_V2', 'REGISTER_R20'] %} - 1ELNT324200-C9900-U330 Akku-Pack 24 V, 3,4Ah{% endif %}</td>
            </tr>
            <tr>
              <th><div align="left">PM Contract:</div></th>
              <td>{{ systeme.contrat }}</td>
                <td width="216"><strong>{% if systeme.pcmodel != null%}PC model{% endif %}</strong></td>
                <td width="277">{{ systeme.pcmodel }}</td>
            </tr>
            <tr>
              <th><div align="left">Remarks:</div></th>
              <td>{{ systeme.commentaire| nl2br }}</td>
                <td><strong>{% if systeme.pcname != null %}Computer name: {% endif %}</strong></td>
                <td>{{ systeme.pcname }}</td>
            </tr>
            <tr>
              <th><div align="left">Installation date:</div></th>
              <td>{% if systeme.date %}{{ systeme.date|date('Y/m/d') }}{% endif %}</td>
                <td><strong>{% if systeme.pcos != null %}Operation system :{% endif %}</strong></td>
                <td>{{ systeme.pcos }}</td>
            </tr>
            <tr>
              <th><div align="left">Teamviewer:</div></th>
              <td>{{ systeme.idtv }}</td>
                <td><strong>{% if systeme.pcmemoryram != null %}Memory size {% endif %}</strong></td>
                <td>{{ systeme.pcmemoryram }}</td>
            </tr>
            <tr>
              <th><div align="left">CreatedBy</div></th>
              <td>{{ systeme.createdBy }}</td>
                <td></td>
                <td></td>
            </tr>
            <tr>
              <th><div align="left">Createdat:</div></th>
              <td>{% if systeme.createdAt %}{{ systeme.createdAt|date('Y/m/d H:i') }}{% endif %}</td>
                <td><strong>{% if systeme.pcdiskcsize != null %}Free space in C drive {% endif %}</strong></td>
                <td>{{ systeme.pcdiskcsize }}</td>
            </tr>
            <tr>
              <th><div align="left">UpdateBy:</div></th>
              <td>{{ systeme.updatedBy }}</td>
                <td><strong>{% if systeme.pcdiskdsize != null %}Free space in D drive {% endif %}</strong></td>
                <td>{{ systeme.pcdiskdsize }}</td>
            </tr>
            <tr>
              <th><div align="left">Updatedat:</div></th>
              <td>{% if systeme.updatedAt %}{{ systeme.updatedAt|date('Y/m/d H:i') }}{% endif %}</td>
              <td><strong>{% if systeme.pcip != null %}IP intern Address{% endif %}</strong></td>
                <td>{{ systeme.pcip| nl2br }}</td>
            </tr>
            <tr>
              <th><div align="left">PDF file:</div></th>
              <td><table width="70px">
                  <tr width=""> {% for i, pdfSysteme in systeme.pdfSysteme %}
                    {{ i != 0 and i % 5 == 0 ? "</tr>
                  <tr>" : "" }}
                    <td style="text-align: left" ><a href="{{asset(filepdf_path ~ pdfSysteme.chemin)}}"  onClick="return popup(this, 'notes')">{{pdfSysteme.nom}}</a><a href="{{ path('pdfsysteme_edit', {'id' : pdfSysteme.id}) }}" class="action"><span class="glyphicon glyphicon-edit"></span></a> </td>
                    {% endfor %} </tr>
                </table>
                <a href="{{ path('pdfsysteme_new', {'id' : systeme.id}) }}" class="action"><span class="glyphicon glyphicon-plus-sign"></span>Save doc(s) belong to the System</a> </td>
                <td><strong>{% if systeme.pcipextern != null %}IP extern Address{% endif %}</strong></td>
                <td>{{ systeme.pcipextern| nl2br }}</td>
        </tbody>
    </table>


    <a href="{{ path('systeme_edit', { 'id': systeme.id }) }}" class="action"><span class="glyphicon glyphicon-edit"></span> Edit</a>
    <a href="{{ path('client_show', { 'id': systeme.client.id }) }}" class="action"><span class="glyphicon glyphicon-fast-backward"></span> Back to customer </a>
    <hr/>
    <h1>System files</h1>
    <div style="height:300px; overflow-y: scroll; overflow-x: scroll">
        <table>
            <tbody>
                <tr>
                    {% for i, imageSysteme in systeme.imageSysteme %}
                        {{ i != 0 and i % 5 == 0 ? "</tr><tr>" : "" }}
                        <td style="text-align: center">
                            <a href="{{asset(file_path ~ imageSysteme.chemin)}}" onClick="return popup(this, 'notes')">{{imageSysteme.nom}} </a><a href="{{ path('imagesysteme_edit', {'id' : imageSysteme.id}) }}" class="action"><span class="glyphicon glyphicon-edit"></span></a><br/>
                            <a href="{{asset(file_path ~ imageSysteme.chemin)}}" onClick="return popup(this, 'notes')"><img alt="" style="height: 70px" src="{{(file_path ~ imageSysteme.chemin)}}"></a>
                          </td>
                    {% endfor %}
                </tr>
            </tbody>
        </table>

        <a href="{{ path('imagesysteme_new', {'id' : systeme.id}) }}" class="action"><span class="glyphicon glyphicon-plus-sign"></span> Save files </a>

        <hr/>
    </div>

        <h1>CALL(S) list <a href="{{ path('intervention_systeme_new', { 'id': systeme.id }) }}" class="action"><font size="1"><span class="glyphicon glyphicon-plus-sign"></span> Create a new call</a></h1></font>

    <div style="height:500px; overflow-y: scroll; overflow-x: scroll">
        <table width="100%" border="1">
            <thead>
                <tr>
                    <th>Ref</th>
                    <th>CallType</th>
                    <th>Datecall</th>
                    <th>Raison</th>
                    <th>Action</th>
                    <th>Datevisite</th>
                    <th>Remark</th>
                    <th>Createdby</th>
                    <th>Createdat</th>
                    <th>Updatedby</th>
                    <th>Updatedat</th>
                    <th>Statut</th>
                    <th>Edit</th>
                </tr>
            </thead>
            <tbody>
                {% for intervention in interventions %}
                    <tr>

                        <td class="noWrap"><a href="{{ path('intervention_show', { 'id': intervention.id }) }}">{{ intervention.reference }}</a></td>
                    <td>{%if intervention.statutc=='REMOTE'%}
                        <b><font color="#DBA901">{{intervention.Statutc}}</font>
                        {% endif %}
                        {%if intervention.Statutc=='INSTALLATION'%}
                        <font color="#00BFFF">{{intervention.Statutc}}</font>
                        {% endif %}
                        {%if intervention.Statutc=='REPAIR'%}
                        <font color="#FF00BF">{{intervention.Statutc}}</font>
                        {% endif %}
                        {%if intervention.Statutc=='INTERVENTION'%}
                        <font color="#7F8C8D">{{intervention.Statutc}}</font>
                        {% endif %}
                        {%if intervention.Statutc=='SERVICE_INSTRUCTION'%}
                        <font color="#7F8C8D">{{intervention.Statutc}}</font>
                        {% endif %}
                        {%if intervention.Statutc=='LOAN'%}
                        <font color="#010C8F">{{intervention.Statutc}}</font>
                        {% endif %}
                        {%if intervention.Statutc=='MAINTENANCE'%}
                        <font color="#A93226">{{intervention.Statutc}}</font>
                        {% endif %}
                        {%if intervention.Statutc=='ENGINEERING'%}
                        <font color="#A93226">{{intervention.Statutc}}</font>
                        {% endif %}
                    </td>
                        <td>{% if intervention.dateCall %}{{ intervention.dateCall|date('Y/m/d H:i') }}{% endif %}</td>
                        <td>{{ intervention.raison }}</td>
                        <td>{{ intervention.action }}</td>
                        <td>{% if intervention.dateVisite %}{{ intervention.dateVisite|date('Y/m/d H:i') }}{% endif %}</td>
                        <td>{{ intervention.commentaire }}</td>
                        <td>{% if intervention.createdBy %}{{ intervention.createdBy }}{% endif %}</td>
                        <td>{% if intervention.createdAt %}{{ intervention.createdAt|date('Y/m/d H:i') }}{% endif %}</td>
                        <td>{% if intervention.updatedBy %}{{ intervention.updatedBy }}{% endif %}</td>
                        <td>{% if intervention.updatedAt %}{{ intervention.updatedAt|date('Y/m/d H:i') }}{% endif %}</td>
                        <td>{{intervention.Statut}}</td>        
                        <td class="noWrap">
                            <a href="{{ path('intervention_show', { 'id': intervention.id }) }}" class="action"><span class="glyphicon glyphicon-eye-open"></span> Show</a>
                            <br/>
                            <a href="{{ path('intervention_edit', { 'id': intervention.id }) }}" class="action"><span class="glyphicon glyphicon-edit"></span> Edit</a>

                        </td>
                    </tr>
                {% endfor %}


            </tbody>
        </table>
    </div>
    <a href="{{ path('intervention_systeme_new', { 'id': systeme.id }) }}" class="action"><span class="glyphicon glyphicon-plus-sign"></span> Create a new call</a>
    <hr/>


    <h1>Maintenances list<a href="{{ path('maintenance_systeme_new', {'id' : systeme.id }) }}" class="action"><font size="1"><span class="glyphicon glyphicon-plus-sign"></span> Create a new maintenance</a></h1></font>
    <div style="height:300px; overflow-y:scroll ; overflow-x: scroll">

        <table>
            <thead>
                <tr>
                    <th>Ref</th>
                    <th>Datevisite</th>
                    <th>Remark</th>
                    <th>Createdby</th>
                    <th>Createdat</th>
                    <th>Updatedby</th>
                    <th>Updatedat</th>
                    <th>Statut</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for maintenance in maintenances %}
                    <tr>
                        <td class="noWrap"><a href="{{ path('maintenance_show', { 'id': maintenance.id }) }}">{{ maintenance.reference }}</a></td>
                        <td>{% if maintenance.dateVisite %}{{ maintenance.dateVisite|date('d/m/Y H:i') }}{% endif %}</td>
                        <td>{{ maintenance.commentaire }}</td>
                        <td>{% if maintenance.createdBy %}{{ maintenance.createdBy }}{% endif %}</td>
                        <td>{% if maintenance.createdAt %}{{ maintenance.createdAt|date('d/m/Y H:i') }}{% endif %}</td>
                        <td>{% if maintenance.updatedBy %}{{ maintenance.updatedBy }}{% endif %}</td>
                        <td>{% if maintenance.updatedAt %}{{ maintenance.updatedAt|date('d/m/Y H:i') }}{% endif %}</td>
                        <td>{{maintenance.Statut}}</td>
                        <td class="noWrap">
                            <a href="{{ path('maintenance_show', { 'id': maintenance.id }) }}" class="action"><span class="glyphicon glyphicon-eye-open"></span> Show</a>
                            <br/>
                            <a href="{{ path('maintenance_edit', { 'id': maintenance.id }) }}" class="action"><span class="glyphicon glyphicon-edit"></span> Edit</a>
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>

    <a href="{{ path('maintenance_systeme_new', {'id' : systeme.id }) }}" class="action"><span class="glyphicon glyphicon-plus-sign"></span> Create a new maintenance</a>

    <hr/>

    <a href="{{ path('client_show', { 'id': systeme.client.id }) }}" class="action"><span class="glyphicon glyphicon-fast-backward"></span> Back to customer </a>
{% endblock %}