{% extends 'front.html.twig' %}
{% block title %}Konso+ - {% if language == 'french' %}Campagne Produit{% else %} Product Campaign {% endif %}{% endblock %}
{% block body %}
<section class="products">
<div class="container-fluid">
<div class="row mt-2 p-3">
<div class="col-lg-12 col-md-12 col-sm-12">
<!--Campaign 1 start-->
<div>
{% if campaign|length > 0 %}
{% for key,request in campaign %}
{% set counter = ( counter | default(0) ) + 1 %}
<div class="pt-5">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 text-lg-right text-md-right pb-2">
<a href="{{ path('app_campaign_allproduct',{ id:request.id }) }}" class="btn btn-success ">{{ pageContent['voteforproduct'] }}</a>
</div>
<div class="col-lg-10 col-md-8 col-sm-8"><h5>{{ request.title }}</h5></div>
<div class="col-lg-12 col-md-12 col-sm-12 text-align">{{ request.details }}
</div>
</div>
<div class="row pt-5">
<div class="col-lg-12 col-md-12 col-sm-12"><h5>{{ request.goal }}</h5></div>
<div class="col-lg-12 col-md-12 col-sm-12 text-align">{{ request.description }}</div>
</div>
{% if request.image !=null %}
<div class="row pt-5"><!--row product start-->
<div class="col-lg-12 p-2">
<ul class="listing-product p-0">
{% set tags = request.image|split(",") %}
{% for key,types in tags %}
<li class="pb-2">
<div class="card product-info" style="height:135px;">
<div class="text-center pt-3"><img class="card-img-top img-fluid product-img " src="{{asset("")}}{{ types }}" alt=""></div>
<div class="card-body ">
{# <div class="card-text ">Nestle EVERDAY</div>
<div class="card-text ">Dairy Whitener</div> #}
</div>
</div>
</li>
{% endfor %}
</ul>
</div><!--row product end-->
<div class="border-line"></div>
{% endif %}
</div><!--row product end-->
</div>
<div class="border-line"></div>
{% endfor %}
{% elseif campaign|length <= 0 %}
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<div> <img src="{{asset('assets/img/nodata.jpg')}}" class="img-fluid nodata-img"></div>
<div class="text-center"><h3>No Data Found</h3></div>
</div>
</div>
{% endif %}
<!--Campaign 2 start-->
</div><!--col-12 end-->
</div><!--main row-->
</div><!--container end-->
</section>
</div><!--content div end-->
{% endblock %}