src/Application/Internit/LeadBundle/Resources/views/Product/show.html.twig line 1

Open in your IDE?
  1. {#
  2. {% extends "@ApplicationInternit/ContentBundle/Resources/views/template/standard_layout.html.twig" %}
  4. {% block javascripts %}
  5.     {{ parent() }}
  6.     <script>
  7.         $(document).ready(function() {
  9.             // BOTÕES DE VISUALIZAR E EXPORTAR LEADS.
  10.             // Cada botão deve ter os seguintes atributos:
  11.             // formaction: rota que será chamada.
  12.             // data-group: o grupo de leads que será alvo da operação.
  13.             $('.js-btn-export, .js-view-group').click(function(e) {
  14.                 e.preventDefault();
  16.                 let leadCount = $('.lead').length;
  17.                 let group = '';
  19.                 let showAll = $('#js-all-groups').is(':checked');
  20.                 // se a checkbox de mostrar todos os grupos foi marcada
  21.                 if (! showAll) {
  22.                     // quando há mais de um box de grupo de leads
  23.                     if (leadCount > 1) {
  24.                         group = $(this).attr('data-group');
  25.                     }
  26.                     // quando há apenas um box de grupo na tela, há apenas um botão de exportar
  27.                     else if (leadCount == 1) {
  28.                         group = $('#js-group').val();
  29.                     }
  30.                 }
  31.                 $('#js-group').val(group);
  33.                 let action = $(this).attr('formaction');
  34.                 $('#filtro-leads')
  35.                     .attr('action', action)
  36.                     .submit();
  37.             });
  39.         });
  40.     </script>
  41. {% endblock %}
  43. {% block stylesheets %}
  44.     {{ parent() }}
  45.     <link rel="stylesheet" href="{{ asset('/bundles/applicationinternitcontent/css/productBundle.css') }}"/>    
  46. {% endblock %}
  48. {% block title %}
  49.     Detalhes da campanha
  50. {% endblock %}
  52. {% block sonata_admin_content %}
  53.     <div class="product-list-container show" >
  54.         <div class="titleDefault">
  55.             <div class="group">
  56.                 <h3>Detalhes da campanha</h3>
  57.                 <p>Acompanhe seu desempenho nas campanhas ativas.</p>
  58.             </div>
  59.             <div class="filter">
  60.                 <form id="filtro-leads" method="POST" action="{{ path('admin_internit_lead_product_show',{'id': data.id})}}">
  61.                     <div class="ordenar">
  62.                         <p>De:</p>
  63.                         <input type="date" id="filter-from" name="filter[from]" class="date-filter sonata-medium-date valid" value="{{ filter.from }}">
  64.                     </div>
  65.                     <div class="ordenar">
  66.                         <p>Até:</p>
  67.                         <input type="date" id="filter-to" name="filter[to]" class="date-filter sonata-medium-date valid" value="{{ filter.to }}">
  68.                     </div>
  69.                     <div class="ordenar">
  70.                         <p>Imobiliária:</p>
  71.                         <select class="select-imobiliaria big" name="filter[imob]">
  72.                             <option value="">Selecione</option>
  73.                             {% for imob in imobFilter %}
  74.                                 {% set selected = imob.name == filter['imob'] ? 'selected' : '' %}
  75.                                 <option value="{{imob.name}}" {{ selected }}>{{ imob.name }}</option>
  76.                             {% endfor %}
  77.                         </select>
  78.                     </div>
  79.                     <div class="group">
  80.                         <input type="hidden" value="{{ filter.group }}" name="filter[group]" id="js-group">
  81.                     </div>
  82.                     {% if filter.group is not empty %}                    
  83.                         <div class="ordenar">
  84.                             <label>
  85.                                 <input type="checkbox" name="all-groups" id="js-all-groups">
  86.                                 Todos os grupos
  87.                             </label>
  88.                         </div>
  89.                     {% endif %}
  90.                     <div class="group">
  91.                         <button type="submit" class="button-geral js-view-group" 
  92.                             formaction="{{ path('admin_internit_lead_product_show', {'id': data.id}) }}">Filtrar</button>
  93.                         <button class="button-geral js-btn-export"
  94.                             formaction="{{ path('admin_internit_lead_product_exportFiltered', {'id': data.id}) }}"
  95.                             data-group="">
  96.                             <i class="fas fa-download"></i> Exportar
  97.                         </button>
  98.                     </div>
  99.                 </form>
  100.             </div>
  101.             <div class="btn-action">
  102.                 {% if app.user.hasRole(['ROLE_CONSTRUTORA']) %}
  103.                 <a class="button-geral" href="{{ path('admin_internit_lead_product_edit', {'id': data.id}) }}">
  104.                     <i class="fas fa-edit"></i> Editar Campanha</a>
  105.                 {% endif %}
  106.             </div>
  107.         </div>
  108.         {% set groupLeadsType = getLeadsGroup(data.id, filter) %}
  109.         {% if groupLeadsType|length == 1 %}
  110.             <section class="lead-list active">
  111.                 <div class="title-lead">
  112.                     <div class="title">
  113.                         <h3>Leads</h3>
  114.                         <h2>{{ data.name }} <span class="span-title">- {{ groupLeadsType|first.group }}</span></h2>
  115.                     </div>
  116.                     {% set LeadsType = getLeadsByGroup(data.id, groupLeadsType|first.group, filter) %}
  117.                     <h2><span class="span-leads">Leads Recebidos</span>{{ LeadsType|length }}</h2>
  118.                 </div>
  119.                 <div class="lead">
  120.                     <div class="lead-head">
  121.                         <div class="field big">
  122.                             <p>Nome</p>
  123.                         </div>
  124.                         <div class="field med">
  125.                             <p>E-mail</p>
  126.                         </div>
  127.                         <div class="field small">
  128.                             <p>DDD Celular</p>
  129.                         </div>
  130.                         <div class="field small">
  131.                             <p>Origem</p>
  132.                         </div>
  133.                         <div class="field med">
  134.                             <p>Grupo</p>
  135.                         </div>
  136.                         {% if userGroup == 'Construtora' %}
  137.                             <div>
  138.                                 <p> Corretor </p>
  139.                             </div>
  140.                         {% endif %}
  141.                         <div class="field med">
  142.                             {% if userGroup == 'Construtora' %}
  143.                                 <p> Imobiliária </p>
  144.                             {% else %}
  145.                                 <p>Corretor (e-mail)</p>
  146.                             {% endif %}
  147.                         </div>
  148.                         <div class="field med">
  149.                             <p>Data de Cadastro</p>
  150.                         </div>
  151.                         <div class="field med">
  152.                             <p>Utm Source</p>
  153.                         </div>
  154.                         <div class="field med">
  155.                             <p>Utm Campaign</p>
  156.                         </div>
  157.                         <div class="field med">
  158.                             <p>Utm Medium</p>
  159.                         </div>
  160.                     </div>            
  161.                     <div class="lead-fields">
  162.                         {% for lead in LeadsType %}
  163.                             <div class="lead-field">
  164.                                 <div class="field big">
  165.                                     <span class="span-resp">Nome</span>
  166.                                     <p>{{ lead.name }}</p>
  167.                                 </div>
  168.                                 <div class="field med">
  169.                                     <span class="span-resp">E-mail</span>
  170.                                     <p>{{ lead.email }}</p>
  171.                                 </div>
  172.                                 <div class="field small">
  173.                                     <span class="span-resp">DDD Celular</span>
  174.                                     <p>{{ lead.phone }}</p>
  175.                                 </div>
  176.                                 <div class="field small">
  177.                                     <span class="span-resp">Origem</span>
  178.                                     <p>{{ lead.origem }}</p>
  179.                                 </div>
  180.                                 <div class="field med">
  181.                                     <span class="span-resp">Grupo</span>
  182.                                     <p>{{ lead.group }}</p>
  183.                                 </div>
  184.                                 <div class="field med">
  185.                                     {% if userGroup == 'Construtora' %}
  186.                                         <p>{{ lead.brokerEmail }}</p>
  187.                                     {% endif %}
  188.                                 </div>
  189.                                 <div class="field med">
  190.                                     {% if userGroup == 'Construtora' %}
  191.                                         <span class="span-resp">Imobiliária</span>
  192.                                         <p>{{ lead.brokerRealState }}</p>
  193.                                     {% else %}
  194.                                         <span class="span-resp">Corretor (e-mail)</span>
  195.                                         <p>{{ lead.brokerEmail }}</p>
  196.                                     {% endif %}
  197.                                 </div>
  198.                                 <div class="field med">
  199.                                     <span class="span-resp">Data de Cadastro</span>
  200.                                     <p>{{ lead.createdAt|date('d-m-Y H:i:s') }}</p>
  201.                                 </div>
  202.                                 <div class="field med">
  203.                                     <span class="span-resp">Utm Source</span>
  204.                                     <p>{{ lead.utm_source }}</p>
  205.                                 </div>
  206.                                 <div class="field med">
  207.                                     <span class="span-resp">Utm Campaign</span>
  208.                                     <p>{{ lead.utm_campaign }}</p>
  209.                                 </div>
  210.                                 <div class="field med">
  211.                                     <span class="span-resp">Utm Medium</span>
  212.                                     <p>{{ lead.utm_medium }}</p>
  213.                                 </div>
  215.                             </div>
  216.                         {% endfor %}
  217.                     </div>
  218.                 </div>
  219.             </section>
  220.         {% elseif groupLeadsType|length > 1 %}
  221.             <section class="lead-list second-option active">
  222.                 {% for groupLead in groupLeadsType %}
  223.                 {% set LeadsType = getLeadsByGroup(data.id, groupLead.group,filter) %}
  224.                     <div class="lead">
  225.                         <div class="title-lead">
  226.                             <div class="title-1">
  227.                                 <div class="title">
  228.                                     <h3>Leads</h3>
  229.                                     <h2>{{ data.name }}</h2>
  230.                                     <span class="span-title">{{ groupLead.group }}</span>
  231.                                 </div>
  232.                                 <div class="btn-action">
  233.                                     <button class="button-geral button-add js-view-group"
  234.                                         formaction="{{ path('admin_internit_lead_product_show', {'id': data.id}) }}"
  235.                                         data-group="{{ groupLead.group }}">
  236.                                         <i class="fas fa-eye"></i> Visualizar
  237.                                     </button>
  238.                                     <button class="button-geral js-btn-export" 
  239.                                         formaction="{{ path('admin_internit_lead_product_exportFiltered', {'id': data.id}) }}"
  240.                                         data-group="{{ groupLead.group }}">
  241.                                         <i class="fas fa-download"></i> Exportar
  242.                                     </button>
  243.                                 </div>
  244.                             </div>
  245.                         </div>
  246.                         <div class="lead-body">
  247.                             <div class="lead-head">
  248.                                 <div class="field">
  249.                                     <p>Nome</p>
  250.                                 </div>
  251.                                 <div class="field">
  252.                                     <p>E-mail</p>
  253.                                 </div>
  254.                                 <div class="field">
  255.                                     <p>Grupo</p>
  256.                                 </div>
  257.                             </div>        
  258.                             <div class="lead-fields-container">    
  259.                                 <div class="lead-fields">
  260.                                     {% for lead in LeadsType %}
  261.                                     <div class="lead-field">
  262.                                         <div class="field">
  263.                                             <span class="span-resp">Nome</span>
  264.                                             <p>{{ lead.name }}</p>
  265.                                         </div>
  266.                                         <div class="field">
  267.                                             <span class="span-resp">E-mail</span>
  268.                                             <p>{{ lead.email }}</p>
  269.                                         </div>
  270.                                     </div>
  271.                                     {% endfor %}
  272.                                 </div>
  273.                             </div>
  274.                         </div>
  275.                         <div class="foot-lead">
  276.                             <h2><span class="span-leads">Leads Recebidos</span>{{ LeadsType|length }}</h2>
  277.                         </div>
  278.                     </div>
  279.                     {% endfor %}
  280.                 </section>
  281.         {% else %}
  282.             <p>Nenhum Lead encontrado</p>
  283.         {% endif %}
  284.     </div>
  285. {% endblock %}#}
  288. {% extends "@ApplicationInternit/ContentBundle/Resources/views/template/standard_layout.html.twig" %}
  290. {% block stylesheets %}
  291.     {{ parent() }}
  292.     <link rel="stylesheet" href="{{ asset('/bundles/applicationinternitcontent/css/productBundle.css') }}"/>
  294.     <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.2/css/bulma.min.css"/>
  295.     <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bm/jszip-2.5.0/dt-1.11.4/af-2.3.7/b-2.2.2/b-colvis-2.2.2/b-html5-2.2.2/b-print-2.2.2/cr-1.5.5/date-1.1.1/fc-4.0.1/fh-3.2.1/kt-2.6.4/r-2.2.9/rg-1.1.4/rr-1.2.8/sc-2.0.5/sb-1.3.1/sp-1.4.0/sl-1.3.4/datatables.min.css"/>
  297.     <style>
  298.         table.dataTable td {
  299.             font-size: 1em;
  300.         }
  301.         th { font-size: 80%; }
  302.         tr { font-size: 90%; }
  304.         .spin {
  305.             animation: spin 1s linear infinite;
  306.         }
  308.         @keyframes spin {
  309.             0% { transform: rotate(0deg); }
  310.             100% { transform: rotate(360deg); }
  311.         }
  312.     </style>
  314. {% endblock %}
  316. {% block javascripts %}
  317.     {{ parent() }}
  319.     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
  320.     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
  321.     <script type="text/javascript" src="https://cdn.datatables.net/v/bm/jszip-2.5.0/dt-1.11.4/af-2.3.7/b-2.2.2/b-colvis-2.2.2/b-html5-2.2.2/b-print-2.2.2/cr-1.5.5/date-1.1.1/fc-4.0.1/fh-3.2.1/kt-2.6.4/r-2.2.9/rg-1.1.4/rr-1.2.8/sc-2.0.5/sb-1.3.1/sp-1.4.0/sl-1.3.4/sr-1.1.0/datatables.min.js"></script>
  323.     <script>
  327.         $(document).ready(function() {
  330.             $('.mark-beta').css('margin-top', '20px')
  332.             // BOTÕES DE VISUALIZAR E EXPORTAR LEADS.
  333.             // Cada botão deve ter os seguintes atributos:
  334.             // formaction: rota que será chamada.
  335.             // data-group: o grupo de leads que será alvo da operação.
  336.             $('.js-btn-export, .js-view-group').click(function(e) {
  337.                 e.preventDefault();
  339.                 let leadCount = $('.lead').length;
  340.                 let group = '';
  342.                 let showAll = $('#js-all-groups').is(':checked');
  343.                 // se a checkbox de mostrar todos os grupos foi marcada
  344.                 if (! showAll) {
  345.                     // quando há mais de um box de grupo de leads
  346.                     if (leadCount > 1) {
  347.                         group = $(this).attr('data-group');
  348.                     }
  349.                     // quando há apenas um box de grupo na tela, há apenas um botão de exportar
  350.                     else if (leadCount == 1) {
  351.                         group = $('#js-group').val();
  352.                     }
  353.                 }
  354.                 $('#js-group').val(group);
  356.                 let action = $(this).attr('formaction');
  357.                 $('#filtro-leads')
  358.                         .attr('action', action)
  359.                         .submit();
  360.             });
  362.             var table = $('.dataTable').DataTable({
  363.                 "scrollX": true,
  364.                 //"scrollY":        "500px",
  365.                 // "scrollCollapse": true,
  366.                 //"paging":         true,
  367.                 "order": [[ 8, "desc" ]],
  368.                 "columnDefs": [
  369.                     { "visible": false, "targets": 9 },
  370.                     { "visible": false, "targets": 10 },
  371.                     { "visible": false, "targets": 11 },
  372.                 ],
  373.                 "pageLength": 10,
  374.                 "language": {
  375.                     "lengthMenu": "Exibindo _MENU_ resultados por pagina",
  376.                     "zeroRecords": "Nenhum Resultado Encontrado",
  377.                     "info": "Exibindo pagina _PAGE_ de _PAGES_",
  378.                     "infoEmpty": "Não há registros disponíveis",
  379.                     "infoFiltered": "(filtrado de _MAX_ registros totais)",
  380.                     'search': "Buscar",
  381.                 }
  382.             });
  386.             $('#DataTables_Table_0_length').find('label').find('div').replaceWith($('#DataTables_Table_0_length').find('select'))
  389.             //$('#DataTables_Table_0_length').css('font-size', '15px')
  390.             $('div.dataTables_filter input').css('font-size', '70%');
  392.             $('.dataTables_filter').find('label').append(`
  393.             <select class="custom-select custom-select-sm form-control form-control-sm show-collums" style="width: 120px">
  394.                         <option value="-1" selected disabled>Colunas</option>
  395.                         <optgroup label="Exibindo" class="show-collums-show">
  396.                               <option value="0">Nome</option>
  397.                             <option value="1">Email</option>
  398.                             <option value="2">Telefone</option>
  399.                             <option value="3">Corretor (e-mail)</option>
  400.                             <option value="4">Imobilíaria</option>
  401.                             <option value="5">Origem</option>
  402.                             <option value="6">Grupo</option>
  403.                             <option value="7">Data de Cadastro</option>
  404.                             <option value="8">Enviado?</option>
  405.                         </optgroup>
  406.                         <optgroup label="Oculto" class="show-collums-hide">
  407.                             <option value="9">Utm Source</option>
  408.                             <option value="10">Utm Campaign</option>
  409.                             <option value="11">Utm Medium</option>
  410.                         </optgroup>
  411.                     </select>
  413.                     <button id="resend" title="reenviar leads não enviados" class="ml-3 btn btn-primary" onclick='resendLead()'><i class="fas fa-sync"></i></button>
  414.                     `)
  417.             $('.show-collums').on('change', function (e){
  418.                 var columnNum = $(this).val()
  419.                 var column = table.column( columnNum );
  421.                 if(column.visible()){
  422.                     column.visible( false );
  423.                     var option = $(`.show-collums-show option[value="${columnNum}"]`)
  424.                     $(`.show-collums-hide`).append(option.clone())
  425.                     option.remove()
  426.                     alphabetizeList('.show-collums-hide');
  427.                 }else{
  428.                     column.visible( true );
  429.                     var option = $(`.show-collums-hide option[value="${columnNum}"]`)
  430.                     $(`.show-collums-show`).append(option.clone())
  431.                     option.remove()
  432.                     alphabetizeList('.show-collums-show');
  433.                 }
  434.                 $(this).val('-1')
  435.             })
  437.             function alphabetizeList(listField) {
  439.                 var sel = $(listField);
  440.                 var selected = sel.val(); // cache selected value, before reordering
  441.                 var opts_list = sel.find('option');
  443.                 opts_list.sort(function (a, b) {
  444.                     return $(a).val() > $(b).val() ? 1 : -1;
  445.                 });
  447.                 sel.html('').append(opts_list);
  448.                 sel.val(selected); // set cached selected value
  449.             }
  452.         });
  454.         function resendLead(){
  455.             const productId = {{data.id}};
  457.             const button = document.getElementById('resend');
  458.             const icon = button.querySelector('i');
  459.             button.disabled = true;
  460.             icon.classList.add('spin');
  462.             fetch(`{{ path('front_product_lead_resend') }}`, {
  463.                 method: 'POST',
  464.                 body: JSON.stringify({
  465.                     productId: productId
  466.                 })
  467.             })
  468.             .then(response => {
  469.                 icon.classList.remove('spin');
  470.                 button.disabled = false;
  472.                 alert('O processo de reenvio foi iniciado.');
  473.                 return window.location.reload();
  474.             })
  475.             .catch(error => {
  476.                 alert('Houve um erro!');
  477.                 console.error('There was a problem with the fetch operation:', error);
  478.             });
  479.         }
  480.     </script>
  485. {% endblock %}
  489. {% block title %}
  490.     Detalhes da campanha
  491. {% endblock %}
  493. {% block sonata_admin_content %}
  494.     <div class="product-list-container show" >
  495.         <div class="titleDefault">
  496.             <div class="group">
  497.                 <h3>Detalhes da campanha</h3>
  498.                 <p>Acompanhe seu desempenho nas campanhas ativas.</p>
  499.             </div>
  500.             <div class="filter">
  501.                 <form id="filtro-leads" method="POST" action="{{ path('admin_internit_lead_product_show',{'id': data.id})}}">
  502.                     <div class="ordenar">
  503.                         <p>De:</p>
  504.                         <input type="date" id="filter-from" name="filter[from]" class="date-filter sonata-medium-date valid" value="{{ filter.from }}">
  505.                     </div>
  506.                     <div class="ordenar">
  507.                         <p>Até:</p>
  508.                         <input type="date" id="filter-to" name="filter[to]" class="date-filter sonata-medium-date valid" value="{{ filter.to }}">
  509.                     </div>
  510.                     <div class="ordenar">
  511.                         <p>Imobiliária:</p>
  512.                         <select class="select-imobiliaria big" name="filter[imob]">
  513.                             <option value="">Selecione</option>
  514.                             {% for imob in imobFilter %}
  515.                                 {% set selected = imob.name == filter['imob'] ? 'selected' : '' %}
  516.                                 <option value="{{imob.name}}" {{ selected }}>{{ imob.name }}</option>
  517.                             {% endfor %}
  518.                         </select>
  519.                     </div>
  521.                     <div class="ordenar">
  522.                         <p>Usuários:</p>
  523.                         <select class="select-user big" name="filter[user]">
  524.                             <option value="">Selecione</option>
  525.                             {% for user in userFilter %}
  526.                                 {% set selected = user.name == filter['user'] ? 'selected' : '' %}
  527.                                 <option value="{{user.name}}" {{ selected }}>{{ user.name }}</option>
  528.                             {% endfor %}
  529.                         </select>
  530.                     </div>
  532.                     <div class="group">
  533.                         <input type="hidden" value="{{ filter.group }}" name="filter[group]" id="js-group">
  534.                     </div>
  535.                     {% if filter.group is not empty %}
  536.                         <div class="ordenar">
  537.                             <label>
  538.                                 <input type="checkbox" name="all-groups" id="js-all-groups">
  539.                                 Todos os grupos
  540.                             </label>
  541.                         </div>
  542.                     {% endif %}
  543.                     <div class="group">
  544.                         <button type="submit" class="button-geral js-view-group"
  545.                                 formaction="{{ path('admin_internit_lead_product_show', {'id': data.id}) }}">Filtrar</button>
  546.                         <button class="button-geral js-btn-export"
  547.                                 formaction="{{ path('admin_internit_lead_product_exportFiltered', {'id': data.id}) }}"
  548.                                 data-group="">
  549.                             <i class="fas fa-download"></i> Exportar
  550.                         </button>
  551.                         <div class="btn-action">
  552.                             {% if app.user.hasRole(['ROLE_CONSTRUTORA']) %}
  553.                                 <a class="button-geral" href="{{ path('admin_internit_lead_product_edit', {'id': data.id}) }}">
  554.                                     <i class="fas fa-edit"></i> Editar Campanha</a>
  555.                             {% endif %}
  556.                         </div>
  557.                     </div>
  558.                 </form>
  559.             </div>
  561.         </div>
  562.         {% set groupLeadsType = getLeadsGroup(data.id, filter) %}
  563.         {% if groupLeadsType|length == 1 %}
  567.             <section class="lead-list active">
  569.                 <div class="title-lead">
  571.                     <div class="title">
  572.                         <h3>Leads</h3>
  573.                         <h2>{{ data.name }} <span class="span-title">- {{ groupLeadsType|first.group }}</span></h2>
  574.                     </div>
  576.                     <div>
  577.                         {% set LeadsType = getLeadsByGroup(data.id, groupLeadsType|first.group, filter) %}
  578.                         <h2><span class="span-leads">Leads Recebidos</span>{{ LeadsType|length }}</h2>
  579.                     </div>
  581.                 </div>
  585.                 <hr>
  587.                 <br>
  588.                 <div class="lead" style="margin-right: 20px; margin-left: 20px;">
  590.                     {# nowrap #}
  591.                     <table class="display nowrap dataTable " style="width:100%">
  594.                         {# style="font-size: 80%;" #}
  595.                         <thead >
  596.                         {#<tr>
  597.                                 <th rowspan="1"></th>
  598.                                 <th colspan="7"></th>
  599.                                 <th colspan="7"></th>
  600.                             </tr>#}
  601.                                                 <tr>
  602.                             <th>Nome</th>
  603.                             <th>E-mail</th>
  604.                             <th>Telefone</th>
  605.                             <th>Corretor (e-mail)</th>
  606.                             {% if userGroup == 'Construtora' %}
  607.                             <th>Imobiliária</th>
  608.                             {% endif %}
  609.                             <th>Origem</th>
  610.                             <th>Grupo</th>
  611.                             <th>Data de Cadastro</th>
  612.                             <th>Enviado?</th>
  613.                             <th>Utm Source</th>
  614.                             <th>Utm Campaign</th>
  615.                             <th>Utm Medium</th>
  616.                         </tr>
  617.                         </thead>
  619.                         <tbody>
  620.                         {% for lead in LeadsType %}
  621.                             {% for i in 0..0 %}
  622.                                 <tr>
  623.                                     <td>{{ lead.name }}</td>
  624.                                     <td>{{ lead.email }}</td>
  625.                                     <td>{{ lead.phone }}</td>
  626.                                     <td>{{ lead.brokerEmail }}</td>
  627.                                     {% if userGroup == 'Construtora' %}
  628.                                     <td>{{ lead.brokerRealState }}</td>
  629.                                     {% endif %}
  630.                                     <td>{{ lead.origem }}</td>
  631.                                     <td>{{ lead.group }}</td>
  632.                                     <td>
  633.                                         <span style="display: none">{{ lead.createdAt|date('YmdHis') }}</span>{{ lead.createdAt|date('d/m/Y H:i:s') }}
  634.                                     </td>    
  635.                                     {% if lead.send_status == 'Enviando' %}            
  636.                                         <td class="d-flex align-items-center">
  637.                                             <small>{{ lead.send_status }}</small>
  638.                                             <div class="ml-2 spinner-grow text-warning" role="status">
  639.                                                 <span class="sr-only">Enviando...</span>
  640.                                             </div>
  641.                                         </td>
  642.                                     {% elseif lead.send_status == 'Não' %}
  643.                                         <td>
  644.                                             <small class="text-danger font-weight-bold">{{ lead.send_status }}</small>
  645.                                         </td>
  646.                                     {% else %}
  647.                                         <td>
  648.                                             <small class="text-success font-weight-bold">{{ lead.send_status }}</small>
  649.                                         </td>
  650.                                     {% endif %}
  651.                                     <td>{{ lead.utm_source }}</td>
  652.                                     <td>{{ lead.utm_campaign }}</td>
  653.                                     <td>{{ lead.utm_medium }}</td>
  654.                                 </tr>
  655.                             {% endfor %}
  656.                         {% endfor %}
  657.                         </tbody>
  659.                         <tfoot>
  660.                         <tr>
  661.                             <th>Nome</th>
  662.                             <th>E-mail</th>
  663.                             <th>Telefone</th>
  664.                             <th>Corretor (e-mail)</th>
  665.                             {% if userGroup == 'Construtora' %}
  666.                                 <th>Imobiliária</th>
  667.                             {% endif %}
  668.                             <th>Origem</th>
  669.                             <th>Grupo</th>
  670.                             <th>Data de Cadastro</th>
  671.                             <th>Enviado?</th>
  672.                             <th>Utm Source</th>
  673.                             <th>Utm Campaign</th>
  674.                             <th>Utm Medium</th>
  675.                         </tr>
  676.                         </tfoot>
  678.                     </table>
  680.                 </div>
  683.                 {#    <div class="lead">
  684.                     <div class="lead-head">
  685.                         <div class="field big">
  686.                             <p>Nome</p>
  687.                         </div>
  688.                         <div class="field med">
  689.                             <p>E-mail</p>
  690.                         </div>
  691.                         <div class="field small">
  692.                             <p>DDD Celular</p>
  693.                         </div>
  694.                         <div class="field small">
  695.                             <p>Origem</p>
  696.                         </div>
  697.                         <div class="field med">
  698.                             <p>Grupo</p>
  699.                         </div>
  700.                         <div class="field med">
  701.                             {% if userGroup == 'Construtora' %}
  702.                                 <p> Imobiliária </p>
  703.                             {% else %}
  704.                                 <p>Corretor (e-mail)</p>
  705.                             {% endif %}
  706.                         </div>
  707.                         <div class="field med">
  708.                             <p>Data de Cadastro</p>
  709.                         </div>
  710.                         <div class="field med">
  711.                             <p>Utm Source</p>
  712.                         </div>
  713.                         <div class="field med">
  714.                             <p>Utm Campaign</p>
  715.                         </div>
  716.                         <div class="field med">
  717.                             <p>Utm Medium</p>
  718.                         </div>
  719.                     </div>
  720.                     <div class="lead-fields">
  721.                         {% for lead in LeadsType %}
  722.                             <div class="lead-field">
  723.                                 <div class="field big">
  724.                                     <span class="span-resp">Nome</span>
  725.                                     <p>{{ lead.name }}</p>
  726.                                 </div>
  727.                                 <div class="field med">
  728.                                     <span class="span-resp">E-mail</span>
  729.                                     <p>{{ lead.email }}</p>
  730.                                 </div>
  731.                                 <div class="field small">
  732.                                     <span class="span-resp">DDD Celular</span>
  733.                                     <p>{{ lead.phone }}</p>
  734.                                 </div>
  735.                                 <div class="field small">
  736.                                     <span class="span-resp">Origem</span>
  737.                                     <p>{{ lead.origem }}</p>
  738.                                 </div>
  739.                                 <div class="field med">
  740.                                     <span class="span-resp">Grupo</span>
  741.                                     <p>{{ lead.group }}</p>
  742.                                 </div>
  743.                                 <div class="field med">
  744.                                     {% if userGroup == 'Construtora' %}
  745.                                         <span class="span-resp">Imobiliária</span>
  746.                                         <p>{{ lead.brokerRealState }}</p>
  747.                                     {% else %}
  748.                                         <span class="span-resp">Corretor (e-mail)</span>
  749.                                         <p>{{ lead.brokerEmail }}</p>
  750.                                     {% endif %}
  751.                                 </div>
  752.                                 <div class="field med">
  753.                                     <span class="span-resp">Data de Cadastro</span>
  754.                                     <p>{{ lead.createdAt|date('d-m-Y H:i:s') }}</p>
  755.                                 </div>
  756.                                 <div class="field med">
  757.                                     <span class="span-resp">Utm Source</span>
  758.                                     <p>{{ lead.utm_source }}</p>
  759.                                 </div>
  760.                                 <div class="field med">
  761.                                     <span class="span-resp">Utm Campaign</span>
  762.                                     <p>{{ lead.utm_campaign }}</p>
  763.                                 </div>
  764.                                 <div class="field med">
  765.                                     <span class="span-resp">Utm Medium</span>
  766.                                     <p>{{ lead.utm_medium }}</p>
  767.                                 </div>
  769.                             </div>
  770.                         {% endfor %}
  771.                     </div>
  772.                 </div>#}
  775.             </section>
  780.         {% elseif groupLeadsType|length > 1 %}
  781.             <section class="lead-list second-option active">
  782.                 {% for groupLead in groupLeadsType %}
  783.                     {% set LeadsType = getLeadsByGroup(data.id, groupLead.group,filter) %}
  784.                     <div class="lead">
  785.                         <div class="title-lead">
  786.                             <div class="title-1">
  787.                                 <div class="title">
  788.                                     <h3>Leads</h3>
  789.                                     <h2>{{ data.name }}</h2>
  790.                                     <span class="span-title">{{ groupLead.group }}</span>
  791.                                 </div>
  792.                                 <div class="btn-action">
  793.                                     <button class="button-geral button-add js-view-group"
  794.                                             formaction="{{ path('admin_internit_lead_product_show', {'id': data.id}) }}"
  795.                                             data-group="{{ groupLead.group }}">
  796.                                         <i class="fas fa-eye"></i> Visualizar
  797.                                     </button>
  798.                                     <button class="button-geral js-btn-export"
  799.                                             formaction="{{ path('admin_internit_lead_product_exportFiltered', {'id': data.id}) }}"
  800.                                             data-group="{{ groupLead.group }}">
  801.                                         <i class="fas fa-download"></i> Exportar
  802.                                     </button>
  803.                                 </div>
  804.                             </div>
  805.                         </div>
  806.                         <div class="lead-body">
  807.                             <div class="lead-head">
  808.                                 <div class="field">
  809.                                     <p>Nome</p>
  810.                                 </div>
  811.                                 <div class="field">
  812.                                     <p>E-mail</p>
  813.                                 </div>
  814.                                 <div class="field">
  815.                                     <p>Grupo</p>
  816.                                 </div>
  817.                             </div>
  818.                             <div class="lead-fields-container">
  819.                                 <div class="lead-fields">
  820.                                     {% for lead in LeadsType %}
  821.                                         <div class="lead-field">
  822.                                             <div class="field">
  823.                                                 <span class="span-resp">Nome</span>
  824.                                                 <p>{{ lead.name }}</p>
  825.                                             </div>
  826.                                             <div class="field">
  827.                                                 <span class="span-resp">E-mail</span>
  828.                                                 <p>{{ lead.email }}</p>
  829.                                             </div>
  830.                                         </div>
  831.                                     {% endfor %}
  832.                                 </div>
  833.                             </div>
  834.                         </div>
  835.                         <div class="foot-lead">
  836.                             <h2><span class="span-leads">Leads Recebidos</span>{{ LeadsType|length }}</h2>
  837.                         </div>
  838.                     </div>
  839.                 {% endfor %}
  840.             </section>
  841.         {% else %}
  842.             <p>Nenhum Lead encontrado</p>
  843.         {% endif %}
  846.     </div>
  849.     <br><br><br><br>
  850. {% endblock %}