templates/template_parts/footer.html.twig line 1

  1. <div class="my-5">
  2.     <footer class=" text-lg-start text-white" style="background-color: #929fba">
  3.         <!-- Grid container -->
  4.         <div class=" p-2 pb-0">
  5.             <!-- Section: Links -->
  6.             <section class="">
  7.                 <div class="">
  8.                     <!--Grid row-->
  9.                     <div class="row">
  11.                         <!-- Grid column -->
  12.                         <div style="color: lightblue;font-size: small;text-align: left" class=" col-md-12 col-lg-4  mx-auto mt-3">
  13.                             v.05-027
  14.                         </div>
  15.                         <!-- Grid column -->
  17.                         <hr class="w-100 clearfix d-md-none"/>
  19.                         <!-- Grid column -->
  20.                         {% if CompanyDetailsService.companyDetails is not null %}
  21.                             <div style="text-align: left" class=" col-md-12 col-lg-4 mx-auto  mt-3 ">
  22.                                 {% if CompanyDetailsService.companyDetails.footerDisplayProducts ==1 %}
  23.                                     <h6 class="text-uppercase mb-4 font-weight-bold">
  24.                                         {% if CompanyDetailsService.companyDetails is not null and CompanyDetailsService.companyDetails.titleProducts is not null %}
  25.                                             {{ CompanyDetailsService.companyDetails.titleProducts }}
  26.                                         {% else %}
  27.                                             Products
  28.                                         {% endif %}
  29.                                     </h6>
  30.                                     <div class="row">
  31.                                         {% set products = ProductService.getProductMainFooter %}
  32.                                         {% for i in 1..2 %}
  33.                                             {% if i == 1 %}
  34.                                                 <div class="col-md-4">
  35.                                                     {% for product in products %}
  36.                                                         {% if loop.index < 6 %}
  37.                                                             <div>
  38.                                                                 <li>
  39.                                                                     <a target="_blank" class="mb-1" title="{{ product.notes|striptags }}"
  40.                                                                        href="{{ path('product_display', { product: product.product}) }}">{{ product.product }}</a>
  41.                                                                 </li>
  42.                                                             </div>
  43.                                                         {% endif %}
  44.                                                     {% endfor %}
  45.                                                 </div>
  46.                                             {% else %}
  47.                                                 <div class="col-md-6">
  48.                                                     {% for product in products %}
  49.                                                         {% if loop.index > 5 %}
  50.                                                             <div>
  51.                                                                 <li>
  52.                                                                     <a target="_blank" class="mb-1" title="{{ product.notes|striptags }}"
  53.                                                                        href="{{ path('product_display', { product: product.product}) }}">{{ product.product }}</a>
  54.                                                                 </li>
  55.                                                             </div>
  56.                                                         {% endif %}
  57.                                                     {% endfor %}
  58.                                                 </div>
  59.                                             {% endif %}
  60.                                         {% endfor %}
  61.                                     </div>
  62.                                 {% endif %}
  63.                             </div>
  64.                         {% endif %}
  65.                             <!-- Grid column -->
  67.                         <!-- Grid column -->
  68. {#                        {% if CompanyDetailsService.companyDetails is not null %}#}
  69. {#                            <div style="text-align: left" class=" col-md-12 col-lg-4 mx-auto  mt-3 ">#}
  70. {#                                {% if CompanyDetailsService.companyDetails.footerDisplaySubProducts ==1 %}#}
  71. {#                                    <h6 class="text-uppercase mb-4 font-weight-bold">#}
  72. {#                                        {% if CompanyDetailsService.companyDetails is not null and CompanyDetailsService.companyDetails.titleSubProducts is not null %}#}
  73. {#                                            {{ CompanyDetailsService.companyDetails.titleSubProducts }}#}
  74. {#                                        {% else %}#}
  75. {#                                            Sub-Products#}
  76. {#                                        {% endif %}#}
  77. {#                                    </h6>#}
  78. {#                                    <div class="row">#}
  79. {#                                        {% set products = ProductService.getProductSubFooter %}#}
  80. {#                                        {% for i in 1..2 %}#}
  81. {#                                            {% if i == 1 %}#}
  82. {#                                                <div class="col-md-4">#}
  83. {#                                                    {% for product in products %}#}
  84. {#                                                        {% if loop.index < 6 %}#}
  85. {#                                                            <div>#}
  86. {#                                                                <li>#}
  87. {#                                                                    <a target="_blank" class="mb-1"#}
  88. {#                                                                       title="{{ product.notes|striptags }}"#}
  89. {#                                                                       href="{{ path('product_display', { product: product.product}) }}">{{ product.product }}</a>#}
  90. {#                                                                </li>#}
  91. {#                                                            </div>#}
  92. {#                                                        {% endif %}#}
  93. {#                                                    {% endfor %}#}
  94. {#                                                </div>#}
  95. {#                                            {% else %}#}
  96. {#                                                <div class="col-md-6">#}
  97. {#                                                    {% for product in products %}#}
  98. {#                                                        {% if loop.index > 5 %}#}
  99. {#                                                            <div>#}
  100. {#                                                                <li>#}
  101. {#                                                                    <a target="_blank" class="mb-1"#}
  102. {#                                                                       title="{{ product.notes|striptags }}"#}
  103. {#                                                                       href="{{ path('product_display', { product: product.product}) }}">{{ product.product }}</a>#}
  104. {#                                                                </li>#}
  105. {#                                                            </div>#}
  106. {#                                                        {% endif %}#}
  107. {#                                                    {% endfor %}#}
  108. {#                                                </div>#}
  109. {#                                            {% endif %}#}
  110. {#                                        {% endfor %}#}
  111. {#                                    </div>#}
  112. {#                                {% endif %}#}
  113. {#                            </div>#}
  114. {#                        {% endif %}#}
  115.                             <!-- Grid column -->
  117.                             <hr class="w-100 clearfix d-md-none"/>
  119.                             <!-- Grid column -->
  120. {#                            <hr class="w-100 clearfix d-md-none"/>#}
  122.                             <!-- Grid column -->
  123.                         {% if CompanyDetailsService.companyDetails is not null %}
  124.                             <div class="col-md-6 mt-3 col-lg-2 mx-auto">
  125.                                 {% if CompanyDetailsService.companyDetails.footerDisplayContactDetails ==1 %}
  126.                                     <h6 class="text-uppercase mb-4 font-weight-bold">Contact
  127.                                         <a class="btn btn-outline-info btn-sm"
  128.                                            href="{{ path('create_vcard_company') }}">
  129.                                             <i style="color: yellow" class="fas fa-address-card mr-0"></i>
  130.                                         </a>
  131.                                     </h6>
  132.                                     <p>
  133.                                         {% if CompanyDetailsService.getCompanyDetails is not null %}
  134.                                             {% if CompanyDetailsService.companyDetails.footerDisplayAddress ==1 %}
  135.                                                 <a target="_blank" href="{{ path('office_address') }}">
  136.                                                     <i style="color: red" class="fa fa-map-marker mr-3"></i></a>
  137.                                                 {{ CompanyDetailsService.getCompanyDetails.companyAddressStreet }},
  138.                                                 {{ CompanyDetailsService.getCompanyDetails.companyAddressTown }}
  139.                                                 {{ CompanyDetailsService.getCompanyDetails.companyAddressCity }}
  140.                                                 {{ CompanyDetailsService.getCompanyDetails.companyAddressPostalCode }}
  141.                                             {% endif %}
  142.                                         {% endif %}
  143.                                     </p>
  144.                                     <p>
  145.                                         {% if CompanyDetailsService.getCompanyDetails.companyEmail is not null %}
  146.                                             <a href="mailto:{{ CompanyDetailsService.getCompanyDetails.companyEmail }}">
  147.                                                 <i class="fas fa-envelope mr-3"> </i></a>
  148.                                             {{ CompanyDetailsService.getCompanyDetails.companyEmail }}
  149.                                         {% endif %}
  150.                                     </p>
  152.                                     {% if CompanyDetailsService.companyDetails.footerDisplayTelNumbers ==1 %}
  153.                                         <p>
  154.                                             {% if CompanyDetailsService.getCompanyDetails.companyTel is not null %}
  155.                                                 <a href="tel:{{ CompanyDetailsService.getCompanyDetails.companyTel|replace({' ': ''}) }}">
  156.                                                     <i class="fas fa-phone mr-3"></i></a>
  157.                                                 {{ CompanyDetailsService.getCompanyDetails.companyTel }}
  158.                                             {% endif %}
  159.                                         </p>
  160.                                         <p>
  161.                                             {% if CompanyDetailsService.getCompanyDetails.companyMobile is not null %}
  162.                                                 <a target="_blank"
  163.                                                    href="https://wa.me/{{ CompanyDetailsService.getCompanyDetails.companyMobile|replace({' ': ''}) }}">
  164.                                                     <i class="fab fa-whatsapp mr-3" style="color:green; text-align: center"></i></a>
  165.                                                 {{ CompanyDetailsService.getCompanyDetails.companyMobile }}
  166.                                             {% endif %}
  167.                                         </p>
  168.                                     {% endif %}
  169.                                 {% endif %}
  170.                             </div>
  173.                             <div style="text-align: left" class="col-md-6 mt-3 col-lg-2 mx-auto">
  174.                                 {% if CompanyDetailsService.companyDetails.footerDisplaySocialMedia ==1 %}
  175.                                     <h6 class="text-uppercase mb-4 font-weight-bold">
  176.                                         Follow us
  177.                                     </h6>
  179.                                     <!-- Facebook -->
  180.                                     {% if  CompanyDetailsService.getCompanyDetails.facebook is not null %}
  181.                                         <a target="_blank"
  182.                                            class="btn btn-primary btn-floating m-1 footer-social-icon-fb"
  183.                                            data-hover-rule="color" data-hover-color="#dd3333"
  184.                                            style="color : #1877F2; font-size: 16px; padding:6px;background-color: #3b5998"
  185.                                            href="https://www.facebook.com/{{ CompanyDetailsService.getCompanyDetails.facebook }}"
  186.                                            role="button">
  187.                                             <i class="fab fa-facebook-f text-light"></i>
  188.                                         </a>
  189.                                     {% endif %}
  191.                                     <!-- Linkedin -->
  192.                                     {% if  CompanyDetailsService.getCompanyDetails.linkedIn is not null %}
  193.                                         <a target="_blank"
  194.                                            class="btn btn-primary btn-floating m-1 footer-social-icon-ln"
  195.                                            data-hover-rule="color" data-hover-color="#dd3333"
  196.                                            style="color : #1da1f2; font-size: 16px; padding:6px; background-color: #0082ca"
  197.                                            href="https://www.linkedin.com/in/{{ CompanyDetailsService.getCompanyDetails.linkedIn }}"
  198.                                            role="button">
  199.                                             <i class="fab fa-linkedin-in text-light"></i>
  200.                                         </a>
  201.                                     {% endif %}
  203.                                     <!-- Instagram -->
  204.                                     {% if  CompanyDetailsService.getCompanyDetails.instagram is not null %}
  205.                                         <a target="_blank"
  206.                                            class="btn btn-primary btn-floating m-1 footer-social-icon-in"
  207.                                            data-hover-rule="color" data-hover-color="red"
  208.                                            style="color : #1da1f2; font-size: 16px; padding:6px; background-color: #ac2bac"
  209.                                            href="https://www.instagram.com/{{ CompanyDetailsService.getCompanyDetails.instagram }}"
  210.                                            role="button">
  211.                                             <i class="fab fa-instagram text-light"></i>
  212.                                         </a>
  213.                                     {% endif %}
  215.                                     <!-- Twitter -->
  216.                                     {% if  CompanyDetailsService.getCompanyDetails.twitter is not null %}
  217.                                         <a target="_blank"
  218.                                            class="btn btn-primary btn-floating m-1 footer-social-icon-tw"
  219.                                            data-hover-rule="color" data-hover-color="#dd3333"
  220.                                            style="color : #1da1f2; font-size: 16px; padding:6px;background-color: #55acee"
  221.                                            href="https://x.com/{{ CompanyDetailsService.getCompanyDetails.twitter }}"
  222.                                            role="button">
  223.                                             <i class="fab fa-twitter text-light"></i>
  224.                                         </a>
  225.                                     {% endif %}
  226.                                 {% endif %}
  227.                             </div>
  228.                         {% endif %}
  230.                     </div>
  231.                 </div>
  232.                 <!--Grid row-->
  233.             </section>
  235.         </div>
  236.         <!-- Grid container -->
  237.     </footer>
  238.     <!-- Footer -->
  239. </div>