{% extends 'base.html.twig' %}
{% block title %}
AFI Market {{ mymarket.name }}
{% if flag == '1' %}
{{ categories[0].name }}
{% endif %}
{% endblock %}
{% block body %}
<hr>
{% if flag == '1' %}
{{ include('partials/title_section_1.html.twig',{'icon':'fa fa-check','title':mymarket.name~' Market - '~categories[0].name|trans,'sousTitle':'product market, any market, category market'|trans,'name': mymarket.name~' Market - '~categories[0].name|trans}) }}
{% else %}
{{ include('partials/title_section_1.html.twig',{'icon':'fa fa-check','title':mymarket.name~' Market'|trans,'sousTitle':'product market, any market, category market'|trans,'name': mymarket.name~' Market'|trans}) }}
{% endif %}
<br>
<div class="container" style="min-height: 480px">
<div class="row">
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-4 col-xs-4 col-4 col-4">
<div class="img-thumbnail text-center">
<img height="100" width="100" src="{{ asset('/assets/uploads/mymarket/'~mymarket.image)}}">
</div>
</div>
<div class="col-xl-9 col-lg-8 col-md-8 col-sm-8 col-xs-8 col-8">
<div class="img-thumbnail font-monospace" style="padding: 38px;font-weight: bold; font-size: 14pt; background: #e9f5ff">
{% if flag == '0' %}
<div class="row">
<div class="col-xl-8 text-left">
ALL CATEGORIES
</div>
<div class="col-xl-4 justify-content-md-end">
{{ mymarket.name|upper }}
</div>
</div>
{% else %}
<div class="row">
<div class="col-xl-8 text-left">
CATEGORY PRODUCTS
</div>
<div class="col-xl-4 justify-content-md-end">
{{ categories[0].name|upper }}
</div>
</div>
{% endif %}
</div>
</div>
</div>
<div class="row">
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-4 col-xs-4 col-4">
<div style="min-height: 160px">
<div class="font-monospace fs-6 mt-4 text-dark">
<i class="fa fa-check-circle"></i> {{ 'Categories market'|trans|upper }}
</div>
<hr>
<div class=" row justify-content-center" >
{% for category in mymarket.categories %}
<span class="mt-1 m-1 fs-6">
<a href="{{ path('mymarket_show_category',{'id': mymarket.id,'category':category.id}) }}" class="badge badge-pill badge-primary font-weight-bold">
<span class="badge badge-pill badge-light"><i class="fa fa-circle"></i></span> {{ category.name|trans }}
</a>
</span>
{% endfor %}
</div>
</div>
<div class="font-monospace fs-6 mt-3 text-dark">
<i class="fa fa-check-circle"></i> {{ 'Markets'|trans|upper }}
</div>
<hr>
<div>
{% for mymarket in mymarkets|shuffle|slice(0,7) %}
<a href="{{ path('mymarket_show',{'id':mymarket.id}) }}" data-spm="d13" data-id="13">
<div class="category-item category-banner-ta mt-2">
<div class="img-thumbnail" style="background: #f6f6f6">
<span class="img image-avatar"><img style="border-radius: 10px" height="30" width="35" src="{{ asset('/assets/uploads/mymarket/'~mymarket.image)}}"></span>
<span class="txt font-weight-bold" style="overflow:hidden; text-overflow-ellipsis: ellipsis "> {{ mymarket.name|trans }}</span>
</div>
<i class="sc-hd-prefix2-icon sc-hd-prefix2-icon-arrow-right"></i>
</div>
</a>
{% endfor %}
</div>
</div>
<div class="col-xl-9 col-lg-8 col-md-8 col-sm-8 col-xs-8 col-8">
<div class="row mt-3 justify-content-center">
{% for category in categories %}
{% for product in category.products %}
<div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-xs-12 col-12">
{{ include('partials/product.html.twig',{'product':product}) }}
</div>
{% endfor %}
{% else %}
<div class="text-center col-12">
{{ 'No products on this category'|trans }}
</div>
{% endfor %}
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12 product_index">
<h2>{{ 'AFI SARL'|trans }} <b>{{ 'Import Export'|trans }}</b></h2>
</div>
</div>
</div>
{{ include('partials/modalQuickView.html.twig') }}
{% endblock %}