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

{% block content %}
    <h1>Customers list</h1>
    
 <!--
 {% if filter is defined %}
    {{ form_start(filter) }}
   
    {{ " Fill customer name: " }}
    {{ form_widget(filter.nom, {'attr': {'style': 'display: inline-block'}}) }}
    <button type="submit" value="Recherche" style="display: inline-block"><span class="glyphicon glyphicon-search"></span> Search</button>
    {{ form_end(filter) }}
{% endif %}

    <hr/>
-->
    <div>
        <a href="{{ path('client_new') }}" class="action"><span class="glyphicon glyphicon-plus-sign"></span> Create a new client</a>
     
    </div>

    <hr/>

    <table id="myTable" class="tablesorter">
        <thead>
            <tr>
                <th>Name</th>
                <th>WARN</th>
                <th>Account_Number</th>
                <th>Contact</th>
                <th>Address</th>
                <th>Zip</th>
                <th>City</th>
                <th>Country</th>
                <th>Phone</th>
                <th>Email</th>
                
                <th>Remark</th>
                <th>Contract</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            {% for client in clients %}
                <tr>
                    <td width="10%"><a href="{{ path('client_show', { 'id': client.id }) }}">{{ client.nom }}</a>
                    
                {% for systeme in client.systeme %}
                    {% for intervention in systeme.intervention %}
                        {%if intervention.statutcharging=='out_of_date'%}
                            <a href="{{ path('intervention_show', { 'id': intervention.id } ) }}"><b><font color="#C71585">- BAD PAYER</font></b></a>
                        {% endif %}
                {% endfor %}
                    {% endfor %}
                    </td>
                    <td align="center">
                                        {%if client.warning=='YES'%}
                                            <b><font color="RED"><U>/!\</U></font>
                    {% endif %}
                                       
                    </td>
                    <td>{{ client.numero }}</td>
                    <td>{{ client.contact }}</td>
                    <td>{{ client.address }}</td>
                    <td>{{ client.zip }}</td>
                    <td>{{ client.city }}</td>
                    <td>{{ client.country }}</td>

                    <td><a href='tel:{{client.telephone}}'>{{ client.telephone }}</a></td>
                    <td><a href='mailto:{{client.email}}'>{{ client.email }}</a></td>
                    
                    <td>{{ client.commentaire }}</td>
                    <td>{{ client.statut }}</td>
                    <td class="noWrap">
                        <a href="{{ path('client_edit', { 'id': client.id }) }}" class="action"><span class="glyphicon glyphicon-edit"></span> Edit</a>
                    </td>
                </tr>
            {% endfor %}
        </tbody>
    </table>

{% endblock %}