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

{% block content %}
    
    <h1>Customer</h1>

<div style="width: 50%; display: inline-block; vertical-align: top">
        <table>
            <tbody>
             <tr>
                 <td bgcolor="#8d8d8d"><div align="center"><font color="#FFFFFF"><b>Client Name</font></b></div></td>
                    <td><b>{{ client.nom }}</b>
                        {% for systeme in client.systeme %}
                            {% for intervention in systeme.intervention|slice(0,1) %}
                        {%if intervention.statutcharging=='out_of_date'%}                        <font color="#C71585">- BAD PAYER</font>
                        {% endif %}
                        {% endfor %}
                            {% endfor %}              </tr>
                
            <tr>
                    <td bgcolor="#8d8d8d"><div align="center"><font color="#FFFFFF"><b>Account Number</font></b></div></td>
                    <td>{{ client.numero }}</td>
             </tr>
             
        <tr>
                    <td bgcolor="#8d8d8d"><div align="center"><font color="#CCCCFF"><b>CONTACT 1</font></b></div></td>
                    <td bgcolor="#CCCCFF"><b>{{ client.contact }}</b></td>
        </tr>
        <tr>
                    <td bgcolor="#8d8d8d"><div align="center"><font color="#CCCCFF"><b>POSITION 1</font></b></div></td>
                    <td bgcolor="#CCCCFF">{{ client.position }}</td>
        </tr>
        <tr>
                    <td bgcolor="#8d8d8d"><div align="center"><font color="#CCCCFF"><b>PHONE 1</font></b></div></td>
                    <td bgcolor="#CCCCFF"><a href='tel:{{client.telephone}}'>{{ client.telephone }}</a></td>
        </tr>
        <tr>
                    <td bgcolor="#8d8d8d"><div align="center"><font color="#CCCCFF"><b>EMAIL 1</font></b></div></td>
                    <td bgcolor="#CCCCFF"><a href='mailto:{{client.email}}'>{{ client.email }}</a></td>
        </tr>
         <tr>
                    <td bgcolor="#8d8d8d"><div align="center"><font color="#CCCC99"><b>CONTACT 2</font></b></div></td>
                    <td bgcolor="#CCCC99"><b>{{ client.contact2 }}</b></td>
        </tr>
        <tr>
                    <td bgcolor="#8d8d8d"><div align="center"><font color="#CCCC99"><b>POSITION 2</font></b></div></td>
                    <td bgcolor="#CCCC99">{{ client.position2 }}</td>
        </tr>
        <tr>
                    <td bgcolor="#8d8d8d"><div align="center"><font color="#CCCC99"><b>PHONE 2</font></b></div></td>
                    <td bgcolor="#CCCC99"><a href='tel:{{client.telephone2}}'>{{ client.telephone2 }}</a></td>
        </tr>
        <tr>
                    <td bgcolor="#8d8d8d"><div align="center"><font color="#CCCC99"><b>EMAIL 2</font></b></div></td>
                    <td bgcolor="#CCCC99"><a href='mailto:{{client.email2}}'>{{ client.email2 }}</a></td>
        </tr>       
            <tr>
                    <td bgcolor="#8d8d8d"><div align="center"><font color="#FFFFFF"><b>Address</font></b></div></td>
                    <td>{{ client.address }}</td>
            </tr>
            <tr>
                    <td bgcolor="#8d8d8d"><div align="center"><font color="#FFFFFF"><b>Zip</font></b></div></td>
                    <td>{{ client.zip }}</td>
            </tr>
            <tr>
                    <td bgcolor="#8d8d8d"><div align="center"><font color="#FFFFFF"><b>City</font></b></div></td>
                    <td>{{ client.city }}</td>
            </tr>
              
            <tr>
                    <td bgcolor="#8d8d8d"><div align="center"><font color="#FFFFFF"><b>Country</font></b></div></td>
                    <td>{{ client.country }}</td>
            </tr>
            <tr>
                    <td bgcolor="#8d8d8d"><div align="center"><font color="#FFFFFF"><b>WARNING last Remote</font></b></div></td>
                                        <td align="center">
                                        {%if client.warning=='YES'%}
                                            <b><font color="RED"><U>/!\</U></font>
                    {% endif %}                    </td>
            </tr>

            <tr>
                    <td bgcolor="#8d8d8d"><div align="center"><font color="#FFFFFF"><b>Remark</font></b></div></td>
                    <td>{{ client.commentaire }}</td>
            </tr>
            <tr>
                    <td bgcolor="#8d8d8d"><div align="center"><font color="#FFFFFF"><b>Contract</font></b></div></td>
                    <td>{{ client.Statut }}</td>
            </tr>
            {% if client.Statut=='YES' %}
            <tr>
                    <td bgcolor="#8d8d8d"><div align="center"><font color="#FFFFFF"><b>Maintenance Contract</font></b></div></td>
                    <td>{{ client.maintenancecontract }}</td>
            </tr>
            <tr>
                    <td bgcolor="#8d8d8d"><div align="center"><font color="#FFFFFF"><b>START Maintenance Contract</font></b></div></td>
                    <td>{% if client.datestartcontract %}{{ client.datestartcontract|date('Y/m/d') }}{% endif %}</td>
            </tr>
            <tr>
                    <td bgcolor="#8d8d8d"><div align="center"><font color="#FFFFFF"><b>END Maintenance Contract</font></b></div></td>
                    <td>{% if client.dateendcontract %}{{ client.dateendcontract|date('Y/m/d') }}{% endif %}</td>
            </tr>
            {%endif%}                    
                <tr>
                    <td bgcolor="#8d8d8d"><div align="center"><font color="#FFFFFF"><b>Createdby</font></b></div></td>
                    <td>{% if client.createdBy %}{{ client.createdBy }}{% endif %}</td>
                </tr>
                <tr>
                    <td bgcolor="#8d8d8d"><div align="center"><font color="#FFFFFF"><b>Createdat</font></b></div></td>
                    <td>{% if client.createdAt %}{{ client.createdAt|date('d/m/Y H:i') }}{% endif %}</td>
                </tr>
                <tr>
                    <td bgcolor="#8d8d8d"><div align="center"><font color="#FFFFFF"><b>Updatedby</font></b></div></td>
                    <td>{% if client.updatedBy %}{{ client.updatedBy }}{% endif %}</td>
                </tr>
                <tr>
                    <td bgcolor="#8d8d8d"><div align="center"><font color="#FFFFFF"><b>Updatedat</font></b></div></td>
                    <td>{% if client.updatedAt %}{{ client.updatedAt|date('d/m/Y H:i') }}{% endif %}</td>
                </tr>
            <tr>
                <td bgcolor="#8d8d8d"><div align="center"><font color="#FFFFFF"><b>PDF file</font></b></div></td>
                <td>


                    <table>

                        <tr>
                            {% for i, pdfClient in client.pdfClient %}
                                {{ i != 0 and i % 5 == 0 ? "</tr><tr>" : "" }}
                                <td style="text-align: left">
                                    <a href="{{asset(filepdfclient_path ~ pdfClient.chemin)}}" onClick="return popup(this, 'notes')">{{pdfClient.nom}}</a><a href="{{ path('pdfclient_edit', {'id' : pdfClient.id}) }}" class="action"><span class="glyphicon glyphicon-edit"></span></a><br/>                                </td>
                            {% endfor %}
                        </tr>
                    </table>
<a href="{{ path('pdfclient_new', {'id' : client.id}) }}" class="action"><span class="glyphicon glyphicon-plus-sign"></span> Save Customer document </a>                    </td>
              </tr>
        </tbody>
    </table>
        <a href="{{ path('client_edit', { 'id': client.id }) }}" class="action"><span class="glyphicon glyphicon-edit"></span> Edit</a>
        <a href="{{ path('client_index') }}" class="action"><span class="glyphicon glyphicon-fast-backward"></span> Back to customer list</a>
</div>
    <div style="width: 33%; display: inline-block">

        <iframe width="570" height="530" src="https://maps.google.com/maps?q={{ client.nom }}%20{{ client.address }}%20{{ client.zip }}%20{{ client.city }}%20{{ client.country }}&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
    </div>
    <hr/>
    <h1>Systemes</h1>
    <a href="{{ path('systeme_client_new', { 'id': client.id }) }}" class="action"><span class="glyphicon glyphicon-edit"></span> new system</a>

    <table>
        <thead>
            <tr>
                <th>Name</th>
                <th>Technology</th>
                <th>Type</th>
                <th>Orig.Vers.</th>
                <th>INT.Vers.</th>
                <th>PM.Vers.</th>
                <th>SN/ASO</th>
                <th>On</th>
                <th>PM?</th>
                <!--<th>Remark</th> -->
                <th>Date</th>
                <th>TeamViewer</th>
                <th>Createdby</th>
                <th>Createdat</th>
                <th>Updatedby</th>
                <th>Updatedat</th>
                <th>Edit</th>
                
            </tr>
        </thead>
        <tbody>
            {% for systeme in client.systeme |sort%}

                {% if systeme.active == 'not_active' %}
                <!-- |sort pour trier https://www.branchcms.com/learn/docs/developer/twig/filters/item/sort -->
                <tr>
                    
                    <td class="noWrap"><s>{{ systeme.nom }}</s></td>
                    <td><s>{{ systeme.technology }}</s></td>
                    <td><s>{{ systeme.type }}</s></td>
                    <td><s>{{ systeme.version }}</s></td>
                    
                    <td><s>
                        {% set break = false %}
                      {% for intervention in systeme.intervention|reverse %}
                      {% if intervention.versioninterupgrade == null %}
                          
                      {%else%}
                          
                         *{{ intervention.versioninterupgrade }}<br>
                      
                      {% set break = true %}
                          {%endif%}
                      {% endfor %}
                        </s></td>

                    <td><s>
                     {% for  maintenance in systeme.maintenance|reverse %}                                       
                     {% for  maintenancereport in maintenance.maintenancereport %}
                         {% if maintenancereport.versionmaintupgrade == null %}
                     {%else%}
                         *{{ maintenancereport.versionmaintupgrade }}<br>
                     {%endif%}
                     
                     {% endfor %}  
                     {% endfor %}  
                                    
                    </s></td>
                                

                    <td><s>{{ systeme.numero }}</s></td>
                    <td><s>{{ systeme.sur }}</s></td>
                    <td><s>{{ systeme.contrat }}</s></td>
                    <!--<td><s>{ { systeme.commentaire }}</s></td>-->
                    <td><s>{% if systeme.date %}{{ systeme.date|date('d/m/Y') }}{% endif %}</s></td>
                    <td><s>{{ systeme.idtv }}</s></td>
                    <td><s>{% if systeme.createdBy %}{{ systeme.createdBy }}{% endif %}</s></td>
                    <td><s>{% if systeme.createdAt %}{{ systeme.createdAt|date('d/m/Y H:i') }}{% endif %}</s></td>
                    <td><s>{% if systeme.updatedBy %}{{ systeme.updatedBy }}{% endif %}</s></td>
                    <td><s>{% if systeme.updatedAt %}{{ systeme.updatedAt|date('d/m/Y H:i') }}{% endif %}</s></td>
                    <td class="noWrap"><s>
                        <a href="{{ path('systeme_edit', { 'id': systeme.id }) }}" class="action"><span class="glyphicon glyphicon-edit"></span> Edit</a></s>
                    </td>
                        
                </tr>
            
                {% else %}
                    <tr>
                    
                    <td class="noWrap"><a href="{{ path('systeme_show', { 'id': systeme.id }) }}">{{ systeme.nom }}</a></td>
                    <td>{{ systeme.technology }}</td>
                    <td>{{ systeme.type }}</td>
                    <td>{{ systeme.version }}</td>
                    <!--explanation:[1:]|slice(0, 1) https://twig.symfony.com/doc/3.x/filters/slice.html et https://twig.symfony.com/doc/3.x/filters/reverse.html-->
                    
                   <td>
                      {% set break = false %}
                      {% for intervention in systeme.intervention|reverse %}
                      {% if intervention.versioninterupgrade == null %}
                          
                      {%else%}
                          
                         *{{ intervention.versioninterupgrade }}<br>
                      
                      {% set break = true %}
                          {%endif%}
                      {% endfor %}
                   </td>                                     

                   <td>
                     {% for  maintenance in systeme.maintenance|reverse %}                                       
                     {% for  maintenancereport in maintenance.maintenancereport %}
                         {% if maintenancereport.versionmaintupgrade == null %}
                     {%else%}
                         *{{ maintenancereport.versionmaintupgrade }}<br>
                     {%endif%}
                     
                     {% endfor %}  
                     {% endfor %}        
                    </td>                                   
                    <td>{{ systeme.numero }}</td>
                    <td>{{ systeme.sur }}</td>
                    <td>{{ systeme.contrat }}</td>
                    <!--<td>{ { systeme.commentaire }}</td>-->
                    <td>{% if systeme.date %}{{ systeme.date|date('d/m/Y') }}{% endif %}</td>
                    <td>{{ systeme.idtv }}</td>
                    <td>{% if systeme.createdBy %}{{ systeme.createdBy }}{% endif %}</td>
                    <td>{% if systeme.createdAt %}{{ systeme.createdAt|date('d/m/Y H:i') }}{% endif %}</td>
                    <td>{% if systeme.updatedBy %}{{ systeme.updatedBy }}{% endif %}</td>
                    <td>{% if systeme.updatedAt %}{{ systeme.updatedAt|date('d/m/Y H:i') }}{% endif %}</td>
                    <td class="noWrap">
                        <a href="{{ path('systeme_edit', { 'id': systeme.id }) }}" class="action"><span class="glyphicon glyphicon-edit"></span> Edit</a>
                    </td>
                </tr>
                
                {% endif %}
                {% endfor %}
        </tbody>
    </table>
    <hr/>
    <a href="{{ path('systeme_client_new', { 'id': client.id }) }}" class="action"><span class="glyphicon glyphicon-edit"></span> new system</a>
    <br></br>
    <a href="{{ path('client_index') }}" class="action"><span class="glyphicon glyphicon-fast-backward"></span> Back to customer list</a>

{% endblock %}