templates/ecommerce/index.html.twig line 1

Open in your IDE?
  1. {% extends '/ecommerce/parent.html.twig' %}
  2. {% block stylesheets %}
  3.     {{ parent() }}
  4. {% endblock %}
  7. {% block header %}
  8.     {{ parent() }}
  9. {% endblock %}
  11. {% block menu %}
  12.     {{ parent() }}
  13. {% endblock %}
  14. {% block body %}
  15. <div class="container-xxl">
  18.     <div class="row">
  19.         <div class="col-md-12">
  20.             <!-- Dark Variant -->
  22.         </div>
  23.         <div class="row">
  24. {#            <div class="col-md-4" style="max-height:450px;overflow-y:scroll">#}
  25. {#                {% for userEstablishment in userEstablishments %}#}
  26. {#                    <div class="col-md-12" >#}
  27. {#                        <div class="card#}
  28. {#                        {% if app.user.connectedAt and userEstablishment.establishment.id == app.user.connectedAt.id %}#}
  29. {#                            bg-success-subtle#}
  30. {#                        {% else %}#}
  31. {#                            bg-info-subtle#}
  32. {#                        {% endif %}#}
  33. {#                        " >#}
  34. {#                            <div class="card-body" style="padding:10px!important" >#}
  35. {#                                <h4 class="mb-1">{{ userEstablishment.establishment.name }}</h4>#}
  36. {#                                <div class="d-flex justify-content-between align-items-center" >#}
  37. {#                                    <div>#}
  38. {#                                        {% set totalUser = 0 %}#}
  39. {#                                        {% for userEstablishment in userEstablishment.establishment.userEstablishments %}#}
  40. {#                                            {% if not userEstablishment.deleted %}#}
  41. {#                                                {% set totalUser = totalUser + 1 %}#}
  42. {#                                            {% endif %}#}
  43. {#                                        {% endfor %}#}
  44. {#                                        <p class="mb-0">{{ "team" | trans}} : {{ totalUser}} {{ "person" | trans }}</p>#}
  45. {#                                    </div>#}
  46. {#                                    <div>#}
  47. {#                                        {% if app.user.connectedAt and userEstablishment.establishment.id == app.user.connectedAt.id %}#}
  48. {#                                            <a class="btn btn-success" style="cursor: not-allowed">{{ "connected"|trans }}</a>#}
  49. {#                                        {% else %}#}
  50. {#                                            <a href="/ecommerce/connected-to/{{ userEstablishment.establishment.id }}"#}
  51. {#                                               class="btn btn-info">{{ "connect"|trans }}</a>#}
  52. {#                                        {% endif %}#}
  53. {#                                    </div>#}
  54. {#                                </div>#}
  55. {#                            </div>#}
  56. {#                        </div>#}
  57. {#                    </div>#}
  58. {#                {% endfor %}#}
  59. {#            </div>#}
  61.             <div class="col-md-12 col-xl-8 center">
  62.                 <div class="card bg-primary-subtle overflow-hidden z-1">
  63.                     <div id="carouselExampleDark" class="carousel carousel-dark slide" data-bs-ride="carousel">
  64.                         <div class="carousel-indicators">
  65.                             {% set totalBanner = 0 %}
  66.                             {% for banner in banners %}
  67.                                 <button type="button" data-bs-target="#carouselExampleDark"
  68.                                         data-bs-slide-to="{{ totalBanner }}"
  69.                                         class="active" aria-current="true" aria-label="Slide 1"></button>
  70.                                 {% set totalBanner = totalBanner + 1 %}
  71.                             {% endfor %}
  72.                         </div>
  73.                         <div class="carousel-inner">
  74.                             {% for banner in banners %}
  75.                                 {% if banner.externalLink %}
  76.                                     <a target="_blank" href="{{ banner.externalLink }}">
  77.                                         {% elseif banner.article %}
  78.                                         <a target="_blank" href="/ecommerce/product/detail/{{ banner.article.id }}">
  79.                                 {% endif %}
  80.                                 <div class="carousel-item active" data-bs-interval="10000">
  81.                                     <img src="/assets/banner/{{ banner.path }}" class="d-block w-100" alt="...">
  82.                                     <div class="carousel-caption d-none d-md-block">
  83.                                         {# <h5>First slide label</h5> #}
  84.                                         {# <p>Some representative placeholder content for the first slide.</p> #}
  85.                                     </div>
  86.                                 </div>
  87.                                 {% if banner.externalLink or banner.article %}
  88.                                     </a>
  89.                                 {% endif %}
  90.                             {% endfor %}
  91.                         </div>
  92.                         <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleDark"
  93.                                 data-bs-slide="prev">
  94.                             <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  95.                             <span class="visually-hidden">Previous</span>
  96.                         </button>
  97.                         <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleDark"
  98.                                 data-bs-slide="next">
  99.                             <span class="carousel-control-next-icon" aria-hidden="true"></span>
  100.                             <span class="visually-hidden">Next</span>
  101.                         </button>
  102.                     </div>
  103.                 </div>
  104.             </div>
  105.         </div>
  106.         <div style="padding-bottom: 10px" class="card-header d-flex align-items-center justify-content-between">
  107.             <h4 class="card-title mb-0">{{ "news"|trans }}</h4>
  108.             <a href="/ecommerce/product/news" class="btn btn-sm btn-soft-primary">{{ "moreNews"|trans }}</a>
  109.         </div>
  110.         <div class="overflow-auto">
  111.             <div class="d-flex flex-row">
  112.                 {% for newArticle in newArticles %}
  113.                     <div class="col-md-3 col-xl-2 ms-3">
  114.                         <a href="/ecommerce/product/detail/{{ newArticle.article.id }}">
  115.                             <div class="card">
  116.                                 <div class="card-body text-center">
  117.                                     <div class="rounded d-flex align-items-center justify-content-center mx-auto">
  118.                                         <img src="{{ newArticle.article.pathImage }}" alt="{{ newArticle.article.name }}" onerror="this.onerror=null; this.src='/assets/images/default.png';" class="avatar-xl">
  119.                                     </div>
  120.                                     <div class="d-flex flex-column align-items-center justify-content-center mt-2">
  121.                                         <p class="text-dark fw-medium fs-16 mb-1" style="max-width: 150px; height: 38px; text-align: center; overflow: hidden; white-space: normal; line-height: 1.2;">
  122.                                             {{ newArticle.article.name }}
  123.                                         </p>
  124.                                     </div>
  125.                                 </div>
  126.                             </div>
  127.                         </a>
  128.                     </div>
  129.                 {% endfor %}
  130.             </div>
  131.         </div>
  134.     </div>
  135.     {% endblock %}
  136.     {% block footer %}
  137.         {{ parent() }}
  138.     {% endblock %}
  139.     {% block javascript %}
  140.     {{ parent() }}
  141.     {% endblock %}