twigfiddle.com - Fiddle vgnuhd v1 - Created on May 12, 2022 15:12

File
{% set potencia_actual = field.0|change_decimal %}
{% set potencia_deseada = field.1|change_decimal %}


{% set precio1 = (potencia_deseada*1737/100+904/100+potencia_deseada*1970/100) %}
{% set precio2 = (potencia_deseada*1970/100+904/100) %}

{% if potencia_actual < potencia_deseada %}
{% set precio2 =  (potencia_deseada - potencia_actual)*1737/100 + potencia_deseada*1970/100+904/100 %}
{% endif %}

{% if potencia_actual == 0 %}
{% set precio2 =  (potencia_deseada - potencia_actual)*1737/100 + potencia_deseada*1970/100+904/100 %}


<div class="list-card__item">
<article class="card card--fw card--hover">
<div class="card--fw__img card--fw__img--color">
	<p class="text--center"><strong><span class="text--xl text--blue">{{precio2|round(2, 'ceil')}} €</span></strong><br>Primer alta de luz</p>
</div>
<div class="call-block--open" data-callcenter="energia">
	<a class="btn btn--outline btn--secondary btn--block btn--md" href="tel:+34910766635">Tramitar alta de luz</a>
</div>
<div class="call-block--closed" data-callcenter="energia">
	<a class="btn btn--outline btn--secondary btn--block btn--md" href="/contacto-energia">Quiero que me llamen</a>
</div>
</article>
</div>
{% endif %}


{% if potencia_actual >0 %}
<span class="separator">&nbsp;</span>

<div class="container">
<div class="row">
<div class="col-sm-12 col-lg-6">&nbsp;
<div class="list-card__item">
<article class="card card--fw card--hover">
<div class="card--fw__img card--fw__img--color">
	<p class="text--center"><strong><span class="text--xl text--blue">{{precio1|round(2, 'ceil')}} €</span></strong><br>Derechos caducados</p>
</div>
<div class="call-block--open" data-callcenter="energia">
	<a class="btn btn--outline btn--secondary btn--block btn--md" href="tel:+34910766635">Tramitar alta de luz</a>
</div>
<div class="call-block--closed" data-callcenter="energia">
	<a class="btn btn--outline btn--secondary btn--block btn--md" href="/contacto-energia">Quiero que me llamen</a>
</div>
</article>
</div>
</div>
<div class="col-sm-12 col-lg-6">&nbsp;
<div class="list-card__item">
<article class="card card--fw card--hover">
<div class="card--fw__img card--fw__img--color">
	<p class="text--center"><strong><span class="text--xl text--blue">{{precio2|round(2, 'ceil')}} €</span></strong><br>Derechos vigentes {{error}}</p>
</div>
<div class="call-block--open" data-callcenter="energia">
	<a class="btn btn--outline btn--secondary btn--block btn--md" href="tel:+34910766635">Tramitar alta de luz</a>
</div>
<div class="call-block--closed" data-callcenter="energia">
	<a class="btn btn--outline btn--secondary btn--block btn--md" href="/contacto-energia">Quiero que me llamen</a>
</div>
</article>
</div></div>
{% endif %}
Format