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%; }
  303.     </style>
  305. {% endblock %}
  307. {% block javascripts %}
  308.     {{ parent() }}
  310.     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
  311.     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
  312.     <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>
  314.     <script>
  318.         $(document).ready(function() {
  321.             $('.mark-beta').css('margin-top', '20px')
  323.             // BOTÕES DE VISUALIZAR E EXPORTAR LEADS.
  324.             // Cada botão deve ter os seguintes atributos:
  325.             // formaction: rota que será chamada.
  326.             // data-group: o grupo de leads que será alvo da operação.
  327.             $('.js-btn-export, .js-view-group').click(function(e) {
  328.                 e.preventDefault();
  330.                 let leadCount = $('.lead').length;
  331.                 let group = '';
  333.                 let showAll = $('#js-all-groups').is(':checked');
  334.                 // se a checkbox de mostrar todos os grupos foi marcada
  335.                 if (! showAll) {
  336.                     // quando há mais de um box de grupo de leads
  337.                     if (leadCount > 1) {
  338.                         group = $(this).attr('data-group');
  339.                     }
  340.                     // quando há apenas um box de grupo na tela, há apenas um botão de exportar
  341.                     else if (leadCount == 1) {
  342.                         group = $('#js-group').val();
  343.                     }
  344.                 }
  345.                 $('#js-group').val(group);
  347.                 let action = $(this).attr('formaction');
  348.                 $('#filtro-leads')
  349.                         .attr('action', action)
  350.                         .submit();
  351.             });
  353.             var table = $('.dataTable').DataTable({
  354.                 "scrollX": true,
  355.                 //"scrollY":        "500px",
  356.                 // "scrollCollapse": true,
  357.                 //"paging":         true,
  358.                 "order": [[ 7, "desc" ]],
  359.                 "columnDefs": [
  360.                     { "visible": false, "targets": 8 },
  361.                     { "visible": false, "targets": 9 },
  362.                     { "visible": false, "targets": 10 },
  363.                 ],
  364.                 "pageLength": 10,
  365.                 "language": {
  366.                     "lengthMenu": "Exibindo _MENU_ resultados por pagina",
  367.                     "zeroRecords": "Nenhum Resultado Encontrado",
  368.                     "info": "Exibindo pagina _PAGE_ de _PAGES_",
  369.                     "infoEmpty": "Não há registros disponíveis",
  370.                     "infoFiltered": "(filtrado de _MAX_ registros totais)",
  371.                     'search': "Buscar",
  372.                 }
  373.             });
  377.             $('#DataTables_Table_0_length').find('label').find('div').replaceWith($('#DataTables_Table_0_length').find('select'))
  380.             //$('#DataTables_Table_0_length').css('font-size', '15px')
  381.             $('div.dataTables_filter input').css('font-size', '70%');
  383.             $('.dataTables_filter').find('label').append(`
  384.             <select class="custom-select custom-select-sm form-control form-control-sm show-collums" style="width: 120px">
  385.                         <option value="-1" selected disabled>Colunas</option>
  386.                         <optgroup label="Exibindo" class="show-collums-show">
  387.                               <option value="0">Nome</option>
  388.                             <option value="1">Email</option>
  389.                             <option value="2">Telefone</option>
  390.                             <option value="3">Corretor (e-mail)</option>
  391.                             <option value="4">Imobilíaria</option>
  392.                             <option value="5">Origem</option>
  393.                             <option value="6">Grupo</option>
  394.                             <option value="7">Data de Cadastro</option>
  395.                         </optgroup>
  396.                         <optgroup label="Oculto" class="show-collums-hide">
  397.                             <option value="8">Utm Source</option>
  398.                             <option value="9">Utm Campaign</option>
  399.                             <option value="10">Utm Medium</option>
  400.                         </optgroup>
  401.                     </select>`)
  404.             $('.show-collums').on('change', function (e){
  405.                 var columnNum = $(this).val()
  406.                 var column = table.column( columnNum );
  408.                 if(column.visible()){
  409.                     column.visible( false );
  410.                     var option = $(`.show-collums-show option[value="${columnNum}"]`)
  411.                     $(`.show-collums-hide`).append(option.clone())
  412.                     option.remove()
  413.                     alphabetizeList('.show-collums-hide');
  414.                 }else{
  415.                     column.visible( true );
  416.                     var option = $(`.show-collums-hide option[value="${columnNum}"]`)
  417.                     $(`.show-collums-show`).append(option.clone())
  418.                     option.remove()
  419.                     alphabetizeList('.show-collums-show');
  420.                 }
  421.                 $(this).val('-1')
  422.             })
  424.             function alphabetizeList(listField) {
  426.                 var sel = $(listField);
  427.                 var selected = sel.val(); // cache selected value, before reordering
  428.                 var opts_list = sel.find('option');
  430.                 opts_list.sort(function (a, b) {
  431.                     return $(a).val() > $(b).val() ? 1 : -1;
  432.                 });
  434.                 sel.html('').append(opts_list);
  435.                 sel.val(selected); // set cached selected value
  436.             }
  439.         });
  440.     </script>
  445. {% endblock %}
  449. {% block title %}
  450.     Detalhes da campanha
  451. {% endblock %}
  453. {% block sonata_admin_content %}
  454.     <div class="product-list-container show" >
  455.         <div class="titleDefault">
  456.             <div class="group">
  457.                 <h3>Detalhes da campanha</h3>
  458.                 <p>Acompanhe seu desempenho nas campanhas ativas.</p>
  459.             </div>
  460.             <div class="filter">
  461.                 <form id="filtro-leads" method="POST" action="{{ path('admin_internit_lead_product_show',{'id': data.id})}}">
  462.                     <div class="ordenar">
  463.                         <p>De:</p>
  464.                         <input type="date" id="filter-from" name="filter[from]" class="date-filter sonata-medium-date valid" value="{{ filter.from }}">
  465.                     </div>
  466.                     <div class="ordenar">
  467.                         <p>Até:</p>
  468.                         <input type="date" id="filter-to" name="filter[to]" class="date-filter sonata-medium-date valid" value="{{ filter.to }}">
  469.                     </div>
  470.                     <div class="ordenar">
  471.                         <p>Imobiliária:</p>
  472.                         <select class="select-imobiliaria big" name="filter[imob]">
  473.                             <option value="">Selecione</option>
  474.                             {% for imob in imobFilter %}
  475.                                 {% set selected = imob.name == filter['imob'] ? 'selected' : '' %}
  476.                                 <option value="{{imob.name}}" {{ selected }}>{{ imob.name }}</option>
  477.                             {% endfor %}
  478.                         </select>
  479.                     </div>
  481.                     <div class="ordenar">
  482.                         <p>Usuários:</p>
  483.                         <select class="select-user big" name="filter[user]">
  484.                             <option value="">Selecione</option>
  485.                             {% for user in userFilter %}
  486.                                 {% set selected = user.name == filter['user'] ? 'selected' : '' %}
  487.                                 <option value="{{user.name}}" {{ selected }}>{{ user.name }}</option>
  488.                             {% endfor %}
  489.                         </select>
  490.                     </div>
  492.                     <div class="group">
  493.                         <input type="hidden" value="{{ filter.group }}" name="filter[group]" id="js-group">
  494.                     </div>
  495.                     {% if filter.group is not empty %}
  496.                         <div class="ordenar">
  497.                             <label>
  498.                                 <input type="checkbox" name="all-groups" id="js-all-groups">
  499.                                 Todos os grupos
  500.                             </label>
  501.                         </div>
  502.                     {% endif %}
  503.                     <div class="group">
  504.                         <button type="submit" class="button-geral js-view-group"
  505.                                 formaction="{{ path('admin_internit_lead_product_show', {'id': data.id}) }}">Filtrar</button>
  506.                         <button class="button-geral js-btn-export"
  507.                                 formaction="{{ path('admin_internit_lead_product_exportFiltered', {'id': data.id}) }}"
  508.                                 data-group="">
  509.                             <i class="fas fa-download"></i> Exportar
  510.                         </button>
  511.                         <div class="btn-action">
  512.                             {% if app.user.hasRole(['ROLE_CONSTRUTORA']) %}
  513.                                 <a class="button-geral" href="{{ path('admin_internit_lead_product_edit', {'id': data.id}) }}">
  514.                                     <i class="fas fa-edit"></i> Editar Campanha</a>
  515.                             {% endif %}
  516.                         </div>
  517.                     </div>
  518.                 </form>
  519.             </div>
  521.         </div>
  522.         {% set groupLeadsType = getLeadsGroup(data.id, filter) %}
  523.         {% if groupLeadsType|length == 1 %}
  527.             <section class="lead-list active">
  529.                 <div class="title-lead">
  531.                     <div class="title">
  532.                         <h3>Leads</h3>
  533.                         <h2>{{ data.name }} <span class="span-title">- {{ groupLeadsType|first.group }}</span></h2>
  534.                     </div>
  536.                     <div>
  537.                         {% set LeadsType = getLeadsByGroup(data.id, groupLeadsType|first.group, filter) %}
  538.                         <h2><span class="span-leads">Leads Recebidos</span>{{ LeadsType|length }}</h2>
  539.                     </div>
  541.                 </div>
  545.                 <hr>
  547.                 <br>
  548.                 <div class="lead" style="margin-right: 20px; margin-left: 20px;">
  550.                     {# nowrap #}
  551.                     <table class="display nowrap dataTable " style="width:100%">
  554.                         {# style="font-size: 80%;" #}
  555.                         <thead >
  556.                         {#<tr>
  557.                                 <th rowspan="1"></th>
  558.                                 <th colspan="7"></th>
  559.                                 <th colspan="7"></th>
  560.                             </tr>#}
  561.                         <tr>
  562.                             <th>Nome</th>
  563.                             <th>E-mail</th>
  564.                             <th>Telefone</th>
  565.                             <th>Corretor (e-mail)</th>
  566.                             {% if userGroup == 'Construtora' %}
  567.                             <th>Imobiliária</th>
  568.                             {% endif %}
  569.                             <th>Origem</th>
  570.                             <th>Grupo</th>
  571.                             <th>Data de Cadastro</th>
  572.                             <th>Utm Source</th>
  573.                             <th>Utm Campaign</th>
  574.                             <th>Utm Medium</th>
  575.                         </tr>
  576.                         </thead>
  578.                         <tbody>
  579.                         {% for lead in LeadsType %}
  580.                             {% for i in 0..0 %}
  581.                                 <tr>
  582.                                     <td>{{ lead.name }}</td>
  583.                                     <td>{{ lead.email }}</td>
  584.                                     <td>{{ lead.phone }}</td>
  585.                                     <td>{{ lead.brokerEmail }}</td>
  586.                                     {% if userGroup == 'Construtora' %}
  587.                                     <td>{{ lead.brokerRealState }}</td>
  588.                                     {% endif %}
  589.                                     <td>{{ lead.origem }}</td>
  590.                                     <td>{{ lead.group }}</td>
  591.                                     <td><span style="display: none">{{ lead.createdAt|date('YmdHis') }}</span>{{ lead.createdAt|date('d/m/Y H:i:s') }}</td>                                     <td>{{ lead.utm_source }}</td>
  592.                                     <td>{{ lead.utm_campaign }}</td>
  593.                                     <td>{{ lead.utm_medium }}</td>
  594.                                 </tr>
  595.                             {% endfor %}
  596.                         {% endfor %}
  597.                         </tbody>
  599.                         <tfoot>
  600.                         <tr>
  601.                             <th>Nome</th>
  602.                             <th>E-mail</th>
  603.                             <th>Telefone</th>
  604.                             <th>Corretor (e-mail)</th>
  605.                             {% if userGroup == 'Construtora' %}
  606.                                 <th>Imobiliária</th>
  607.                             {% endif %}
  608.                             <th>Origem</th>
  609.                             <th>Grupo</th>
  610.                             <th>Data de Cadastro</th>
  611.                             <th>Utm Source</th>
  612.                             <th>Utm Campaign</th>
  613.                             <th>Utm Medium</th>
  614.                         </tr>
  615.                         </tfoot>
  617.                     </table>
  619.                 </div>
  622.                 {#    <div class="lead">
  623.                     <div class="lead-head">
  624.                         <div class="field big">
  625.                             <p>Nome</p>
  626.                         </div>
  627.                         <div class="field med">
  628.                             <p>E-mail</p>
  629.                         </div>
  630.                         <div class="field small">
  631.                             <p>DDD Celular</p>
  632.                         </div>
  633.                         <div class="field small">
  634.                             <p>Origem</p>
  635.                         </div>
  636.                         <div class="field med">
  637.                             <p>Grupo</p>
  638.                         </div>
  639.                         <div class="field med">
  640.                             {% if userGroup == 'Construtora' %}
  641.                                 <p> Imobiliária </p>
  642.                             {% else %}
  643.                                 <p>Corretor (e-mail)</p>
  644.                             {% endif %}
  645.                         </div>
  646.                         <div class="field med">
  647.                             <p>Data de Cadastro</p>
  648.                         </div>
  649.                         <div class="field med">
  650.                             <p>Utm Source</p>
  651.                         </div>
  652.                         <div class="field med">
  653.                             <p>Utm Campaign</p>
  654.                         </div>
  655.                         <div class="field med">
  656.                             <p>Utm Medium</p>
  657.                         </div>
  658.                     </div>
  659.                     <div class="lead-fields">
  660.                         {% for lead in LeadsType %}
  661.                             <div class="lead-field">
  662.                                 <div class="field big">
  663.                                     <span class="span-resp">Nome</span>
  664.                                     <p>{{ lead.name }}</p>
  665.                                 </div>
  666.                                 <div class="field med">
  667.                                     <span class="span-resp">E-mail</span>
  668.                                     <p>{{ lead.email }}</p>
  669.                                 </div>
  670.                                 <div class="field small">
  671.                                     <span class="span-resp">DDD Celular</span>
  672.                                     <p>{{ lead.phone }}</p>
  673.                                 </div>
  674.                                 <div class="field small">
  675.                                     <span class="span-resp">Origem</span>
  676.                                     <p>{{ lead.origem }}</p>
  677.                                 </div>
  678.                                 <div class="field med">
  679.                                     <span class="span-resp">Grupo</span>
  680.                                     <p>{{ lead.group }}</p>
  681.                                 </div>
  682.                                 <div class="field med">
  683.                                     {% if userGroup == 'Construtora' %}
  684.                                         <span class="span-resp">Imobiliária</span>
  685.                                         <p>{{ lead.brokerRealState }}</p>
  686.                                     {% else %}
  687.                                         <span class="span-resp">Corretor (e-mail)</span>
  688.                                         <p>{{ lead.brokerEmail }}</p>
  689.                                     {% endif %}
  690.                                 </div>
  691.                                 <div class="field med">
  692.                                     <span class="span-resp">Data de Cadastro</span>
  693.                                     <p>{{ lead.createdAt|date('d-m-Y H:i:s') }}</p>
  694.                                 </div>
  695.                                 <div class="field med">
  696.                                     <span class="span-resp">Utm Source</span>
  697.                                     <p>{{ lead.utm_source }}</p>
  698.                                 </div>
  699.                                 <div class="field med">
  700.                                     <span class="span-resp">Utm Campaign</span>
  701.                                     <p>{{ lead.utm_campaign }}</p>
  702.                                 </div>
  703.                                 <div class="field med">
  704.                                     <span class="span-resp">Utm Medium</span>
  705.                                     <p>{{ lead.utm_medium }}</p>
  706.                                 </div>
  708.                             </div>
  709.                         {% endfor %}
  710.                     </div>
  711.                 </div>#}
  714.             </section>
  719.         {% elseif groupLeadsType|length > 1 %}
  720.             <section class="lead-list second-option active">
  721.                 {% for groupLead in groupLeadsType %}
  722.                     {% set LeadsType = getLeadsByGroup(data.id, groupLead.group,filter) %}
  723.                     <div class="lead">
  724.                         <div class="title-lead">
  725.                             <div class="title-1">
  726.                                 <div class="title">
  727.                                     <h3>Leads</h3>
  728.                                     <h2>{{ data.name }}</h2>
  729.                                     <span class="span-title">{{ groupLead.group }}</span>
  730.                                 </div>
  731.                                 <div class="btn-action">
  732.                                     <button class="button-geral button-add js-view-group"
  733.                                             formaction="{{ path('admin_internit_lead_product_show', {'id': data.id}) }}"
  734.                                             data-group="{{ groupLead.group }}">
  735.                                         <i class="fas fa-eye"></i> Visualizar
  736.                                     </button>
  737.                                     <button class="button-geral js-btn-export"
  738.                                             formaction="{{ path('admin_internit_lead_product_exportFiltered', {'id': data.id}) }}"
  739.                                             data-group="{{ groupLead.group }}">
  740.                                         <i class="fas fa-download"></i> Exportar
  741.                                     </button>
  742.                                 </div>
  743.                             </div>
  744.                         </div>
  745.                         <div class="lead-body">
  746.                             <div class="lead-head">
  747.                                 <div class="field">
  748.                                     <p>Nome</p>
  749.                                 </div>
  750.                                 <div class="field">
  751.                                     <p>E-mail</p>
  752.                                 </div>
  753.                                 <div class="field">
  754.                                     <p>Grupo</p>
  755.                                 </div>
  756.                             </div>
  757.                             <div class="lead-fields-container">
  758.                                 <div class="lead-fields">
  759.                                     {% for lead in LeadsType %}
  760.                                         <div class="lead-field">
  761.                                             <div class="field">
  762.                                                 <span class="span-resp">Nome</span>
  763.                                                 <p>{{ lead.name }}</p>
  764.                                             </div>
  765.                                             <div class="field">
  766.                                                 <span class="span-resp">E-mail</span>
  767.                                                 <p>{{ lead.email }}</p>
  768.                                             </div>
  769.                                         </div>
  770.                                     {% endfor %}
  771.                                 </div>
  772.                             </div>
  773.                         </div>
  774.                         <div class="foot-lead">
  775.                             <h2><span class="span-leads">Leads Recebidos</span>{{ LeadsType|length }}</h2>
  776.                         </div>
  777.                     </div>
  778.                 {% endfor %}
  779.             </section>
  780.         {% else %}
  781.             <p>Nenhum Lead encontrado</p>
  782.         {% endif %}
  785.     </div>
  788.     <br><br><br><br>
  789. {% endblock %}