{% extends 'Common/baseAdminPannel.html.twig' %}

    {% block title %}
    Citas
    {% endblock %}


    {% block body %}
        {{ form_start(filterForm, {'attr':{'data-remote':'true', 'data-method':'GET', 'data-url':filterForm.vars.action, 'data-replacecontent':'true' }}) }}
        <div class="row">
            <div class="col-md-4">
                {{ form_row(filterForm.date) }}
            </div>
            <div class="col-md-4">
                {{ form_row(filterForm.confirmationDate) }}
            </div>
            <div class="col-md-4">
                {{ form_row(filterForm.campaign) }}
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                {{ form_row(filterForm.office) }}
            </div>

            {% if filterForm.userOperator is defined %}
                <div class="col-md-3">
                    {{ form_row(filterForm.userOperator) }}
                </div>
                <div class="col-md-3">
                    {{ form_row(filterForm.userOpc) }}
                </div>
            {% endif %}

            <div class="col-md-2">
                {{ form_row(filterForm.status) }}
            </div>
        </div>


        <div class="clearfix"></div>

        <button class="btn-success btn" type="submit">Buscar</button>
        {{ form_end(filterForm) }}

        <div class="card-content table-responsive">
            <div class="col-md-12">
                <div class="colorcode mstatus-WM">C (Cita no confirmada)</div>
                <div class="colorcode mstatus-WMNA">CNC (Cita no contesta)</div>
                <div class="colorcode mstatus-WMC">CC (Cita confirmada)</div>
                <div class="colorcode mstatus-WMR">CR (Cita reprogramada)</div>
                <div class="colorcode mstatus-WMNASS">CNA (Cita no asistida)</div>
                <div class="colorcode mstatus-WMQNS">CSV (Calificado sin venta)</div>
                <div class="colorcode mstatus-WMQS">CV (Calificado con venta)</div>
                <div class="colorcode mstatus-WMNQ">CNQSV (Cita no calificado sin venta)</div>
                <div class="colorcode mstatus-WMNQ">CNQV (Cita no calificado con venta)</div>
                <div class="colorcode mstatus-WMNQ">CNT (Cita no tour)</div>
            </div>

            <table id='meetings' data-height="850" data-unique-id="id"  class="table table-hover" data-toggle="table" data-search="true" data-show-columns="true">
                <thead>
                <tr>
                    <th data-field="id" data-visible="false">ID</th>
                    <th data-field="status" data-sortable="true">Estado actual</th>
                    <th data-field="date" data-sortable="true">Fecha de cita</th>
                    <th data-field="name" data-sortable="true">Nombre del invitado/esposa</th>
                    <th data-field="telephones" data-sortable="true">Teléfonos</th>
                    <th data-sortable="true">Edad</th>
                    <th data-sortable="true">Ocupación <br>El/Ella</th>
                    <th>Acciones</th>
                </tr>
                </thead>
                <tbody>
                {% for meeting in meetings %}
                    <tr class="mstatus-{{meeting.ballot.getLastStatusTypeString}}">
                        <td>{{ meeting.ballot.id }}</td>
                        <td>{{ meeting.ballot.lastHistory.status.type|trans }}</td>
                        <td>{{ meeting.date|date("d-m-Y H:i") }}</td>

                        <td>
                            {{ meeting.ballot.person.fullName }} <br>{{ meeting.ballot.person.couple.fullName|default("") }}
                        </td>
                        <td>
                            {{ meeting.ballot.person.celPhone?"Celular: "~meeting.ballot.person.celPhone }}
                            {{ meeting.ballot.person.homeTelephone?"Casa: "~meeting.ballot.person.homeTelephone }}
                            {{ meeting.ballot.person.workTelephone?"Trabajo: "~meeting.ballot.person.workTelephone }}
                        </td>
                        <td>{{meeting.ballot.person.age|default("")}}</td>
                        <td>{{ meeting.ballot.person.occupation|default("") }} <br> {{ meeting.ballot.person.couple.occupation|default("") }}</td>
                        <td>
                            <a class="loadinmodal" data-action="{{ path('person_show', { person:meeting.ballot.person.id }) }}" title="Datos de la persona"><i class="fa fa-eye"></i></a>
                            {% if meeting.contract is null  %}
                            <a class="loader" data-action="{{ path('contract_new', { meeting:meeting.id }) }}" title="Contrato"><i class="fa fa-clipboard"></i></a>
                            {% endif %}
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>

            </div>

{% endblock %}