{% import "macros/forms.html.twig" as formMacros %}
{% if formLabel == 'Retailer Info' %}
<div class="row">
<div class="col-12">
<ol class="mt-2">
<li>Begin typing retailer name</li>
<li>Select the correct option once found</li>
<li>Click "Next" to confirm the retailer</li>
</ol>
{{ form_errors(form) }}
{{ form_errors(form.retailer.store) }}
{{ form_row(form.retailer.retailerName) }}
{{ form_widget(form.retailer.store) }}
<img src="{{ asset('build/images/preloader.gif') }}" alt="" class="mb-3 ajax-preloader d-none" >
<div class="card retailer-found-block mt-3" style="{{ form.retailer.vars.data and form.retailer.vars.data.store? '' : 'display: none' }}">
{% set store = form.retailer.vars.data ? form.retailer.vars.data.store : null%}
<div class="card-header bg-success text-white">Store Info</div>
<div class="card-body">
<ul class="list-group list-group-flush">
<li class="list-group-item">
<b>Retailer</b>: <span class="retailer-name">{{ store and store.retailer ? store.retailer.name : '' }}</span>
</li>
<li class="list-group-item">
<b>Address</b>: <span class="dealer-address">{{ store ? store.fullAddress : '' }}</span>
</li>
</ul>
</div>
</div>
</div>
</div>
{% endif %}