{% extends 'base.html.twig' %}
{% block body %}
<div class="container-fluid main-holder px-5 bg-light">
<div class="row">
<div class="col-lg-3">
<select class="form-select rounded-pill py-3 px-3 shadow-none border-0 fs-5 bg-transparent fw-bold mb-3" id="citydropdown" onchange="city_select(this)">
<option selected>Select a City</option>
{% for c in ecomvariables.cities() %}
<option value="{{ c.id }}" {% if (c.name == app.session.get('mycity')) %}selected{% endif %}>{{ c.name }}</option>
{% endfor %}
</select>
</div>
</div>
</div>
<div class="container-fluid px-5 mt-5">
<div class="row">
<div class="col-lg-12">
<h1 class="fw-bolder">{{ brand.title }} <img src="{{ asset('uploads/brand/' ~ brand.image) }}" alt="" class="img-fluid" style="width:30px;"></h1>
<h6>Explore {{ brand.title }} products</h6>
</div>
</div>
<div class="row mb-5">
{% for c in categories %}
<div class="col-lg-4 mt-4"> <a href="{{ path('sajong_ecom_products_store', {'style':c.id }) }}">
<div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="{{ asset('uploads/categories/' ~ c.image) }}" alt="" class="img-fluid"> </div>
<h6 class="fw-bold mt-3 mb-4">{{ c.name }}</h6>
</a>
</div>
{% endfor %}
</div>
</div>
{% endblock %}