{% 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) }}

        <p>
            No de citas: {{ meetingsCount }}
        </p>

        <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 class="card-content table-responsive">

            <h2>Citas</h2>
            <table id='meetings' data-page-list="[5, 10, 20, 50, 100, 200, 400, 1000]" 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>
                    {% if is_granted("ROLE_TLMKT_SUPERVISOR") or is_granted("ROLE_TLMKT_RECEPTIONIST") or is_granted("ROLE_TLMKT_MEETING_CONFIRMATOR")%}
                        <th>A</th>
                    {% endif %}
                    <th data-field="status" data-sortable="true">Es</th>
                    <th data-field="facebookCode" data-sortable="true">FB</th>
                    <th data-sortable="true">Comentarios</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">Ed</th>
                    <th data-sortable="true">Ocupación <br>El/Ella</th>
                    <th data-sortable="true">Campaña</th>
                    <th data-sortable="true">Promotor</th>
                    <th data-field="operator" data-sortable="true">Operador</th>
                    <th data-field="confirmator" data-sortable="true">Confirmador</th>
                    <th data-field="assisted" data-sortable="true">Asistió</th>
                    <th data-sortable="true">Ingreso <br>reportado</th>
                    <th data-sortable="true">Forma de pago</th>
                    <th data-sortable="true">Linner</th>
                    <th data-sortable="true">Closer</th>
                    <th data-sortable="true">Folio <br> contrato</th>
                    <th data-sortable="true">Tipo <br> contrato</th>
                    <th data-sortable="true">Monto <br> venta</th>
                    <th data-sortable="true">Pago <br> inicial</th>
                    <th data-sortable="true">No de pagos <br> enganche/saldo</th>
                </tr>
                </thead>
                <tbody>
                {% for meeting in meetings %}
                    <tr class="mstatus-{{meeting.ballot.getLastStatusTypeString}}">
                    <td>{{ meeting.ballot.id }}</td>
                        {% if is_granted("ROLE_TLMKT_SUPERVISOR") or is_granted("ROLE_TLMKT_RECEPTIONIST") or is_granted("ROLE_TLMKT_MEETING_CONFIRMATOR")%}
                            <td><a class="loadinmodal" data-action="{{ path('ballot_tracking_attend', {ballot:meeting.ballot.id, 'filter':constant('App\\Repository\\Telemarketing\\BallotRepository::WITH_MEETING_TO_CONFIRM')}) }}"><i class="fa fa-eye"></i></a></td>
                        {% endif %}
                        <td>{{ meeting.ballot.lastHistory.status.type|trans }}</td>
                        <td>{{ meeting.ballot.facebookCode|trans }}</td>
                        <td>{{ meeting.ballot.lastHistory.comment|raw }}</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>{{ meeting.ballot.campaign.nameLabel }}</td>
                        <td>{{ meeting.ballot.userOpc.username|default("")}}</td>
                        <td>{{ meeting.ballot.userOperator.username|default("") }}</td>
                        <td>{{ meeting.confirmer.username|default("") }}</td>
                        <td>{{ meeting.assisted?"Si":"No" }}</td>
                        <td>{{meeting.ballot.person.income|default("")}}</td>
                        <td>{{meeting.ballot.sale.paymentMethod.name|default("")}}</td>
                        <td>{{ meeting.linner.username|default("") }}</td>
                        <td>{{ meeting.closer.username|default("") }}</td>
                        <td>{{ meeting.ballot.sale.contract|default("") }}</td>
                        <td>{{ meeting.ballot.sale.contractType.name|default("")}}</td>
                        <td>{{ meeting.ballot.sale.ammount|default("") }}</td>
                        <td>{{ meeting.ballot.sale.initialPayment|default("") }}</td>
                        <td>{{ meeting.ballot.sale.downPayments|default(0) }} / {{ meeting.ballot.sale.balancePayments|default(0) }}</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>

            </div>

{% endblock %}