templates/factura/factura.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% set tarifa=factura.tarifa %}
  3. {% set reactivas=(tarifa.reactivaP1 or tarifa.reactivaP2 or tarifa.reactivaP3 or tarifa.reactivaP4 or tarifa.reactivaP5 or tarifa.reactivaP6) %}
  4. {% set tresCero=(tarifa.nombre=='3.0A' or tarifa.nombre=='3.1A') %}
  5. {% set roleFacturacion=is_granted('ROLE_FACTURACION') %}
  6. {% set roleSuperadmin=is_granted('ROLE_SUPERADMIN') %}
  8. {% block title %} Factura {% endblock %}
  10. {% block homepage %}{% endblock %}
  11. {% block facturas %}{% endblock %}
  12. {% block headscript %}
  13.     {% set roleAdmin=is_granted('ROLE_ADMIN') %}
  14.     {% if tresCero %}
  15.         {% set nombre1, nombre2, nombre3 =  'P1', 'P2', 'P3' %}
  16.     {#% else  %}
  17.         {% set numeroP=0 %}
  18.         {% if tarifa.energiaP1 %}
  19.             {% set numeroP=(numeroP+1) %}
  20.         {% endif %}
  21.         {% if tarifa.energiaP2 %}
  22.             {% set numeroP=(numeroP+1) %}
  23.         {% endif %}
  24.         {% if tarifa.energiaP3 %}
  25.             {% set numeroP=(numeroP+1) %}
  26.         {% endif %}
  27.         {% if tarifa.energiaP4 %}
  28.             {% set numeroP=(numeroP+1) %}
  29.         {% endif %}
  30.         {% if tarifa.energiaP5 %}
  31.             {% set numeroP=(numeroP+1) %}
  32.         {% endif %}
  33.         {% if tarifa.energiaP6 %}
  34.             {% set numeroP=(numeroP+1) %}
  35.         {% endif %#}
  36.     {% endif %}
  38. <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  39.     <script>
  40.         google.charts.load('45.2', {packages: ['corechart']});
  41.         google.charts.setOnLoadCallback(drawChart);
  42.     </script>
  44.     {% if numeroP<4 %}
  45.         {#% if not tresCero %}
  46.             {% if p2 %}
  47.                 {% set nombre2, p2 = 'P2', false %}
  48.             {% elseif p3 %}
  49.                 {% set nombre2, p3 = 'P3', false %}
  50.             {% elseif p4 %}
  51.                 {% set nombre2, p4 = 'P4', false %}
  52.             {% elseif p5 %}
  53.                 {% set nombre2, p5 = 'P5', false %}
  54.             {% elseif p6 %}
  55.                 {% set nombre2, p6 = 'P6', false %}
  56.             {% endif %}
  58.             {% if p3 %}
  59.                 {% set nombre3='P3' %}
  60.             {% elseif p4 %}
  61.                 {% set nombre3='P4' %}
  62.             {% elseif p5 %}
  63.                 {% set nombre3='P5' %}
  64.             {% elseif p6 %}
  65.                 {% set nombre3='P6' %}
  66.             {% endif %}
  67.         {% endif %#}
  68.         <script>
  69.             google.charts.load('45.2', {packages: ['corechart', 'bar']});
  70.             google.charts.setOnLoadCallback(drawColColors);
  72.             function drawColColors() {
  73.                 var data = google.visualization.arrayToDataTable([
  74.                     ['', {% if arrayP[0] %}'P1', {% endif %}{% if arrayP[1] %}'P2', {% endif %}{% if arrayP[2] %}'P3', {% endif %}{% if arrayP[3] %}'P4', {% endif %}{% if arrayP[4] %}'P5', {% endif %}{% if arrayP[5] %}'P6', {% endif %}{role: 'style'}],
  75.                     {% for dato in datosGrafica %}
  76.                     ['{{ dato[0] }}', {% if arrayP[0] %}{{ dato[1] }}, {% endif %}{% if arrayP[1] %}{{ dato[2] }}, {% endif %}{% if arrayP[2] %}{{ dato[3] }}, {% endif %}{% if arrayP[3] %}{{ dato[4] }}, {% endif %}{% if arrayP[4] %}{{ dato[5] }}, {% endif %}{% if arrayP[5] %}{{ dato[6] }}, {% endif %}''],
  77.                     {% endfor %}
  78.                 ]);
  80.                 var options = {
  81.                     width: 620,//rechanged
  82.                     height: 390,//rechanged
  83.                     {% if numeroP<=1 %}
  84.                     legend: { position: 'none', maxLines: 3 },
  85.                     {% else %}
  86.                     legend: { position: 'top', alignment:'center', textStyle: {bold:true}, maxLines: 3 },
  87.                     {% endif %}
  88.                     bar: { groupWidth: '33%' },
  89.                     isStacked: true,
  90.                     series: {
  91.                         0:{color:'#5b9bd5'},
  92.                         1:{color:'#ed7d31'},
  93.                         2:{color:'#a5a5a5'},
  94.                     },
  95.                     chartArea: {
  96.                         left: 70,//rechanged
  97.                         top: 65,//rechanged
  98.                         width: 570,//rechanged
  99.                         height: 288,//rechanged
  100.                     },
  101.                     vAxes: {
  102.                         0: {
  103.                             title: 'kWh',
  104.                             titleTextStyle:{
  105.                                 color: '#595959',
  106.                                 fontName:'Calibri',
  107.                                 bold:true,
  108.                                 italic: false
  109.                             }
  110.                         }
  111.                     },
  112.                     hAxis: {
  113.                         slantedText:false,
  114.                         textStyle:{
  115.                             color: '#595959',
  116.                             fontSize:10,
  117.                             bold:true,
  118.                             italic: false
  119.                         } }
  120.                 };
  122.                 var chart_div = document.getElementById('graficaConsumo');
  123.                 var chart = new google.visualization.ColumnChart(chart_div);
  124.                 google.visualization.events.addListener(chart, 'ready', function () {
  125.                     document.getElementById('generarPdf').innerHTML='' +
  126.                         '<input type="hidden" name="urlImagen" value="'+chart.getImageURI()+'">' +
  127.                         '<button type="submit" class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover"><i class="fas fa-file-pdf mr-1"></i>Documento PDF</button>';
  128.                     document.getElementById('generarXml').innerHTML='' +
  129.                         '<input type="hidden" name="urlImagen" value="'+chart.getImageURI()+'">' +
  130.                         '<button type="submit" class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover"><i class="fas fa-file-code mr-1"></i>Factura electrónica</button>';
  131.                     {% if roleAdmin %}
  132.                     document.getElementById('enviarFactura').innerHTML='' +
  133.                         '<input type="hidden" name="urlImagen" value="'+chart.getImageURI()+'">' +
  134.                         '<button type="submit" class="btn btn-primary">Enviar</button>';
  135.                     {% endif %}
  136.                 });
  137.                 chart.draw(data, options);
  138.             }
  139.         </script>
  140.     {#% if numeroP == 1 %}
  141.         <script>
  142.             google.charts.load('current', {packages: ['corechart', 'bar']});
  143.             google.charts.setOnLoadCallback(drawColColors);
  145.             function drawColColors() {
  146.                 var data = google.visualization.arrayToDataTable([
  147.                     ['', '{{ nombre1 }}', {role: 'style'}],
  148.                     {% for dato in datosGrafica %}
  149.                     ['{{ dato[0] }}', {{ dato[1] }}, ''],
  150.                     {% endfor %}
  151.                 ]);
  153.                 var options = {
  154.                     width: 620,//rechanged
  155.                     height: 390,//rechanged
  156.                     legend: { position: 'none', maxLines: 3 },
  157.                     bar: { groupWidth: '33%' },
  158.                     isStacked: true,
  159.                     series: {
  160.                         0:{color:'#5b9bd5'},
  161.                         1:{color:'#ed7d31'},
  162.                         2:{color:'#a5a5a5'},
  163.                     },
  164.                     chartArea: {
  165.                         left: 70,//rechanged
  166.                         top: 65,//rechanged
  167.                         width: 570,//rechanged
  168.                         height: 288,//rechanged
  169.                     },
  170.                     vAxes: {
  171.                         0: {
  172.                             title: 'kWh',
  173.                             titleTextStyle:{
  174.                                 color: '#595959',
  175.                                 fontName:'Calibri',
  176.                                 bold:true,
  177.                                 italic: false
  178.                             }
  179.                         }
  180.                     },
  181.                     hAxis: {
  182.                         slantedText:false,
  183.                         textStyle:{
  184.                             color: '#595959',
  185.                             fontSize:10,
  186.                             bold:true,
  187.                             italic: false
  188.                         } }
  189.                 };
  191.                 var chart_div = document.getElementById('graficaConsumo');
  192.                 var chart = new google.visualization.ColumnChart(chart_div);
  193.                 google.visualization.events.addListener(chart, 'ready', function () {
  194.                     document.getElementById('generarPdf').innerHTML='' +
  195.                         '<input type="hidden" name="urlImagen" value="'+chart.getImageURI()+'">' +
  196.                         '<button type="submit" class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover"><i class="fas fa-file-download mr-1"></i>Descargar factura</button>';
  197.                     {% if roleAdmin %}
  198.                     document.getElementById('enviarFactura').innerHTML='' +
  199.                         '<input type="hidden" name="urlImagen" value="'+chart.getImageURI()+'">' +
  200.                         '<button type="submit" class="btn btn-primary">Enviar</button>';
  201.                     {% endif %}
  202.                 });
  203.                 chart.draw(data, options);
  204.             }
  205.         </script>
  206.     {% elseif numeroP == 2 %}
  207.         {% if p2 %}
  208.             {% set nombre2='P2' %}
  209.         {% elseif p3 %}
  210.             {% set nombre2='P3' %}
  211.         {% elseif p4 %}
  212.             {% set nombre2='P4' %}
  213.         {% elseif p5 %}
  214.             {% set nombre2='P5' %}
  215.         {% elseif p6 %}
  216.             {% set nombre2='P6' %}
  217.         {% endif %}
  218.         <script>
  219.             google.charts.load('current', {packages: ['corechart', 'bar']});
  220.             google.charts.setOnLoadCallback(drawColColors);
  222.             function drawColColors() {
  223.                 var data = google.visualization.arrayToDataTable([
  224.                     ['', '{{ nombre1 }}', '{{ nombre2 }}', {role: 'style'}],
  225.                     {% for dato in datosGrafica %}
  226.                     ['{{ dato[0] }}', {{ dato[1] }}, {{ dato[3] }},''],
  227.                     {% endfor %}
  228.                 ]);
  230.                 var options = {
  231.                     width: 620,//rechanged
  232.                     height: 390,//rechanged
  233.                     legend: { position: 'top', alignment:'center', textStyle: {bold:true}, maxLines: 3 },
  234.                     bar: { groupWidth: '33%' },
  235.                     isStacked: true,
  236.                     series: {
  237.                         0:{color:'#5b9bd5'},
  238.                         1:{color:'#a5a5a5'},
  239.                     },
  240.                     chartArea: {
  241.                         left: 70,//rechanged
  242.                         top: 65,//rechanged
  243.                         width: 570,//rechanged
  244.                         height: 288,//rechanged
  245.                     },
  246.                     vAxes: {
  247.                         0: {
  248.                             title: 'kWh',
  249.                             titleTextStyle:{
  250.                                 color: '#595959',
  251.                                 fontName:'Calibri',
  252.                                 bold:true,
  253.                                 italic: false
  254.                             }
  255.                         }
  256.                     },
  257.                     hAxis: {
  258.                         slantedText:false,
  259.                         textStyle:{
  260.                             color: '#595959',
  261.                             fontSize:10,
  262.                             bold:true,
  263.                             italic: false
  264.                         } }
  265.                 };
  267.                 var chart_div = document.getElementById('graficaConsumo');
  268.                 var chart = new google.visualization.ColumnChart(chart_div);
  269.                 google.visualization.events.addListener(chart, 'ready', function () {
  270.                     document.getElementById('generarPdf').innerHTML='' +
  271.                         '<input type="hidden" name="urlImagen" value="'+chart.getImageURI()+'">' +
  272.                         '<button type="submit" class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover"><i class="fas fa-file-download mr-1"></i>Descargar factura</button>';
  273.                     {% if roleAdmin %}
  274.                     document.getElementById('enviarFactura').innerHTML='' +
  275.                         '<input type="hidden" name="urlImagen" value="'+chart.getImageURI()+'">' +
  276.                         '<button type="submit" class="btn btn-primary">Enviar</button>';
  277.                     {% endif %}
  278.                 });
  279.                 chart.draw(data, options);
  280.             }
  281.         </script>
  282.     {% elseif numeroP == 3 %}
  283.         {% if not tresCero %}
  284.             {% if p2 %}
  285.                 {% set nombre2, p2 = 'P2', false %}
  286.             {% elseif p3 %}
  287.                 {% set nombre2, p3 = 'P3', false %}
  288.             {% elseif p4 %}
  289.                 {% set nombre2, p4 = 'P4', false %}
  290.             {% elseif p5 %}
  291.                 {% set nombre2, p5 = 'P5', false %}
  292.             {% elseif p6 %}
  293.                 {% set nombre2, p6 = 'P6', false %}
  294.             {% endif %}
  296.             {% if p3 %}
  297.                 {% set nombre3='P3' %}
  298.             {% elseif p4 %}
  299.                 {% set nombre3='P4' %}
  300.             {% elseif p5 %}
  301.                 {% set nombre3='P5' %}
  302.             {% elseif p6 %}
  303.                 {% set nombre3='P6' %}
  304.             {% endif %}
  305.         {% endif %}
  306.         <script>
  307.             google.charts.load('current', {packages: ['corechart', 'bar']});
  308.             google.charts.setOnLoadCallback(drawColColors);
  310.             function drawColColors() {
  311.                 var data = google.visualization.arrayToDataTable([
  312.                     ['', '{{ nombre1 }}', '{{ nombre2 }}', '{{ nombre3 }}', {role: 'style'}],
  313.                     {% for dato in datosGrafica %}
  314.                     ['{{ dato[0] }}', {{ dato[1] }}, {{ dato[2] }}, {{ dato[3] }},''],
  315.                     {% endfor %}
  316.                 ]);
  318.                 var options = {
  319.                     width: 620,//rechanged
  320.                     height: 390,//rechanged
  321.                     legend: { position: 'top', alignment:'center', textStyle: {bold:true}, maxLines: 3 },
  322.                     bar: { groupWidth: '33%' },
  323.                     isStacked: true,
  324.                     series: {
  325.                         0:{color:'#5b9bd5'},
  326.                         1:{color:'#ed7d31'},
  327.                         2:{color:'#a5a5a5'},
  328.                     },
  329.                     chartArea: {
  330.                         left: 70,//rechanged
  331.                         top: 65,//rechanged
  332.                         width: 570,//rechanged
  333.                         height: 288,//rechanged
  334.                     },
  335.                     vAxes: {
  336.                         0: {
  337.                             title: 'kWh',
  338.                             titleTextStyle:{
  339.                                 color: '#595959',
  340.                                 fontName:'Calibri',
  341.                                 bold:true,
  342.                                 italic: false
  343.                             }
  344.                         }
  345.                     },
  346.                     hAxis: {
  347.                         slantedText:false,
  348.                         textStyle:{
  349.                             color: '#595959',
  350.                             fontSize:10,
  351.                             bold:true,
  352.                             italic: false
  353.                         } }
  354.                 };
  356.                 var chart_div = document.getElementById('graficaConsumo');
  357.                 var chart = new google.visualization.ColumnChart(chart_div);
  358.                 google.visualization.events.addListener(chart, 'ready', function () {
  359.                     document.getElementById('generarPdf').innerHTML='' +
  360.                         '<input type="hidden" name="urlImagen" value="'+chart.getImageURI()+'">' +
  361.                         '<button type="submit" class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover"><i class="fas fa-file-download mr-1"></i>Descargar factura</button>';
  362.                     {% if roleAdmin %}
  363.                     document.getElementById('enviarFactura').innerHTML='' +
  364.                         '<input type="hidden" name="urlImagen" value="'+chart.getImageURI()+'">' +
  365.                         '<button type="submit" class="btn btn-primary">Enviar</button>';
  366.                     {% endif %}
  367.                 });
  368.                 chart.draw(data, options);
  369.             }
  370.         </script>
  371.     {% elseif numeroP == 4 %}
  372.         {% if p2 %}
  373.             {% set nombre2, p2 = 'P2', false %}
  374.         {% elseif p3 %}
  375.             {% set nombre2, p3 = 'P3', false %}
  376.         {% elseif p4 %}
  377.             {% set nombre2, p4 = 'P4', false %}
  378.         {% elseif p5 %}
  379.             {% set nombre2, p5 = 'P5', false %}
  380.         {% elseif p6 %}
  381.             {% set nombre2, p6 = 'P6', false %}
  382.         {% endif %}
  384.         {% if p3 %}
  385.             {% set nombre3, p3 = 'P3', false %}
  386.         {% elseif p4 %}
  387.             {% set nombre3, p4 = 'P4', false %}
  388.         {% elseif p5 %}
  389.             {% set nombre3, p5 = 'P5', false %}
  390.         {% elseif p6 %}
  391.             {% set nombre3, p6 = 'P6', false %}
  392.         {% endif %}
  394.         {% if p4 %}
  395.             {% set nombre4 = 'P4' %}
  396.         {% elseif p5 %}
  397.             {% set nombre4 = 'P5' %}
  398.         {% elseif p6 %}
  399.             {% set nombre4 = 'P6' %}
  400.         {% endif %}
  402.         <script>
  403.             google.charts.load('current', {packages: ['corechart', 'bar']});
  404.             google.charts.setOnLoadCallback(drawColColors);
  406.             function drawColColors() {
  407.                 var data = google.visualization.arrayToDataTable([
  408.                     ['', '{{ nombre1 }}', '{{ nombre2 }}', '{{ nombre3 }}', '{{ nombre4 }}', {role: 'style'}],
  409.                     {% for dato in datosGrafica %}
  410.                     ['{{ dato[0] }}', {{ dato[1] }}, {{ dato[2] }}, {{ dato[3] }}, {{ dato[4] }},''],
  411.                     {% endfor %}
  412.                 ]);
  414.                 var options = {
  415.                     width: 620,//rechanged
  416.                     height: 390,//rechanged
  417.                     legend: { position: 'top', alignment:'center', textStyle: {bold:true}, maxLines: 3 },
  418.                     bar: { groupWidth: '33%' },
  419.                     isStacked: true,
  420.                     series: {
  421.                         0:{color:'#5b9bd5'},
  422.                         1:{color:'#5ACDED'},
  423.                         2:{color:'#ed7d31'},
  424.                         3:{color:'#a5a5a5'},
  425.                     },
  426.                     chartArea: {
  427.                         left: 70,//rechanged
  428.                         top: 65,//rechanged
  429.                         width: 570,//rechanged
  430.                         height: 288,//rechanged
  431.                     },
  432.                     vAxes: {
  433.                         0: {
  434.                             title: 'kWh',
  435.                             titleTextStyle:{
  436.                                 color: '#595959',
  437.                                 fontName:'Calibri',
  438.                                 bold:true,
  439.                                 italic: false
  440.                             }
  441.                         }
  442.                     },
  443.                     hAxis: {
  444.                         slantedText:false,
  445.                         textStyle:{
  446.                             color: '#595959',
  447.                             fontSize:10,
  448.                             bold:true,
  449.                             italic: false
  450.                         } }
  451.                 };
  453.                 var chart_div = document.getElementById('graficaConsumo');
  454.                 var chart = new google.visualization.ColumnChart(chart_div);
  455.                 google.visualization.events.addListener(chart, 'ready', function () {
  456.                     document.getElementById('generarPdf').innerHTML='' +
  457.                         '<input type="hidden" name="urlImagen" value="'+chart.getImageURI()+'">' +
  458.                         '<button type="submit" class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover"><i class="fas fa-file-download mr-1"></i>Descargar factura</button>';
  459.                     {% if roleAdmin %}
  460.                     document.getElementById('enviarFactura').innerHTML='' +
  461.                         '<input type="hidden" name="urlImagen" value="'+chart.getImageURI()+'">' +
  462.                         '<button type="submit" class="btn btn-primary">Enviar</button>';
  463.                     {% endif %}
  464.                 });
  465.                 chart.draw(data, options);
  466.             }
  467.         </script>
  468.     {% elseif numeroP == 5 %}
  469.         {% if p2 %}
  470.             {% set nombre2, p2 = 'P2', false %}
  471.         {% elseif p3 %}
  472.             {% set nombre2, p3 = 'P3', false %}
  473.         {% elseif p4 %}
  474.             {% set nombre2, p4 = 'P4', false %}
  475.         {% elseif p5 %}
  476.             {% set nombre2, p5 = 'P5', false %}
  477.         {% elseif p6 %}
  478.             {% set nombre2, p6 = 'P6', false %}
  479.         {% endif %}
  481.         {% if p3 %}
  482.             {% set nombre3, p3 = 'P3', false %}
  483.         {% elseif p4 %}
  484.             {% set nombre3, p4 = 'P4', false %}
  485.         {% elseif p5 %}
  486.             {% set nombre3, p5 = 'P5', false %}
  487.         {% elseif p6 %}
  488.             {% set nombre3, p6 = 'P6', false %}
  489.         {% endif %}
  491.         {% if p4 %}
  492.             {% set nombre4, p4 = 'P4', false %}
  493.         {% elseif p5 %}
  494.             {% set nombre4, p5 = 'P5', false %}
  495.         {% elseif p6 %}
  496.             {% set nombre4, p6 = 'P6', false %}
  497.         {% endif %}
  499.         {% if p5 %}
  500.             {% set nombre5='P5' %}
  501.         {% elseif p6 %}
  502.             {% set nombre5='P6' %}
  503.         {% endif %}
  505.         <script>
  506.             google.charts.load('current', {packages: ['corechart', 'bar']});
  507.             google.charts.setOnLoadCallback(drawColColors);
  509.             function drawColColors() {
  510.                 var data = google.visualization.arrayToDataTable([
  511.                     ['', '{{ nombre1 }}', '{{ nombre2 }}', '{{ nombre3 }}', '{{ nombre4 }}', '{{ nombre5 }}', {role: 'style'}],
  512.                     {% for dato in datosGrafica %}
  513.                     ['{{ dato[0] }}', {{ dato[1] }}, {{ dato[2] }}, {{ dato[3] }}, {{ dato[4] }}, {{ dato[5] }},''],
  514.                     {% endfor %}
  515.                 ]);
  517.                 var options = {
  518.                     width: 620,//rechanged
  519.                     height: 390,//rechanged
  520.                     legend: { position: 'top', alignment:'center', textStyle: {bold:true}, maxLines: 3 },
  521.                     bar: { groupWidth: '33%' },
  522.                     isStacked: true,
  523.                     series: {
  524.                         0:{color:'#5b9bd5'},
  525.                         1:{color:'#5ACDED'},
  526.                         2:{color:'#ed7d31'},
  527.                         3:{color:'#F7B028'},
  528.                         4:{color:'#a5a5a5'},
  529.                     },
  530.                     chartArea: {
  531.                         left: 70,//rechanged
  532.                         top: 65,//rechanged
  533.                         width: 570,//rechanged
  534.                         height: 288,//rechanged
  535.                     },
  536.                     vAxes: {
  537.                         0: {
  538.                             title: 'kWh',
  539.                             titleTextStyle:{
  540.                                 color: '#595959',
  541.                                 fontName:'Calibri',
  542.                                 bold:true,
  543.                                 italic: false
  544.                             }
  545.                         }
  546.                     },
  547.                     hAxis: {
  548.                         slantedText:false,
  549.                         textStyle:{
  550.                             color: '#595959',
  551.                             fontSize:10,
  552.                             bold:true,
  553.                             italic: false
  554.                         } }
  555.                 };
  557.                 var chart_div = document.getElementById('graficaConsumo');
  558.                 var chart = new google.visualization.ColumnChart(chart_div);
  559.                 google.visualization.events.addListener(chart, 'ready', function () {
  560.                     document.getElementById('generarPdf').innerHTML='' +
  561.                         '<input type="hidden" name="urlImagen" value="'+chart.getImageURI()+'">' +
  562.                         '<button type="submit" class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover"><i class="fas fa-file-download mr-1"></i>Descargar factura</button>';
  563.                     {% if roleAdmin %}
  564.                     document.getElementById('enviarFactura').innerHTML='' +
  565.                         '<input type="hidden" name="urlImagen" value="'+chart.getImageURI()+'">' +
  566.                         '<button type="submit" class="btn btn-primary">Enviar</button>';
  567.                     {% endif %}
  568.                 });
  569.                 chart.draw(data, options);
  570.             }
  571.         </script>
  572.     {% elseif numeroP == 6 %
  573.         <script>
  574.             google.charts.load('current', {packages: ['corechart', 'bar']});
  575.             google.charts.setOnLoadCallback(drawColColors);
  577.             function drawColColors() {
  578.                 var data = google.visualization.arrayToDataTable([
  579.                     ['', 'P1', 'P2', 'P3', 'P4', 'P5', 'P6', {role: 'style'}],
  580.                     {% for dato in datosGrafica %}
  581.                     ['{{ dato[0] }}', {{ dato[1] }}, {{ dato[2] }}, {{ dato[3] }}, {{ dato[4] }}, {{ dato[5] }}, {{ dato[6] }},''],
  582.                     {% endfor %}
  583.                 ]);
  585.                 var options = {
  586.                     width: 620,//rechanged
  587.                     height: 390,//rechanged
  588.                     legend: { position: 'top', alignment:'center', textStyle: {bold:true}, maxLines: 3 },
  589.                     bar: { groupWidth: '33%' },
  590.                     isStacked: true,
  591.                     series: {
  592.                         0:{color:'#5b9bd5'},
  593.                         1:{color:'#5ACDED'},
  594.                         2:{color:'#ed7d31'},
  595.                         3:{color:'#F7B028'},
  596.                         4:{color:'#a5a5a5'},
  597.                         5:{color:'#C2ABC9'},
  598.                     },
  599.                     chartArea: {
  600.                         left: 70,//rechanged
  601.                         top: 65,//rechanged
  602.                         width: 570,//rechanged
  603.                         height: 288,//rechanged
  604.                     },
  605.                     vAxes: {
  606.                         0: {
  607.                             title: 'kWh',
  608.                             titleTextStyle:{
  609.                                 color: '#595959',
  610.                                 fontName:'Calibri',
  611.                                 bold:true,
  612.                                 italic: false
  613.                             }
  614.                         }
  615.                     },
  616.                     hAxis: {
  617.                         slantedText:false,
  618.                         textStyle:{
  619.                             color: '#595959',
  620.                             fontSize:10,
  621.                             bold:true,
  622.                             italic: false
  623.                         } }
  624.                 };
  626.                 var chart_div = document.getElementById('graficaConsumo');
  627.                 var chart = new google.visualization.ColumnChart(chart_div);
  628.                 google.visualization.events.addListener(chart, 'ready', function () {
  629.                     document.getElementById('generarPdf').innerHTML='' +
  630.                         '<input type="hidden" name="urlImagen" value="'+chart.getImageURI()+'">' +
  631.                         '<button type="submit" class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover"><i class="fas fa-file-download mr-1"></i>Descargar factura</button>';
  632.                     {% if roleAdmin %}
  633.                     document.getElementById('enviarFactura').innerHTML='' +
  634.                         '<input type="hidden" name="urlImagen" value="'+chart.getImageURI()+'">' +
  635.                         '<button type="submit" class="btn btn-primary">Enviar</button>';
  636.                     {% endif %}
  637.                 });
  638.                 chart.draw(data, options);
  639.             }
  640.         </script>#}
  641.     {% elseif numeroP>3 %}
  642.         <script>
  643.             google.charts.load('45.2', {packages: ['corechart', 'bar']});
  644.             google.charts.setOnLoadCallback(drawColColors);
  646.             function drawColColors() {
  647.                 var data = google.visualization.arrayToDataTable([
  648.                     ['', {% if arrayP[0] %}'P1', {% endif %}{% if arrayP[1] %}'P2', {% endif %}{% if arrayP[2] %}'P3', {% endif %}{% if arrayP[3] %}'P4', {% endif %}{% if arrayP[4] %}'P5', {% endif %}{% if arrayP[5] %}'P6', {% endif %}{role: 'style'}],
  649.                     {% for dato in datosGrafica %}
  650.                     ['{{ dato[0] }}', {% if arrayP[0] %}{{ dato[1] }}, {% endif %}{% if arrayP[1] %}{{ dato[2] }}, {% endif %}{% if arrayP[2] %}{{ dato[3] }}, {% endif %}{% if arrayP[3] %}{{ dato[4] }}, {% endif %}{% if arrayP[4] %}{{ dato[5] }}, {% endif %}{% if arrayP[5] %}{{ dato[6] }},{% endif %}''],
  651.                     {% endfor %}
  652.                 ]);
  654.                 var options = {
  655.                     width: 620,//rechanged
  656.                     height: 390,//rechanged
  657.                     legend: { position: 'top', alignment:'center', textStyle: {bold:true}, maxLines: 3 },
  658.                     bar: { groupWidth: '33%' },
  659.                     isStacked: true,
  660.                     series: {
  661.                         0:{color:'#5b9bd5'},
  662.                         1:{color:'#5ACDED'},
  663.                         2:{color:'#ed7d31'},
  664.                         3:{color:'#F7B028'},
  665.                         4:{color:'#a5a5a5'},
  666.                         5:{color:'#C2ABC9'},
  667.                     },
  668.                     chartArea: {
  669.                         left: 70,//rechanged
  670.                         top: 65,//rechanged
  671.                         width: 570,//rechanged
  672.                         height: 288,//rechanged
  673.                     },
  674.                     vAxes: {
  675.                         0: {
  676.                             title: 'kWh',
  677.                             titleTextStyle:{
  678.                                 color: '#595959',
  679.                                 fontName:'Calibri',
  680.                                 bold:true,
  681.                                 italic: false
  682.                             }
  683.                         }
  684.                     },
  685.                     hAxis: {
  686.                         slantedText:false,
  687.                         textStyle:{
  688.                             color: '#595959',
  689.                             fontSize:10,
  690.                             bold:true,
  691.                             italic: false
  692.                         } }
  693.                 };
  695.                 var chart_div = document.getElementById('graficaConsumo');
  696.                 var chart = new google.visualization.ColumnChart(chart_div);
  697.                 google.visualization.events.addListener(chart, 'ready', function () {
  698.                     document.getElementById('generarPdf').innerHTML='' +
  699.                         '<input type="hidden" name="urlImagen" value="'+chart.getImageURI()+'">' +
  700.                         '<button type="submit" class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover"><i class="fas fa-file-pdf mr-1"></i>Documento PDF</button>';
  701.                     document.getElementById('generarXml').innerHTML='' +
  702.                         '<input type="hidden" name="urlImagen" value="'+chart.getImageURI()+'">' +
  703.                         '<button type="submit" class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover"><i class="fas fa-file-code mr-1"></i>Factura electrónica</button>';
  704.                     {% if roleAdmin %}
  705.                     document.getElementById('enviarFactura').innerHTML='' +
  706.                         '<input type="hidden" name="urlImagen" value="'+chart.getImageURI()+'">' +
  707.                         '<button type="submit" class="btn btn-primary">Enviar</button>';
  708.                     {% endif %}
  709.                 });
  710.                 chart.draw(data, options);
  711.             }
  712.         </script>
  713.     {% else %}
  714.         <script>
  715.             google.charts.load('45.2', {packages: ['corechart', 'bar']});
  716.             google.charts.setOnLoadCallback(drawColColors);
  718.             function drawColColors() {
  719.                 var data = google.visualization.arrayToDataTable([
  720.                     ['', 'P1', {role: 'style'}],
  721.                     {% for dato in datosGrafica %}
  722.                     ['{{ dato[0] }}', {{ dato[1] }}, ''],
  723.                     {% endfor %}
  724.                 ]);
  726.                 var options = {
  727.                     width: 620,//rechanged
  728.                     height: 390,//rechanged
  729.                     legend: { position: 'none', maxLines: 3 },
  730.                     bar: { groupWidth: '33%' },
  731.                     isStacked: true,
  732.                     series: {
  733.                         0:{color:'#5b9bd5'},
  734.                         1:{color:'#ed7d31'},
  735.                         2:{color:'#a5a5a5'},
  736.                     },
  737.                     chartArea: {
  738.                         left: 70,//rechanged
  739.                         top: 65,//rechanged
  740.                         width: 570,//rechanged
  741.                         height: 288,//rechanged
  742.                     },
  743.                     vAxes: {
  744.                         0: {
  745.                             title: 'kWh',
  746.                             titleTextStyle:{
  747.                                 color: '#595959',
  748.                                 fontName:'Calibri',
  749.                                 bold:true,
  750.                                 italic: false
  751.                             }
  752.                         }
  753.                     },
  754.                     hAxis: {
  755.                         slantedText:false,
  756.                         textStyle:{
  757.                             color: '#595959',
  758.                             fontSize:10,
  759.                             bold:true,
  760.                             italic: false
  761.                         } }
  762.                 };
  764.                 var chart_div = document.getElementById('graficaConsumo');
  765.                 var chart = new google.visualization.ColumnChart(chart_div);
  766.                 google.visualization.events.addListener(chart, 'ready', function () {
  767.                     document.getElementById('generarPdf').innerHTML='' +
  768.                         '<input type="hidden" name="urlImagen" value="'+chart.getImageURI()+'">' +
  769.                         '<button type="submit" class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover"><i class="fas fa-file-pdf mr-1"></i>Documento PDF</button>';
  770.                     document.getElementById('generarXml').innerHTML='' +
  771.                         '<input type="hidden" name="urlImagen" value="'+chart.getImageURI()+'">' +
  772.                         '<button type="submit" class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover"><i class="fas fa-file-code mr-1"></i>Factura electrónica</button>';
  773.                     {% if roleAdmin %}
  774.                     document.getElementById('enviarFactura').innerHTML='' +
  775.                         '<input type="hidden" name="urlImagen" value="'+chart.getImageURI()+'">' +
  776.                         '<button type="submit" class="btn btn-primary">Enviar</button>';
  777.                     {% endif %}
  778.                 });
  779.                 chart.draw(data, options);
  780.             }
  781.         </script>
  782.     {% endif %}
  783. {% endblock %}
  785. {% block style %}
  786. <link href="/css/factura.css" rel="stylesheet">
  787. {% endblock %}
  789. {% block body %}
  791.     {#col-xl-11 col-12 #}
  792.     <div class="mb-4 mx-auto col-12 col-xl-9 text-left d-block position-sticky">
  793.         <div class="card shadow border-left-primary h-100 py-2 position-sticky">
  794.             <div class="card-body">
  795.                 {% if roleFacturacion %}
  796.                     <a href="{{ url('contrato_show',{id:factura.contrato.id}) }}" class="border-0 bg-transparent text-xs ml-1">
  797.                         <i class="fas fa-arrow-left mr-1"></i>Volver al contrato
  798.                     </a>
  799.                 {% endif %}
  800.                 <h1 class="h3 mb-2 text-gray-800">Opciones</h1>
  801.                 {% if roleFacturacion %}
  802.                     {% if factura.fechaDevolucion is not null %}
  803.                     <div id="devuelta_alert" class="d-none">
  804.                         <div class="alert-warning rounded py-2 mx-auto mb-3 row w-75"><i class="fas fa-exclamation-triangle fa-2x my-auto col-auto"></i><span class="col my-auto">Aviso: esta factura se marcó como devuelta el día {{ factura.fechaDevolucion|date("d/m/Y") }}. La factura se puede pagar con tarjeta de crédito online con el botón que se encuentra más abajo.</span></div>
  805.                     </div>
  806.                     {% else %}
  807.                     <div id="devuelta_alert" class="d-none">
  808.                         <div class="alert-warning rounded py-2 mx-auto mb-3 row w-75"><i class="fas fa-exclamation-triangle fa-2x my-auto col-auto"></i><span class="col my-auto">Aviso: esta factura se ha marcado como devuelta. La factura se puede pagar con tarjeta de crédito online con el botón que se encuentra más abajo.</span></div>
  809.                     </div>
  810.                     {% endif %}
  811.                 {% else %}
  812.                     {% if factura.fechaDevolucion is not null %}
  813.                     <div id="devuelta_alert" class="d-none">
  814.                         <div class="alert-warning rounded py-2 mx-auto mb-3 row w-75"><i class="fas fa-exclamation-triangle fa-2x my-auto col-auto"></i><span class="col">Aviso: esta factura se marcó como devuelta el día {{ factura.fechaDevolucion|date("d/m/Y") }}. Si lo deasea, puede pagar su factura con tarjeta de crédito online con el botón que se encuentra más abajo. Si cree que puede tratarse de un error, no dude en ponerse en contracto con nosotros.</span></div>
  815.                     </div>
  816.                     {% else %}
  817.                     <div id="devuelta_alert" class="d-none">
  818.                         <div class="alert-warning rounded py-2 mx-auto mb-3 row w-75"><i class="fas fa-exclamation-triangle fa-2x my-auto col-auto"></i><span class="col">Aviso: esta factura se ha marcado como devuelta. Si lo deasea, puede pagar su factura con tarjeta de crédito online con el botón que se encuentra más abajo. Si cree que puede tratarse de un error, no dude en ponerse en contracto con nosotros.</span></div>
  819.                     </div>
  820.                     {% endif %}
  821.                 {% endif %}
  822.                 <button type="button" id="descargar" class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover" data-toggle="modal" data-target="#descargarModal"><i class="fas fa-file-download mr-1"></i>Descargar factura</button>
  823.                 {% if roleFacturacion %}
  824.                     <button type="button" id="enviar" class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover" data-toggle="modal" data-target="#emailModal"><i class="fas fa-envelope mr-1"></i>Enviar factura</button>
  825.                 {% endif %}
  826.                 <a href="{{ url('factura_pagar', {id:factura.id}) }}" id="pagarButton" type="button" class="btn btn-success bg-gradient-success bg-gradient-success-hover {% if not factura.devuelta %}d-none{% endif %}"><i class="fas fa-credit-card mr-1"></i>Pagar con tarjeta</a>
  827.                 {% if roleFacturacion %}
  828.                     {# <a href="{{ url('factura_edit',{id:factura.id}) }}" class="text-info border-0 bg-transparent"><i class="fas fa-pencil-alt mr-1"></i>Editar</a> #}
  829.                     <button type="button" id="alert" class="btn btn-warning d-none" disabled="disabled" data-toggle="modal" data-target="#alertModal"><i class="fas fa-exclamation-triangle mr-1"></i>Mostrar avisos</button>
  830.                     <a href="#" class="d-inline-block text-info" onclick="optionsModal({{ factura.id }})"><i class="fas fa-cog"></i>Opciones</a>
  831.                     {{ include('factura/_delete_form.html.twig') }}
  832.                     <input type="hidden" id="id" value="{{ factura.id }}">
  833.                     <input type="hidden" id="devuelta{{ factura.id }}" value="{{ factura.devuelta }}">
  834.                     <input type="hidden" id="periodo" value="{{ periodoFacturacion }}">
  835.                     <input type="hidden" id="indexada" value="{% if factura.contrato.producto.modalidad.nombre=='Indexado' %}true{% else %}false{% endif %}">
  836.                 {% endif %}
  837.                 {% if roleSuperadmin %}
  838.                     <button type="button" id="rentabilidad" class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover" data-toggle="modal" data-target="#rentabilidadModal"><i class="fas fa-hand-holding-usd mr-1"></i>Rentabilidad</button>
  839.                 {% endif %}
  840.             </div>
  841.         </div>
  842.     </div>
  844.     <div class="text-center scrollBox">
  845.         <div class="mb-4 mx-2 factura-card d-inline-block">
  846.             <div class="bg-white shadow h-100 py-5 rounded-0">
  847.                 <div class="card-body">
  848.                     <table class="factura">
  849.                         <tr>
  850.                             <td colspan="3" class="bg-green text-white font-weight-bold big py-4 h1 text-center">FACTURA DE SERVICIOS ENERGÉTICOS</td>
  851.                             <td colspan="5" rowspan="31" class="factura-direccion">
  852.                                 <img src="/img/logos/logo_factura.png" alt="Energaze" class="factura-logo">
  853.                                 <div class="factura-direccion-line">
  854.                                     {% if factura.notificaciones %}
  855.                                         {{ factura.nombreNotificaciones }}<br/>
  856.                                         {{ factura.direccionNotificaciones }}<br/>
  857.                                         {{ factura.cpNotificaciones }}&nbsp;&nbsp;- {{ factura.poblacionNotificaciones }}, {{ factura.provinciaNotificaciones }}
  858.                                     {% else %}
  859.                                         {{ factura.nombreCliente }}<br/>
  860.                                         {{ factura.direccionCliente }}<br/>
  861.                                         {{ factura.cpCliente }}&nbsp;&nbsp;- {{ factura.poblacionCliente }}, {{ factura.provinciaCliente }}
  862.                                     {% endif %}
  863.                                 </div>
  864.                             </td>
  865.                         </tr>
  866.                         <tr>
  867.                             <td colspan="3" class="spacing"></td>
  868.                         </tr>
  869.                         <tr>
  870.                             <td colspan="3" class="spacing"></td>
  871.                         </tr>
  872.                         <tr>
  873.                             <td colspan="3" class="spacing"></td>
  874.                         </tr>
  875.                         <tr>
  876.                             <td colspan="3" class="factura-header">Grupo Menergaze, S.L.</td>
  877.                         </tr>
  878.                         <tr><td colspan="3" class="factura-header">B-40522955</td></tr>
  879.                         <tr><td colspan="3" class="factura-header">Avenida d'Alacant 33, 4. Gandía (46701), Valencia</td></tr>
  880.                         <tr>
  881.                             <td colspan="3" class="spacing"></td>
  882.                         </tr>
  884.                         <!-- DATOS FACTURA -->
  885.                         <tr>
  886.                             <td class="bg-green icon-container">
  887.                                 <img class="icon-a" src="/img/factura/factura.png" alt="F">
  888.                             </td>
  889.                             <td class="bg-green title">DATOS DE LA FACTURA</td>
  890.                             <td class="bg-green post-title post-title-first"> </td>
  891.                         </tr>
  892.                         <tr>
  893.                             <td colspan="3" class="spacing"></td>
  894.                         </tr>
  896.                         <tr>
  897.                             <td colspan="3">Referencia contrato: {{ factura.contrato.referenciaContrato }}</td>
  898.                         </tr>
  899.                         <tr>
  900.                             <td colspan="3">Periodo facturación: <span id="fechaLecturaAnterior">{{ factura.fechaLecturaAnterior|date_modify("+1 day")|date("d/m/Y") }}</span> al <span id="fechaLectura">{{ factura.fechaLectura|date("d/m/Y", "Europe/Madrid") }}</span></td>
  901.                         </tr>
  902.                         <tr>
  903.                             <td colspan="3">Fecha emisión: {{ factura.fechaEmision|date("d/m/Y") }}</td>
  904.                         </tr>
  905.                         <tr>
  906.                             <td colspan="3">Número factura: {{ factura.numeroFactura }} </td>
  907.                         </tr>
  908.                         <tr>
  909.                             <td colspan="3" class="bottom-spacing">Fecha de cargo: {{ factura.fechaEmision|date_modify("+5 day")|date("d/m/Y") }} </td>
  910.                         </tr>
  911.                         <tr>
  912.                             <td colspan="3" class="spacing"></td>
  913.                         </tr>
  914.                         <tr>
  915.                             <td colspan="3" class="spacing"></td>
  916.                         </tr>
  919.                         <!-- DATOS CLIENTE -->
  920.                         <tr>
  921.                             <td class="bg-green icon-container"><img class="icon-b" src="/img/factura/datoscliente.png" alt="F"> </td>
  922.                             <td class="bg-green title">DATOS DEL CLIENTE</td>
  923.                             <td class="bg-green post-title"> </td>
  924.                         </tr>
  925.                         <tr>
  926.                             <td colspan="3" class="spacing"></td>
  927.                         </tr>
  929.                         <tr>
  930.                             <td colspan="3">Nombre: {{ factura.nombreCliente }}</td>
  931.                         </tr>
  932.                         <tr>
  933.                             <td colspan="3">NIF: {{ factura.nifCliente }} </td>
  934.                         </tr>
  935.                         <tr>
  936.                             <td colspan="3" class="bottom-spacing">Dirección: {{ factura.direccionCliente }} <br/>
  937.                                 {{ factura.cpCliente }}&nbsp;&nbsp;- {{ factura.poblacionCliente }}, {{ factura.provinciaCliente }}</td>
  938.                         </tr>
  939.                         <tr>
  940.                             <td colspan="3" class="spacing"></td>
  941.                         </tr>
  942.                         <tr>
  943.                             <td colspan="3" class="spacing"></td>
  944.                         </tr>
  946.                         <!-- FORMA DE PAGO -->
  947.                         <tr>
  948.                             <td class="bg-green icon-container"><img class="icon-d" src="/img/factura/pago.png" alt="F"> </td>
  949.                             <td class="bg-green title">FORMA DE PAGO</td>
  950.                             <td class="bg-green post-title"> </td>
  951.                         </tr>
  952.                         <tr>
  953.                             <td colspan="3" class="spacing"></td>
  954.                         </tr>
  956.                         <tr>
  957.                             <td colspan="3">Forma de pago: {{ factura.contrato.formaPago|lower|capitalize }}</td>
  958.                         </tr>
  959.                         <tr>
  960.                             <td colspan="3">Entidad: {{ entidad }}</td>
  961.                         </tr>
  962.                         <tr>
  963.                             <td colspan="3" class="bottom-spacing">{{ factura.getNumeroCuenta|slice(0, factura.getNumeroCuenta|length-4) }}****</td>
  964.                         </tr>
  965.                         <tr>
  966.                             <td colspan="3" class="spacing"></td>
  967.                         </tr>
  968.                         <tr>
  969.                             <td colspan="3" class="spacing"></td>
  970.                         </tr>
  972.                         <!-- DETALLES DEL CONSUMO // FACTURACIÓN -->
  973.                         <tr>
  974.                             <td class="bg-green icon-container">
  975.                                 <img class="icon-a" src="/img/factura/factura.png" alt="F">
  976.                             </td>
  977.                             <td class="bg-green title">RESUMEN DE FACTURA</td>
  978.                             <td class="bg-green post-title"> </td>
  979.                             <td class="bg-green icon-container"><img class="icon-d" src="/img/factura/grafica.png" alt="F"> </td>
  980.                             <td class="bg-green title">DETALLES DEL CONSUMO</td>
  981.                             <td class="bg-green post-title-second" colspan="2"> </td>
  982.                         </tr>
  984.                         <tr>
  985.                             <td colspan="3" class="align-top">
  986.                                 <table class="w-100">
  987.                                     <tr>
  988.                                         <td colspan="2" class="spacing"></td>
  989.                                     </tr>
  990.                                     <tr>
  991.                                         <td>Servicio de gestión energética:</td>
  992.                                         <td class="text-right"><span id="totalEnergia">{{ (importeTotal-otrosConceptos)|number_format(2, ',', '.') }}</span> €</td>
  993.                                     </tr>
  994.                                     <tr>
  995.                                         <td>Otros conceptos:</td>
  996.                                         <td class="text-right">{{ otrosConceptos|number_format(2, ',', '.') }} €</td>
  997.                                     </tr>
  998.                                     <tr>
  999.                                         <td >IVA {{ factura.iva|number_format(10, ',', '.')|trim('0','right')|trim(',','right') }}%:</td>
  1000.                                         <td class="text-right">{{ importeIva|number_format(2, ',', '.') }} €</td>
  1001.                                     </tr>
  1002.                                     <tr>
  1003.                                         <td class="font-weight-bold bg-lightgreen facturacion-title">Total factura:</td>
  1004.                                         <td class="font-weight-bold text-right bg-lightgreen facturacion-title">{{ totalFactura|number_format(2, ',', '.') }} €</td>
  1005.                                     </tr>
  1006.                                 </table>
  1007.                                 {% if factura.bateriaVirtual %}
  1008.                                 <table>
  1009.                                     <tr>
  1010.                                         <td colspan="3" class="spacing"></td>
  1011.                                     </tr>
  1012.                                     <tr>
  1013.                                         <td colspan="3" class="spacing"></td>
  1014.                                     </tr>
  1015.                                     <tr>
  1016.                                         <td colspan="3" class="spacing"></td>
  1017.                                     </tr>
  1018.                                 </table>
  1019.                                 <table class="w-100">
  1020.                                     <tr>
  1021.                                         <td class="bg-green icon-container"><img class="icon-c" src="/img/factura/bateria.png" alt="B"> </td>
  1022.                                         <td class="bg-green title">BATERÍA VIRTUAL</td>
  1023.                                         <td class="bg-green post-title"> </td>
  1024.                                     </tr>
  1025.                                     <tr>
  1026.                                         <td colspan="2" class="spacing"></td>
  1027.                                     </tr>
  1028.                                     <tr>
  1029.                                         <td colspan="2">Descuento acumulado: {{ factura.importeBateriaVirtual|number_format(2, ',', '.') }} €</td>
  1030.                                     </tr>
  1031.                                 </table>
  1032.                                 {% endif %}
  1033.                             </td>
  1034.                             <td colspan="4" class="align-top">
  1035.                                 <div id="graficaConsumo" class="display-block"></div>
  1036.                                 <div class="leyenda-grafica">Su consumo medio en el periodo facturado ha sido de <span id="consumoMedio">{{ consumoMedio|number_format(2, ',', '.') }}</span> €</div>
  1037.                                 <div class="leyenda-grafica">Su consumo acumulado del último año ha sido de {{ consumoAcumulado|number_format(5, ',', '.')|trim('0','right')|trim(',','right') }} kWh</div>
  1038.                             </td>
  1039.                         </tr>
  1041.                         <tr>
  1042.                             <td colspan="8" class="spacing"></td>
  1043.                         </tr>
  1044.                         <tr>
  1045.                             <td colspan="8" class="spacing"></td>
  1046.                         </tr>
  1047.                         <tr>
  1048.                             <td colspan="8" class="spacing"></td>
  1049.                         </tr>
  1050.                         <tr>
  1051.                             <td colspan="8" class="spacing"></td>
  1052.                         </tr>
  1053.                         <tr>
  1054.                             <td colspan="8" class="spacing"></td>
  1055.                         </tr>
  1056.                         <tr>
  1057.                             <td class="bg-green icon-container"><img class="icon-b" src="/img/factura/info.png" alt="F"> </td>
  1058.                             <td class="bg-green title">INFORMACIÓN DE SU INTERÉS</td>
  1059.                             <td class="bg-green" colspan="5"> </td>
  1060.                         </tr>
  1061.                         <tr>
  1062.                             <td colspan="8" class="spacing bg-lightgreen"></td>
  1063.                         </tr>
  1064.                         <tr>
  1065.                             <td colspan="8" rowspan="5" class="bg-lightgreen text-justify factura-info">
  1066.                                 <div class="w-75" style="margin: auto">
  1067.                                     <div class="border-bottom border-dark">
  1068.                                         <span class="user-select-none">&nbsp;</span>
  1069.                                         <span class="border-bottom border-lightgreen float-left">Atención al cliente (lunes a jueves de 9:00h a 19:00h y viernes de 9:00h a 14:00h):</span>
  1070.                                         <span class="text-right float-right font-weight-bold border-lightgreen border-bottom">900 90 88 78<img src="/img/factura/Customer-Service-Icon.png" alt="" class="icon-b d-inline user-select-none"/></span>
  1071.                                     </div>
  1072.                                     <span class="text-right float-right font-weight-bold">energaze@energaze.com<i class="px-1 text-center fas fa-envelope"></i></span><br>
  1073.                                     <span class="text-right float-right">Dirección postal: <span class="font-weight-bold">Av. Alacant 33 - 4, 46701 Gandía, (Valencia)<span class="user-select-none"> </span><i class="px-1 text-center fas fa-map-marker-alt"></i></span></span><br>
  1075.                                     <div class="border-bottom border-dark">
  1076.                                         &nbsp;
  1077.                                         <span class="border-bottom border-lightgreen float-left">Web:</span>
  1078.                                         <span class="text-right float-right font-weight-bold border-lightgreen border-bottom">clientes.energaze.com<i class="px-1 text-center fas fa-globe"></i></span>
  1079.                                     </div>
  1081.                                     <div class="border-bottom border-dark">
  1082.                                         &nbsp;
  1083.                                         <span class="border-bottom border-lightgreen float-left">Averías y Urgencias (teléfono distribuidora 24 horas):</span>
  1084.                                         <span class="text-right float-right font-weight-bold border-lightgreen border-bottom">
  1085.                                             {% set inicioCups=(factura.contrato.suministro.cups[:6]) %}
  1086.                                             {% if inicioCups=='ES0222' %}
  1087.                                                 900 850 840 (E-Distribución)
  1088.                                             {% elseif inicioCups=='ES0021' %}
  1089.                                                 900 171 171 (I-DE)
  1090.                                             {% elseif inicioCups=='ES0022' %}
  1091.                                                 900 333 999 (Unión Fenosa Distribución)
  1092.                                             {% elseif inicioCups=='ES0026' %}
  1093.                                                 900 907 003 (E-Redes)
  1094.                                             {% elseif inicioCups=='ES0027' %}
  1095.                                                 900 101 051 (Viesgo distribución)
  1096.                                             {% elseif inicioCups=='ES0033' %}
  1097.                                                 901 101 051 (Viesgo distribución)
  1098.                                             {% elseif inicioCups=='ES0031' %}
  1099.                                                 900 850 840 (E-Distribución)
  1100.                                             {% elseif inicioCups=='ES0230' %}
  1101.                                                 900 100 252 (NEDGIA)
  1102.                                             {% elseif inicioCups=='ES0229' %}
  1103.                                                 900 902 933 (NORTEGAS)
  1104.                                             {% elseif inicioCups=='ES0238' %}
  1105.                                                 900 811 339 (REDEXIS)
  1106.                                             {% elseif inicioCups=='ES0234' %}
  1107.                                                 912 66 77 88 (MADRILEÑA RED DE GAS)
  1108.                                             {% endif %}
  1109.                                             <i class="px-1 text-center fas fa-phone"></i>
  1110.                                         </span>
  1111.                                     </div>
  1112.                                 </div>
  1113.                             </td>
  1114.                         </tr>
  1116.                         <tr>
  1117.                             <td colspan="8" class="spacing"></td>
  1118.                         </tr>
  1119.                         <tr>
  1120.                             <td colspan="8" class="spacing"></td>
  1121.                         </tr>
  1122.                         <tr>
  1123.                             <td colspan="8" class="spacing"></td>
  1124.                         </tr>
  1125.                         <tr>
  1126.                             <td colspan="8" class="spacing"></td>
  1127.                         </tr>
  1128.                         <tr>
  1129.                             <td colspan="8" class="spacing"></td>
  1130.                         </tr>
  1131.                     </table>
  1132.                 </div>
  1133.             </div>
  1134.         </div>
  1135.     </div>
  1137.     <div class="text-center scrollBox">
  1138.         <div class="mb-4 mx-2 factura-card d-inline-block">
  1139.             <div class="bg-white shadow h-100 py-2 rounded-0">
  1140.                 <div class="card-body">
  1141.                     {% if factura.tarifa.tipoTarifa == 'Electricidad' %}
  1142.                         {% include 'factura/luz/_luz.html.twig' %}
  1143.                     {% else %}
  1144.                         {% include 'factura/gas/_31.html.twig' %}
  1145.                     {% endif %}
  1146.                 </div>
  1147.             </div>
  1148.         </div>
  1149.     </div>
  1151.     {% if roleFacturacion %}
  1152.         <div class="modal fade" id="alertModal" tabindex="-1" role="dialog" aria-labelledby="alertModalTitle" aria-hidden="false">
  1153.             <div class="modal-dialog modal-dialog-centered" role="document">
  1154.                 <div class="modal-content">
  1155.                     <div class="modal-header">
  1156.                         <h5 class="modal-title" id="alertModal_title">Aviso</h5>
  1157.                         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1158.                             <span aria-hidden="true">&times;</span>
  1159.                         </button>
  1160.                     </div>
  1161.                     <div id="alertModal_message">{% if factura.contrato.cliente.observaciones is not null or factura.contrato.observaciones is not null %}
  1162.                         <div class="modal-body alert-warning py-3 border border-warning">
  1163.                             <div class="text-center">
  1164.                                 <div class="my-auto">
  1165.                                     {% if factura.contrato.cliente.observaciones is not null %}
  1166.                                         <div class="font-weight-bold">Observaciones cliente:</div>
  1167.                                         <div class="mb-2">{{ factura.contrato.cliente.observaciones }}</div>
  1168.                                     {% endif %}
  1169.                                     {% if factura.contrato.observaciones is not null %}
  1170.                                         <div class="font-weight-bold">Observaciones contrato:</div>
  1171.                                         <div class="mb-2">{{ factura.contrato.observaciones }}</div>
  1172.                                     {% endif %}
  1173.                                 </div>
  1174.                             </div>
  1175.                         </div>
  1176.                         {% endif %}</div>
  1177.                     <div class="modal-footer">
  1178.                         <button type="button" class="btn btn-primary" data-dismiss="modal">Aceptar</button>
  1179.                     </div>
  1180.                 </div>
  1181.             </div>
  1182.         </div>
  1184.         <div class="modal fade" id="emailModal" tabindex="-1" role="dialog" aria-labelledby="emailModalTitle" aria-hidden="true">
  1185.             <div class="modal-dialog modal-dialog-centered" role="document">
  1186.                 <div class="modal-content">
  1187.                     <div class="modal-header">
  1188.                         <h5 class="modal-title" id="emailModal_title">Enviar factura</h5>
  1189.                         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1190.                             <span aria-hidden="true">&times;</span>
  1191.                         </button>
  1192.                     </div>
  1193.                     <div class="modal-body py-3">
  1194.                         <div class="text-center">
  1195.                             <div class="my-auto" id="emailModal_message">
  1196.                                 La factura se enviará a {{ factura.contrato.cliente.email }}
  1197.                                 <br>¿Desea proseguir con la operación?
  1198.                             </div>
  1199.                         </div>
  1200.                     </div>
  1201.                     <div class="modal-footer">
  1202.                         <form id="enviarFactura" class="d-inline" action="{{ url('factura_enviar', {id:factura.id}) }}" method="post">
  1203.                             <button type="submit" class="btn btn-primary">Enviar</button>
  1204.                         </form>
  1205.                     </div>
  1206.                 </div>
  1207.             </div>
  1208.         </div>
  1209.     {% endif %}
  1211.     <div class="modal fade" id="descargarModal" tabindex="-1" role="dialog" aria-labelledby="descargarModalTitle" aria-hidden="true">
  1212.         <div class="modal-dialog modal-dialog-centered" role="document">
  1213.             <div class="modal-content">
  1214.                 <div class="modal-header">
  1215.                     <h5 class="modal-title" id="descargarModal_title">Descargar factura</h5>
  1216.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1217.                         <span aria-hidden="true">&times;</span>
  1218.                     </button>
  1219.                 </div>
  1220.                 <div class="modal-body py-3">
  1221.                     <div class="text-center">
  1222.                         <div class="row" id="descargarModal_message">
  1223.                             <div class="col"></div>
  1224.                             <form id="generarPdf" class="d-inline col-auto" action="{{ url('factura_pdf', {id:factura.id}) }}" method="post">
  1225.                                 <button type="submit" class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover"><i class="fas fa-file-pdf mr-1"></i>Documento PDF</button>
  1226.                             </form>
  1227.                             <div class="col"></div>
  1228.                             <form id="generarXml" class="d-inline col-auto" action="{{ url('factura_xml', {id:factura.id}) }}" method="post">
  1229.                                 <button type="submit" class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover"><i class="fas fa-file-code mr-1"></i>Factura electrónica</button>
  1230.                             </form>
  1231.                             <div class="col"></div>
  1232.                         </div>
  1233.                     </div>
  1234.                 </div>
  1235.                 <div class="modal-footer">
  1236.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
  1237.                 </div>
  1238.             </div>
  1239.         </div>
  1240.     </div>
  1241.     {% if roleSuperadmin and factura.tarifa.tipoTarifa == 'Electricidad' %}
  1242.         {{ include('factura/_rentabilidad_modal.html.twig') }}
  1243.     {% endif %}
  1244. {% endblock %}
  1246. {% block script %}
  1247.     <script src="/js/show/factura.js"></script>
  1248.     {% if roleFacturacion %}
  1249.         {% include 'factura/_options_modal.html.twig' %}
  1251.         <script src="/js/email_prompt.js"></script>
  1253.         <script src="/js/factura_options_modal.js"></script>
  1254.         <script src="/js/comprobarFactura.js"></script>
  1255.     {% endif %}
  1256.     {% if roleSuperadmin %}
  1257.         <script src="/js/rentabilidad_factura.js"></script>
  1258.     {% endif %}
  1259. {% endblock %}