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

    {% block title %}
        {% if filter=='wmeeting' %}
            Confirmación de cita
        {% else %}
            Atender papeleta
        {% endif %}
    {% endblock %}


    {% block body %}
    {% include 'Common/paginator.html.twig' with {
        total: ballotCount,
        index: offset,
        url:path('ballot_tracking_attend', {'filter':filter, 'office':office.id|default}),
    }
    %}
{% if ballotCount>1 %}
<span>Total por antender: {{ ballotCount }}</span>
<div class="col-md-12">
    {% else %}
    <div class="col-md-12">
        {% endif %}
        <div class="col-md-6">
            <div id="ballot-info">
                {{ form_start(form, {'attr':{'data-remote':'true', 'data-method':'POST', 'data-url':form.vars.action, 'data-prepend-result':'#ballot-history tbody', 'data-callback':'updateBallotRow'   }}) }}
                <div class="ballot-info">
                    <h4>Datos de la papeleta</h4>
                    <table class="table table-hover">
                        <tbody>
                        <tr>
                            <th>Estado</th>
                            <td><b>({{ballot.lastHistory.status.type|default("NATT")|trans}}) {{ ballot.lastHistory.status.name|default("No atendida")|trans}}</b></td>
                        </tr>
                        <tr>
                            <th>No. de llamadas</th>
                            <td>{{ ballot.calls }}</td>
                        </tr>
                        <tr>
                            <th>Folio</th>
                            <td>
                                {% if form.folio is defined %}
                                    {{ form_widget(form.folio) }}
                                {% else %}
                                    {{ ballot.folio }}
                                {% endif %}
                            </td>
                        </tr>
                        <tr>
                            <th>Código facebook</th>
                            <td>
                                {% if form.facebookCode is defined %}
                                    {{ form_widget(form.facebookCode) }}
                                {% else %}
                                    {{ ballot.facebookCode}}
                                {% endif %}
                            </td>
                        </tr>
                        <tr>
                            <th>Concesionario</th>
                            <td>{{ ballot.office.concessionarie.name }}</td>
                        </tr>
                        <tr>
                            <th>Oficina</th>
                            <td>{{ ballot.office.name }}</td>
                        </tr>
                        <tr>
                            <th>Campaña</th>
                            <td>
                                {{ ballot.campaign.nameLabel|default('Sin campaña') }}
                                {#
                                {% if form.campaign is defined %}
                                    {{ form_widget(form.campaign) }}
                                {% else %}
                                    {{ ballot.campaign.name|default('Sin campaña') }}
                                {% endif %}
                                #}
                            </td>
                        </tr>

                        {#
                        {% if form.userOpc is defined%}
                            <tr>
                                <th>OPC</th>
                                <td>{{ form_widget(form.userOpc) }}</td>
                            </tr>
                        {% endif %}
                        #}

                        {% if ballot.userOpc is defined%}
                            <tr>
                                <th>OPC</th>
                                <td>{{ ballot.userOpc.person.fullName|default("Sin OPC asignado")}}</td>
                            </tr>
                        {% endif %}


                        {% if ballot.userOperator is defined%}
                            <tr>
                                <th>Operador</th>
                                <td>{{ ballot.userOperator.person.fullName|default("Sin operador asignado")}}</td>
                            </tr>
                        {% endif %}
                        {#
                        {% if form.userOperator %}
                            <tr>
                                <th>Operador</th>
                                <td>{{ form_widget(form.userOperator) }}</td>
                            </tr>
                        {% endif %}
                        #}


                        <tr>
                            <th>Fecha de encuesta</th>
                            <td>{{ ballot.elaborationDate?ballot.elaborationDate|date('Y-m-d'):('Sin fecha de elaboración') }}</td>
                        </tr>

                        <tr>
                            <th>Fecha de captura</th>
                            <td>{{ ballot.createdDate?ballot.createdDate|date('Y-m-d H:i'):('Sin fecha de ceración') }}</td>
                        </tr>
                        <tr>
                            <th>Observaciones</th>
                            <td>{{ ballot.observations|default('Sin observaciones') }}</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="ballot-info">
                    <h4>Datos del prospecto/cliente</h4>
                    <table class="table table-hover">
                        <tbody>
                        <tr>
                            <th>Nombres</th>
                            <td> {{ form_widget(form.person.names) }}</td>
                        </tr>
                        <tr>
                            <th>Apellido paterno</th>
                            <td> {{ form_widget(form.person.pLastname) }}</td>
                        </tr>
                        <tr>
                            <th>Apellido materno</th>
                            <td> {{ form_widget(form.person.mLastname) }}</td>
                        </tr>
                        <tr>
                            <th>Edad</th>
                            <td> {{ form_widget(form.person.age) }}</td>
                        </tr>
                        <tr>
                            <th>Tel. Casa</th>
                            <td style="position: relative">{{ form_widget(form.person.homeTelephone) }} <span class="callballot" data-url="{{ path('call_prospect', {'ballot': ballot.id, 'type': 'home'}) }}"><i class="fa fa-phone"></i></span></td>
                        </tr>
                        <tr>
                            <th>Tel. Trabajo</th>
                            <td style="position: relative">{{ form_widget(form.person.workTelephone) }}  <span class="callballot" data-url="{{ path('call_prospect', {'ballot': ballot.id, 'type': 'work'}) }}"><i class="fa fa-phone"></i></span></td>
                        </tr>
                        <tr>
                            <th>Celular</th>
                            <td style="position: relative">{{ form_widget(form.person.celphone) }}  <span class="callballot" data-url="{{ path('call_prospect', {'ballot': ballot.id, 'type': 'mobile'}) }}"><i class="fa fa-mobile-phone"></i></span></td>
                        </tr>
                        <tr>
                            <th>Email</th>
                            <td>{{ form_widget(form.person.email) }}</td>
                        </tr>

                        <tr>
                            <th>Estado civil</th>
                            <td>{{ form_widget(form.person.civilStatus) }}</td>
                        </tr>
                        <tr>
                            <th>Ocupación</th>
                            <td>{{ form_widget(form.person.occupation) }}</td>
                        </tr>
                        <tr>
                            <th>Ingresos</th>
                            <td>{{ form_widget(form.person.income) }}</td>
                        </tr>
                        <tr>
                            <th>Tarjeta de crédito</th>
                            <td>{{ form_widget(form.person.hasCreditCard) }}</td>
                        </tr>
                        {% if ballot.person.couple %}
                            <tr class="couple-name">
                                <th>Nombre de pareja</th>
                                <td>{{ ballot.person.couple.fullName }}</td>
                            </tr>
                        {% endif %}
                        </tbody>
                    </table>
                    <a class="loadinmodal" data-action="{{ path('person_add_couple', { 'person': ballot.person.id }) }}">
                        <button class="btn btn-info" type="button">Agregar/Editar pareja</button>
                    </a>
                </div>
                {{ form_widget(form) }}
                <button class="btn btn-info" type="submit">Actualizar datos</button>


                {{ form_end(form) }}

            </div>
        </div>
        <div class="col-md-6">
            {% set bh = ballotHistories|first %}
            <div>
                <h4>Último estado</h4>

                Usuario: {{ bh.createdBy.username|default("") }}
                <hr>
                Estado: <b>{{ bh.status.type|default('NATT')|trans }} - {{ bh.status.name|default('Sin llamada') }}</b>
                <hr>
                Fecha: {{ bh?bh.createdDate|date("d-m-y h:i")|default("Sin cambio de estado"):"Sin cambio de estado" }}
                <hr>
                Comentarios: {{ bh.comment|default("Sin comentarios")|raw}}
                <hr>
                Llamar después: {{bh.callLaterDate|default(null)?bh.callLaterDate|date("d-m-y h:i"):"Sin fecha de llamada" }}
                <hr>
            </div>


            {% if ballot.meeting %}
                <h4>Datos de la cita</h4>
                <p>Realizada: {{ ballot.meeting.updatedDate?ballot.meeting.updatedDate|date('d-m-y H:i'):ballot.meeting.createdDate|date('d-m-y H:i') }}</p>
                <p>Programada para: {{ ballot.meeting.date|date('d-m-y H:i') }}</p>
                <hr>
            {% endif %}

            {%  if ballot.lastStatusTypeString!="WMNQNS" and ballot.lastStatusTypeString!="WMNQS" and ballot.lastStatusTypeString!="WMNT" and ballot.lastStatusTypeString!="WMQ" and ballot.lastStatusTypeString!="WMNI" and ballot.lastStatusTypeString!="WMQS" and ballot.lastStatusTypeString!="WMQNS" and ballot.lastStatusTypeString!="FD" and ballot.lastStatusTypeString!="NQ"  and ballot.lastStatusTypeString!="NI"%}
                {% if app.user.hasRole("ROLE_MEETING_CONFIRMATOR") or app.user.hasRole("ROLE_TLMKT_SUPERVISOR") or app.user.hasRole("ROLE_TLMKT_OPERATOR")%}

                    {% if ((app.user.hasRole("ROLE_TLMKT_OPERATOR") and not app.user.hasRole("ROLE_TLMKT_SUPERVISOR")) and ballot.opertatorCanModify) or app.user.hasRole("ROLE_TLMKT_SUPERVISOR") %}

                        <h4>Descartar prospecto</h4>
                        {% if filter=='userCanCall' or app.user.hasRole("ROLE_TLMKT_SUPERVISOR") %}
                            <a class="loadinmodal" data-action="{{ path('ballot_add_history', { 'ballot': ballot.id, 'statusType':'FD' }) }}">
                                <button class="btn btn-danger">Dato falso</button>
                            </a>
                        {% endif %}
                        <a class="loadinmodal" data-action="{{ path('ballot_add_history', { 'ballot': ballot.id, 'statusType':filter=="userCanCall"?"NI":"WMNI"  }) }}">
                            <button class="btn btn-danger">No interesa</button>
                        </a>
                        {% if filter=='userCanCall' or app.user.hasRole("ROLE_TLMKT_SUPERVISOR") %}
                            <a class="loadinmodal" data-action="{{ path('ballot_add_history', { 'ballot': ballot.id, 'statusType':'NQ' }) }}">
                                <button class="btn btn-danger">No califica</button>
                            </a>
                        {% endif %}
                        <hr>
                        <h4>Reprogramar llamada</h4>
                        <a class="loadinmodal" data-action="{{ path('ballot_add_history', { 'ballot': ballot.id, 'statusType':filter=="userCanCall"?"NA":"WMNA" }) }}">
                            <button class="btn btn-info">No contesta</button>
                        </a>
                        <a class="loadinmodal" data-action="{{ path('ballot_add_history', { 'ballot': ballot.id, 'statusType':filter=="userCanCall"?"CL":"WMCL" }) }}">
                            <button class="btn btn-info">Llamar después</button>
                        </a>

                        {% if filter=='userCanCall' %}
                            <a class="loadinmodal" data-action="{{ path('ballot_add_history', { 'ballot': ballot.id, 'statusType':'CLM' }) }}">
                                <button class="btn btn-info">Llamar después para realizar cita</button>
                            </a>
                        {% endif %}
                        <hr>
                        <h4>Prospecto calificado</h4>
                        {% if ballot.lastStatusTypeString=="WM" or ballot.lastStatusTypeString=="WMNA" or ballot.lastStatusTypeString=="WMCL" or ballot.lastStatusTypeString=="WMR" or ballot.lastStatusTypeString=="WMC" or ballot.lastStatusTypeString=="WMNASS"%}

                            {% if ballot.lastStatusTypeString!="WMC" and ballot.lastStatusTypeString!="WMNASS"%}
                                <a class="loadinmodal" data-action="{{ path('meeting_confirm', {'meeting':ballot.meeting.id}) }}">
                                    <button class="btn btn-success">Confirmar cita</button>
                                </a>
                            {% endif %}

                            {% if ballot.lastStatusTypeString!="WMCA"%}

                                <a class="loadinmodal" data-action="{{ path('ballot_add_history', { 'ballot': ballot.id, 'statusType':'WMCA' }) }}">
                                    <button class="btn btn-danger">Cancelar cita</button>
                                </a>
                            {% endif %}

                            <a class="loadinmodal" data-action="{{ path('ballot_add_history', { 'ballot': ballot.id, 'statusType':'WMR' }) }}">
                                <button class="btn">Reasignar cita</button>
                            </a>
                        {% else %}
                            <a class="loadinmodal" data-action="{{ path('ballot_add_history', { 'ballot': ballot.id, 'statusType':'WM' }) }}">
                                <button class="btn btn-success">Realizar cita</button>
                            </a>
                        {% endif %}

                        {% if reporgrammedBallots|length>0 %}
                            <h4>Llamadas reprogramadas</h4>
                            <table class="table table-hover table-responsive">
                                <thead>
                                <tr>
                                    <th>Nombre</th>
                                    <th>Fecha reprogramada</th>
                                </tr>
                                </thead>
                                <tbody>
                                {% for rb in reporgrammedBallots %}
                                    <tr class="{{ "now"|date('Y-m-d H:i') > rb.lastHistory.callLaterDate|date('Y-m-d H:i')?"expired" }}">
                                        <td><a class="loadinmodal" data-action="{{ path('ballot_tracking_attend', {'ballot': rb.id, 'filter':filter}) }}">{{ rb.person.fullName }}</a></td>
                                        <td>{{ rb.lastHistory.callLaterDate|date('d-M-Y H:i') }}</td>
                                    </tr>
                                {% endfor %}
                                </tbody>
                            </table>
                        {% endif %}
                    {% endif %}
                {% endif %}

                {% if (ballot.lastStatusTypeString=="WM" or ballot.lastStatusTypeString=="WMNA" or ballot.lastStatusTypeString=="WMNASS" or ballot.lastStatusTypeString=="WMCL" or ballot.lastStatusTypeString=="WMR" or ballot.lastStatusTypeString=="WMC") and  app.user.hasRole("ROLE_TLMKT_RECEPTIONIST")%}
                    <hr>
                    <h4>Confirmar asistencia</h4>
                    <a class="loadinmodal" data-action="{{ path('meeting_confirm_assistance', {'meeting':ballot.meeting.id}) }}">
                        <button class="btn btn-success">Confirmar asistencia</button>
                    </a>
                    {% else %}

                {% endif %}

                <h4>Ayuda</h4>
                <a class="loadinmodal" data-action="{{ path('ballot_show_speech', { 'ballot': ballot.id}) }}">
                    <button class="btn btn-default">Speech</button>
                </a>
                <a class="loadinmodal" data-action="{{ path('ballot_show_office_info', { 'ballot': ballot.id }) }}">
                    <button class="btn btn-default">Información de oficina</button>
                </a>
            {% endif %}

            {% if ballot.lastStatusTypeString=="WMQS" or  ballot.lastStatusTypeString=="WMNQS" %}
                <hr>
                <h4>Datos de venta</h4>
                <p>Linner: {{ ballot.meeting.linner.username }}</p>
                <p>Closer: {{ ballot.meeting.closer.username }}</p>
                <p>No. de contrato: {{ ballot.sale.contract }}</p>
                <p>Tipo de contrato: {{ ballot.sale.contractType.name|default("No especificado") }}</p>
                <p>Monto: ${{ ballot.sale.ammount|number_format(2) }}</p>
                <p>Método de pago: {{ ballot.sale.paymentMethod.name|default("No especificado") }}</p>
                <p>No. de recibo: {{ ballot.sale.receiptNumber|default("No especificado") }}</p>
                <p>Pago inicial: ${{ ballot.sale.initialPayment|number_format(2) }}</p>
                <p>Pagos de enganche: {{ ballot.sale.downPayments|default("No especificado") }}</p>
                <p>Pagos de saldo: {{ ballot.sale.balancePayments|default("No especificado")}}</p>
            {% endif %}

            {% if ballot.meeting and (ballot.meeting.confirmer or ballot.lastStatusTypeString=="WMNQNS") and  app.user.hasRole("ROLE_TLMKT_RECEPTIONIST")%}
                <a class="loadaction"
                   data-callbacks="redirectTo"
                   data-modalclose="true"
                   data-url="{{ path('meeting_unconfirm_assistance', {meeting: ballot.meeting.id}) }}"
                   title="Des confirmar asistencia"
                   data-question-text="¿Desea des confirmar la asistencia?">
                    <button class="btn btn-danger">Des confirmar asistencia</button>
                </a>
            {% endif %}

            {% if app.user.hasRole("ROLE_TLMKT_SUPERVISOR") %}
                <a class="loadaction"
                   data-callbacks="redirectTo"
                   data-modalclose="true"
                   data-url="{{ path('deleteBallot', {ballot: ballot.id}) }}"
                   title="Eliminar papeleta"
                   data-question-text="Esta acción no puede ser revertida, ¿En verdad deseas eliminar la papeleta del sistema?">
                    <button class="btn btn-danger">Eliminar papeleta</button>
                </a>
            {% endif %}

        </div>
        <div class="clearfix"></div>
        <hr>
        <div id="ballot-history">
            <h4>Historial</h4>
            <table class="table table-hover table-responsive">
                <thead>
                <tr>
                    <th>Usuario</th>
                    <th>Tipo de <br>estado</th>
                    <th>Estado</th>
                    <th>Fecha</th>
                    <th>Comentarios</th>
                    <th>Llamada reprogramada</th>
                </tr>
                </thead>
                <tbody>
                {% for bh in ballotHistories %}
                    {% set loopIndex = loop.index %}
                    {% include "backend/telemarketing/ballotTracking/_ballotHistory.html.twig" with {"ballotHistory": bh, "loopIndex":loopIndex} %}
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>


    {% endblock %}