templates/Front/Institution/product_menu.html.twig line 1

Open in your IDE?
  1. <div id="container-institution-products" class="container-institution-products" data-type="{{ type }}">
  2.      <div class="container-fluid container-box">
  3.          <div class="row mt-3 step">
  4.              <div class="col-12">
  5.                 <h5>Alege localitatea de domiciliu sau cea a sediului social</h5>
  6.              </div>
  7.              <div class="col-xl-4 col-lg-5 col-md-6">
  8.                  <div class="form-group theSelect">
  9.                      <label class="mb-0" for="category">Județ*</label>
  10.                      <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 }}*">
  11.                          <option class="option-rca-custom" value="" selected disabled hidden>Alege {{ 'app.ui.county'|trans }}*</option>
  12.                          {% for county in countiesForMenu|sort((a, b) => a.name <=> b.name) %}
  13.                              <option class="option-rca-custom" data-content="<span class='text-dark'>{{ county.name }} - {{ county.code }}</span>"
  14.                                      id="county{{ county.id }}"
  15.                                      value="{{ county.code }}">
  16.                                  {{ county.name }} - {{ county.code }}
  17.                              </option>
  18.                          {% endfor %}
  19.                      </select>
  20.                  </div>
  21.              </div>
  22.              <div class="col-xl-4 col-lg-5 col-md-6">
  23.                  <label class="mb-0" for="category">Localitate*</label>
  24.                  <div class="form-group theSelect">
  25.                      <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 }}*">
  26.                          <option class="option-rca-custom" value="" selected>Toate localitățile</option>
  27.                      </select>
  28.                  </div>
  29.              </div>
  30.          </div>
  31.      </div>
  32.      <div class="container-fluid container-box">
  33.          <div class="noChoice" data-type="noInstitutionProductsContainer">
  34.              <div class="circle loader"></div>
  35.              <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>
  36.              <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>
  37.              <div class="no-items" style="display: none;justify-content: center;align-items: center;">Nu există produse pentru județul selectat!</div>
  38.          </div>
  40.          <div data-type="institutionProductsContainer" style="display: none">
  41.              <div class="row my-3 step">
  42.                  <div class="col-12">
  43.                      <h5>Selectează {{type == 'fine' ? 'Amenda' : 'Tariful'}} </h5>
  44.                  </div>
  45.              </div>
  46.              <div class="row step productRow">
  48.              </div>
  49.              <div class="col-xl-3 col-lg-4 col-md-6 institution-product-card" style="display: none" data-type="institutionProductTemplate">
  50.                  <div class="card bg-light">
  51.                      <div class="imgContainer">
  52.                          <img class="img-fluid" src="data:image/jpeg;base64, #productImage" alt="Card image cap">
  53.                      </div>
  54.                      <div class="card-body">
  55.                          <div>
  56.                              <h4>#productName</h4>
  57.                              <div class="text-right">
  58.                                  <a class="btn btn-secondary">Achită</a>
  59.                              </div>
  60.                          </div>
  61.                      </div>
  62.                  </div>
  63.              </div>
  64.          </div>
  65.      </div>
  66. </div>