<div id="container-institution-products" class="container-institution-products" data-type="{{ type }}">
<div class="container-fluid container-box">
<div class="row mt-3 step">
<div class="col-12">
<h5>Alege localitatea de domiciliu sau cea a sediului social</h5>
</div>
<div class="col-xl-4 col-lg-5 col-md-6">
<div class="form-group theSelect">
<label class="mb-0" for="category">Județ*</label>
<select style="padding-bottom: 10px;" class="form-control input-extra-options input-extra-options-white " data-type="county-menu" type="text" title="{{ 'app.ui.county'|trans }}*">
<option class="option-rca-custom" value="" selected disabled hidden>Alege {{ 'app.ui.county'|trans }}*</option>
{% for county in countiesForMenu|sort((a, b) => a.name <=> b.name) %}
<option class="option-rca-custom" data-content="<span class='text-dark'>{{ county.name }} - {{ county.code }}</span>"
id="county{{ county.id }}"
value="{{ county.code }}">
{{ county.name }} - {{ county.code }}
</option>
{% endfor %}
</select>
</div>
</div>
<div class="col-xl-4 col-lg-5 col-md-6">
<label class="mb-0" for="category">Localitate*</label>
<div class="form-group theSelect">
<select style="padding-bottom: 10px;" class="form-control input-extra-options input-extra-options-white" data-type="city-menu" type="text" title="{{ 'app.ui.city'|trans }}*">
<option class="option-rca-custom" value="" selected>Toate localitățile</option>
</select>
</div>
</div>
</div>
</div>
<div class="container-fluid container-box">
<div class="noChoice" data-type="noInstitutionProductsContainer">
<div class="circle loader"></div>
<div class="choose-city" style="display: flex;justify-content: center;align-items: center;">Mai întâi, alege județul și localitatea de domiciliu sau a sediului social!</div>
<div class="change-city" style="display: none;justify-content: center;align-items: center;">Se încarcă rezultatele pentru județul și localitatea de domiciliu sau pentru sediul social alese!</div>
<div class="no-items" style="display: none;justify-content: center;align-items: center;">Nu există produse pentru județul selectat!</div>
</div>
<div data-type="institutionProductsContainer" style="display: none">
<div class="row my-3 step">
<div class="col-12">
<h5>Selectează {{type == 'fine' ? 'Amenda' : 'Tariful'}} </h5>
</div>
</div>
<div class="row step productRow">
</div>
<div class="col-xl-3 col-lg-4 col-md-6 institution-product-card" style="display: none" data-type="institutionProductTemplate">
<div class="card bg-light">
<div class="imgContainer">
<img class="img-fluid" src="data:image/jpeg;base64, #productImage" alt="Card image cap">
</div>
<div class="card-body">
<div>
<h4>#productName</h4>
<div class="text-right">
<a class="btn btn-secondary">Achită</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>