{% 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 %}