<div class="sidebar" style="margin-bottom: 50px!important;">
<div class="blog-sidebar">
<h3>Informations de l'Hôtel</h3>
<div class="blog-sidebar__widget" style="background: #efefef; padding: 10px;">
<div class="sidebar-category">
<ul>
<li style="padding-bottom: 20px;"><strong><i class="fa fa-map-marker"></i> Adresse</strong> <a href="#">{{ hotel.address ?? 'Pas de d\'adresse' }}</a></li>
<li style="padding-bottom: 20px;"><strong><i class="fa fa-map-marker"></i> Ville</strong> <a href="#">{{ hotel.cities ?? 'Non renseigné' }}</a></li>
<li style="padding-bottom: 20px;"><strong><i class="fa fa-hospital"></i> Hôtel {{ hotel.standing }} Etoile(s)</strong>
<div class="pull-right">
{% for i in 1..hotel.standing %}
<a href="#" style="display: inline-block; color: orange"><i class="fa fa-star"></i></a>
{% endfor %}
</div>
</li>
<li style="padding-bottom: 20px;"><strong><i class="fa fa-hospital"></i> Total Chambre</strong> <a style="display: inline-block" class="pull-right" href="#">{{ hotel.totalchambres }}</a></li>
<li style="padding-bottom: 20px;"><strong><i class="fa fa-envelope"></i> Email</strong> <a style="display: inline-block" class="pull-right" href="#">{{ hotel.email ?? 'Non renseigné' }}</a></li>
<li style="padding-bottom: 20px;"><strong><i class="fa fa-phone"></i> Contacts</strong> <a style="display: inline-block" class="pull-right" href="#">{{ hotel.contacts ?? 'Non renseigné' }}</a></li>
<li style="padding-bottom: 20px;"><strong><i class="fa fa-globe"></i> Site web</strong>
<a style="display: inline-block" class="pull-right" href="{{ hotel.siteweb ?? '#' }}" target="_blank">{{ hotel.siteweb ?? 'Indisponible' }}</a>
</li>
</ul>
</div>
</div>
{% if hotel.typechambres|length != 0 %}
<div class="destination-sidebar__widget">
<h3>Types de chambres</h3>
<div class="destination-sidebar__widget__tags">
{% for type in hotel.typechambres %}
<a href="javascript:;">{{ type.name }}</a>
{% endfor %}
</div>
</div>
{% endif %}
{% if hotel.commodites|length != 0 or hotel.otherscommodites %}
<div class="destination-sidebar__widget">
<h3>Commodités</h3>
<div class="destination-sidebar__widget__tags">
{% if hotel.commodites %}
{% for commodite in hotel.commodites %}
<a class="label label-primary" href="javascript:;">{{ commodite.name }}</a>
{% endfor %}
{% endif %}
{% if hotel.otherscommodites %}
{% set commodites = hotel.otherscommodites|split(';') %}
{% for commodite in commodites %}
<a class="label label-primary" href="javascript:;">{{ commodite }}</a>
{% endfor %}
{% endif %}
</div>
</div>
{% endif %}
{% if hotel.facebook or hotel.twitter or hotel.instagram %}
<div class="destination-sidebar__widget">
<h3>Réseaux sociaux</h3>
<div class="destination-sidebar__widget__tags">
{% if hotel.facebook %}
<a href="{{ hotel.facebook }}" style="background: #4267B2;color: #fff!important;">
<i class="fa fa-facebook"></i> Facebook
</a>
{% endif %}
{% if hotel.twitter %}
<a href="{{ hotel.twitter }}" style="background: #1DA1F2;color: #fff!important;">
<i class="fa fa-twitter"></i> Twitter
</a>
{% endif %}
{% if hotel.instagram %}
<a href="{{ hotel.instagram }}" style="background: #E1306C;color: #fff!important;">
<i class="fa fa-instagram"></i> Instagram
</a>
{% endif %}
</div>
</div>
{% endif %}
<div class="blog-sidebar__widget">
<h3>Contactez l'Hotel</h3>
<div class="sidebar-category">
<form action="#" style="background: #efefef;padding: 10px">
<div class="form-group">
<input type="text" placeholder="Votre nom & prnoms" class="form-control" >
</div>
<div class="form-group">
<input type="email" placeholder="Votre email" class="form-control" >
</div>
<div class="form-group">
<input type="text" placeholder="Sujet" class="form-control" >
</div>
<div class="form-group">
<textarea placeholder="Votre message" rows="4" class="form-control" ></textarea>
</div>
<div class="form-group">
<button style="width: 100%!important;" class="btn btn-primary btn-block" type="submit">Contacter</button>
</div>
</form>
</div>
</div>
</div>
</div>