{% set pharmacy = app.request.session.get('cart_pharmacy') %}{% if pharmacy is not null %} {# Tablette and pc size #} <div class="d-none d-lg-block bg-primary-light py-2"> <div class="container pt-3"> <div class="row"> <div class="col-sm-12 col-lg-8"> <div class="d-flex align-items-center"> <img src="{{ pharmacy.logoImage }}" alt="{{ pharmacy.id }}" class="img-fluid me-2" style="width: 50px; object-fit: contain"> <div> <h4 class="m-0"> <a target="_blank" href="{{ "https://pharmonline.ch/fr/pharmacies/" ~ pharmacy.id ~ "-" ~ pharmacy.name | slug }}"> {{ pharmacy.name }} </a> </h4> <p class="m-0">{{ pharmacy.addressFull }}</p> <a class="text-primary fw-bold" href="{{ path('choose_pharmacy') }}">{{ "Changer de pharmacie" | trans }}</a> </div> <div class="ms-2"> <button class="btn btn-outline-info" data-add-favorite="{{ pharmacy.id }}"> <i class="{{ (pharmacy.id | isPharmacyFavorite) ? "fa fa-heart text-primary" : "fa fa-heart-o" }}" style="font-size: 20px" id="favorite-icon"></i> </button> </div> </div> </div> <div class="col-sm-12 col-lg-4 text-end"> <div> Contact: <a href={{ "tel:+41" ~ pharmacy.phone | replace({' ': ''}) }}>{{ pharmacy.phone }}</a> </div> <div> Email: <a href={{ "mailto:" ~ pharmacy.email }}>{{ pharmacy.email }}</a> </div> <div class="dropdown"> <a class="btn btn-outline-muted dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false"> {{ "Horaire d'ouverture" | trans }} </a> <ul class="dropdown-menu p-2 shadow shadow-md dropdown-menu-end" aria-labelledby="dropdownMenuLink" style="z-index: 9999; min-width: 300px"> {{ include('elements/pharmacy/_pharmacy_hours.html.twig', {pharmacy: pharmacy}) }} </ul> </div> </div> </div> </div> </div> {# Mobile responsive #} <div class="d-block d-lg-none bg-primary-light py-2"> <div class="container pt-3"> <div class="row"> <div class="col-sm-12"> <div class="d-flex justify-content-between"> <img src="{{ pharmacy.logoImage }}" alt="{{ pharmacy.id }}" class="img-fluid me-2" style="width: 70px; object-fit: contain"> <div class="dropdown"> <a class="btn btn-outline-muted dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false"> {{ "Horaire d'ouverture" | trans }} </a> <ul class="dropdown-menu p-2 shadow shadow-md dropdown-menu-end" aria-labelledby="dropdownMenuLink" style="z-index: 9999; min-width: 300px"> {{ include('elements/pharmacy/_pharmacy_hours.html.twig', {pharmacy: pharmacy}) }} </ul> </div> </div> <div class="d-flex justify-content-between"> <div> <h4 class="m-0"> {{ pharmacy.name }}{# <a target="_blank"#}{# href="{{ "https://pharmonline.ch/fr/pharmacies/" ~ pharmacy.id ~ "-" ~ pharmacy.name | slug }}">#}{# #}{# </a>#} </h4> <p class="m-0">{{ pharmacy.addressFull }}</p> </div> <div class="ms-2"> <button class="btn btn-outline-info" data-add-favorite="{{ pharmacy.id }}"> <i class="{{ (pharmacy.id | isPharmacyFavorite) ? "fa fa-heart text-primary" : "fa fa-heart-o" }}" style="font-size: 20px" id="favorite-icon"></i> </button> </div> </div> <div class="d-flex justify-content-between mt-1" style="font-size: 11px"> <div> Contact: <a href={{ "tel:+41" ~ pharmacy.phone | replace({' ': ''}) }}>{{ pharmacy.phone }}</a> </div> <div> Email: <a href={{ "mailto:" ~ pharmacy.email }}>{{ pharmacy.email }}</a> </div> </div> <a class="btn btn-primary w-100 btn-sm mt-3" href="{{ path('choose_pharmacy') }}">{{ "Changer de pharmacie" | trans }}</a> </div> </div> </div> </div>{% endif %}