templates/front/index.html.twig line 1

Open in your IDE?
  1. {% extends 'front.html.twig' %}
  3. {% block title %}Konso+ - {% if language == 'french' %}Indice{% else %} Index {% endif %}{% endblock %}
  5. {% block body %}
  6.       <section class="products">
  7.             <div class="container-fluid">
  8.                 <div class="row mt-3 px-3 py-3">
  9.                     <div class="col-lg-12 col-md-12 col-sm-12 box-border">
  10.                         
  11.                           <div class="row filter-box">
  12.                               <div class="col-lg-6 col-md-6 col-sm-12  pt-3 "><div class="filter-text"> {{ pageContent['all_product'] }}</div></div>
  13.                               <div class="col-lg-6 col-md-6 col-sm-12  pt-3 text-lg-right text-md-right">
  14.                                 <div class="filter-text ">{{ pageContent['filterproducts'] }}<i class="fa-solid fa-sliders" data-toggle="modal" data-target="#FilterModal"></i></div>
  15.                                </div>
  16.                           </div>
  18.                           <div class="row"><!--row product start-->
  19.                              <div class="col-lg-12 py-2">
  20.                               <ul class="listing-product " id="myUL">
  21.                               {% if products|length > 0 %}
  22.                                     {% for key,request in products %}
  23.                                 <li class="pb-2 ">
  24.                                  <div class="card product-main" data-toggle="modal" data-target="#productDetailModal{{ request.id }}" >
  25.                                     <div class="text-center pt-3">
  26.                                     {% if request.image|length > 0 %}
  27.                                         <img class="card-img-top img-fluid product-img " src="{{asset('images/product')}}/{{ request.image }}" alt="">
  28.                                     {% else %}
  29.                                         <img class="card-img-top img-fluid product-img " src="{{asset('assets/img/default_product.png') }}" alt="">
  30.                                     {% endif %}
  31.                                     </div>
  32.                                     <div class="card-body ">
  33.                                       <div class="card-text">{{ request.productname }}</div>
  34.                                       {# <div class="card-text1">{{ request.category.name }}</div> #}
  35.                                    </div>
  36.                                   </div>
  37.                                 </li>
  38.                                 <span id="msg"></span>
  39.                                 <div class="row" id="hd_div" hidden>
  40.                                     <div class="col-lg-12 col-md-12 col-sm-12">
  41.                                        <div> <img src="{{asset('assets/img/nodata.jpg') }}" class="img-fluid nodata-img"></div>
  42.                                        <div class="text-center"><h3>No Data Found</h3></div>
  43.                                     </div>
  44.                                   </div>
  45.                                  <!--Product Detail Modal -->
  46.                                   <div class="modal fade" id="productDetailModal{{ request.id }}" tabindex="-1" role="dialog" aria-labelledby="productDetailTitle" aria-hidden="true">
  47.                                     <div class="modal-dialog modal-dialog-centered modal-width" role="document">
  48.                                       <div class="modal-content ">
  49.                                         <div class="modal-header">
  50.                                         <h5 class="modal-title m-auto pl-5" id="MarkcomplaintTitle" >{{ pageContent['productdetails'] }} </h5>
  51.                                           <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  52.                                             <span aria-hidden="true">&times;</span>
  53.                                           </button>
  54.                                         </div>
  55.                                         <div class="modal-body">          
  56.                                             <div class="row">
  57.                                                 <div class="col-lg-6 col-md-6 col-sm-12 pl-3 pb-3">
  58.                                                 {% if request.image|length > 0 %}
  59.                                                     <img class="card-img-top img-fluid modal-image" src="{{asset('images/product')}}/{{ request.image }}" alt="">
  60.                                                 {% else %}
  61.                                                     <img class="card-img-top img-fluid modal-image" src="{{asset('assets/img/default_product.png') }}" alt="">
  62.                                                 {% endif %}
  63.                                                 </div>
  64.                                                 <div class="col-lg-6 col-md-6 col-sm-12 pl-3">
  65.                                                     <div class="border-bottom py-2 ">
  66.                                                         <div class="text-format">{{ pageContent['productname'] }}</div>
  67.                                                         <div class="font-weight-bold">{{ request.productname }}</div>
  68.                                                     </div>
  69.                                                     <div class="border-bottom py-2">
  70.                                                         <div class="text-format">{{ pageContent['wholesaleprice'] }}</div>
  71.                                                         <div class="font-weight-bold">FCFA{{ request.wholesaleprice }}</div>
  72.                                                     </div>
  73.                                                     <div class="border-bottom py-2 ">
  74.                                                         <div class="text-format">{{ pageContent['retailprice'] }}</div>
  75.                                                         <div class="font-weight-bold">FCFA{{ request.retailprice }}</div>
  76.                                                     </div>
  77.                                                     <div class=" py-2">
  78.                                                         <div class="text-format">{{ pageContent['semiretailprice'] }}</div>
  79.                                                         <div class="font-weight-bold">FCFA{{ request.semiretailprice }}</div>
  80.                                                     </div>
  81.                                                 </div>
  82.                                             </div><!--row end-->
  84.                                             <div class="row">
  85.                                                 <div class="col-lg-12 c-l-md-12 col-sm-12 pl-3 py-3">
  86.                                                     <div class="text-format">{{ pageContent['description'] }}</div>
  87.                                                     <div class="text-align">{{ request.description }}</div>
  88.                                                 </div>
  89.                                             </div>
  91.                                        </div>
  92.                                         <div class="modal-footer">
  93.                                             <button type="button" class="btn btn-mark btn-block mt-2" data-toggle="modal" data-target="#MarkcomplaintModal" onClick="GFG_click(this.id)" id="{{ request.id }}" >{{ pageContent['markcomplaint'] }}</button>
  94.                                             <button type="button" class="btn btn-secondary btn-block" data-dismiss="modal">{{ pageContent['back'] }}</button>
  95.                                           
  96.                                         </div>
  97.                                       </div>
  98.                                     </div>
  99.                                   </div>
  100.                                  {% endfor %}
  101.                                 {% elseif  products|length <= 0 %}
  102.                                 <div class="row">
  103.                                     <div class="col-lg-12 col-md-12 col-sm-12">
  104.                                        <div> <img src="{{asset('assets/img/nodata.jpg') }}" class="img-fluid nodata-img"></div>
  105.                                        <div class="text-center"><h3>No Data Found</h3></div>
  106.                                     </div>
  107.                                   </div>
  108.                                 {% endif %} 
  109.                             </ul>
  110.                          </div><!--row product end-->
  111.                          
  113.                     </div><!--col-12 end-->
  114.                 </div><!--main row-->
  116.             </div><!--container end-->
  117.         </section>
  119. <!--Mark Complaint Modal -->
  120.   <div class="modal fade" id="MarkcomplaintModal" tabindex="-1" role="dialog" aria-labelledby="MarkcomplaintTitle" aria-hidden="true">
  121.     <div class="modal-dialog modal-dialog-centered modal-width" role="document">
  122.       <div class="modal-content ">
  123.         <div class="modal-header">
  124.           <h5 class="modal-title m-auto pl-5" id="MarkcomplaintTitle" >{{ pageContent['markcomplaint'] }}</h5>
  125.           <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  126.             <span aria-hidden="true">&times;</span>
  127.           </button>
  128.         </div>
  129.         <div class="modal-body">
  130.             <form action="{{ path("app_product_complaint")}}" method="POST" enctype="multipart/form-data">
  131.             <input type="hidden" name="product_id" id="product_id">
  132.                 <div class="form-group ">
  133.                   <label for="exampleFormControlInput1"  class="text-modal">{{ pageContent['shopkeepername'] }}<span style="color:red">*</span> </label>
  134.                   <input type="text" class="form-control" id="exampleFormControlInput1" name="shopkeepername"  required placeholder="{{ pageContent['entershopkeepername'] }}" onkeydown="return /[a-z, ]/i.test(event.key)" onblur="if (this.value == '') {this.value = '';}" onfocus="if (this.value == '') {this.value = '';}">
  135.                 </div>
  137.                 <div class="form-group">
  138.                     <label for="exampleFormControlInput1" class="text-modal">{{ pageContent['shopkeeperaddress'] }}</label>
  139.                     <input type="text" class="form-control" id="exampleFormControlInput2" name="address" placeholder="{{ pageContent['entershopkeeperaddress'] }}">
  140.                 </div>
  142.                 <div class="form-group">
  143.                     <label for="exampleFormControlInput1" class="text-modal">{{ pageContent['zipcode'] }}</label>
  144.                     <input type="text" class="form-control" id="exampleFormControlInput3" name="zipcode" minlength="5"  maxlength="5" size="5" pattern="[0-9]+"  placeholder="{{ pageContent['enterzipcode'] }}">
  145.                 </div>
  147.                 <div class="form-group">
  148.                     <div class="row">
  149.                         <div class="col-md-6">
  150.                           <label for="exampleFormControlSelect1" class="text-modal">{{ pageContent['province'] }}<span style="color:red">*</span> </label>
  151.                           <select class="form-control" name="province"  required id="province" onchange="get_city(this.value);" >
  152.                             <option value="" selected="true" disabled="disabled">{{ pageContent['selectprovince'] }}</option>
  153.                             {% if province|length > 0 %}
  154.                                 {% for key,types in province %}
  155.                               <option value="{{ types.id }}" >{{ types.name }}</option>
  156.                             {% endfor %}
  157.                             {% endif %}
  158.                           </select>
  159.                         </div>
  160.                         <div class="col-md-6">
  161.                             <label for="exampleFormControlSelect1" class="text-modal">{{ pageContent['city'] }}<span style="color:red">*</span> </label>
  162.                             <select class="form-control" required name="city" id="city">
  163.                               <option value="" selected="true" disabled="disabled">{{ pageContent['selectcity'] }}</option>
  164.                             </select>
  165.                         </div>
  166.                     </div>
  167.                 </div>
  168.                 
  169.                 <input type="hidden" class="form-control" id="lng" name="longitude" >
  170.                 <input type="hidden" class="form-control " id="lat" name="latitude" >
  172.                 <div class="form-group">
  173.                   <label class="text-modal">{{ pageContent['image'] }}</label>
  174.                   <input type="file" id="fileimg" name="image[]" accept="image/png, image/jpeg, image/jpg"  class="file" multiple />
  175.                   <span id = "imagemessage" style="color:red"></span>
  176.                 </div>
  177.                 <div class="form-group">
  178.                     <label for="exampleFormControlInput1" class="text-modal">{{ pageContent['remark'] }} </label>
  179.                     <input type="text" class="form-control" id="exampleFormControlInput3" name="remark" placeholder="{{ pageContent['enterremark'] }}">
  180.                 </div>
  181.              
  182.        </div><!--modal body end-->
  183.         <div class="modal-footer">
  184.             <button type="submit" class="btn btn-mark btn-block mt-2">{{ pageContent['submitcomplaint'] }}</button>
  185.             <button type="button" class="btn btn-secondary btn-block" data-dismiss="modal">{{ pageContent['back'] }}</button>
  186.           
  187.         </div>
  188.         </form>
  189.       </div>
  190.     </div>
  191.   </div>        
  192.      <!--Filter Modal -->
  193.    <div class="modal fade" id="FilterModal" tabindex="-1" role="dialog" aria-labelledby="FilterTitle" aria-hidden="true">
  194.     <div class="modal-dialog modal-dialog-centered " role="document">
  195.       <div class="modal-content ">
  196.         <div class="modal-header">
  197.           <h5 class="modal-title m-auto pl-5" id="FilterTitle" >{{ pageContent['filters'] }} </h5>
  198.           <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  199.             <span aria-hidden="true">&times;</span>
  200.           </button>
  201.         </div>
  202.         <div class="modal-body">
  203.             <form action="{{ path('app_front') }}" method="POST">
  204.                 <div class="row py-2">
  205.                     <div class="col-lg-12 col-md-12 col-sm-12">
  206.                         <label for="exampleFormControlSelect1" class="text-format">{{ pageContent['category'] }}</label>
  207.                         {% if category|length > 0 %}
  208.                             {% for key,types in category %} 
  209.                          <div class="form-check">
  210.                             <input class="form-check-input checkbox" name="category[]"  type="checkbox" value="{{ types.id }}" id="checkbox_category">
  211.                             <label class="form-check-label" for="flexCheckDefault">
  212.                              {{ types.name }}
  213.                             </label>
  214.                           </div>
  215.                             {% endfor %}
  216.                           {% endif %} 
  217.                     </div>
  218.                 </div>
  220.                 <div class="row py-2">
  221.                     <div class="col-lg-12 col-md-12 col-sm-12">
  222.                         <label for="exampleFormControlSelect1" class=" text-format">{{ pageContent['subcategory'] }}</label>
  223.                     
  224.                          <div id="subcat">
  225.                           
  226.                           </div>
  227.                             
  228.                     </div>
  229.                 </div>
  230.        </div><!--modal body end-->
  231.         <div class="modal-footer">
  232.             <button type="submit" class="btn btn-mark btn-block mt-2">{{ pageContent['submit'] }} </button>
  233.             <button type="button" class="btn btn-secondary btn-block" data-dismiss="modal">{{ pageContent['back'] }}</button>
  234.           
  235.         </div>
  236.         </form>
  237.       </div>
  238.     </div>
  239.   </div>
  241. </div><!--content div end--> 
  242. {% endblock %}