{% load combo gnm l10n assets %}
{% with musee=json.features.0 is_place_page=page|is_place_page place_page=cell|place_page %}
  {% get_tile_picture_size page as size %}
  <div class="tile musee {% if is_place_page %}is-place{% endif %}" data-place-type="musee" data-tile-cache="300">
  {% if is_place_page %}
  {% placeholder "infos-pratiques" name="Infos pratiques" render=False %}
  {% placeholder "galerie" name="Galerie photos" render=False %}
  <div class="tile-picture" style="background-image: url({% asset_url place_page.picture "picture:banner:musee" size=size crop="center" %})"></div>
  {% else %}
  <div class="tile-picture" style="background-image: url({% asset_url place_page.picture "picture:musee" size=size crop="center" %})"></div>
  {% endif %}
      <div class="tile-head">
        <div class="tile-title">
          <h2>{{musee.properties.nom}}</h2>
          {% with producer=musee.properties.address.addressLocality|as_producer %}
          <span class="producer" style="background-image: url({% asset_url "logo:"|add:producer.slug %})">{{ producer.label }}</span>
          {% endwith %}
        </div>
      </div>
      {% include "combo/dashboard_cell_icons.html" %}
      {% if is_place_page %}
      <div class="tile-content">

      <div class="place-info">
        {% include "combo/json/includes/share.html" with place=musee url=cell|place_page_url %}
        {% placeholder "infos-pratiques" %}
      </div>

      <div class="place-data">
      {% include "combo/json/includes/adresse.html" with place=musee %}

      {% if musee.properties.telephone %}
      <div class="phone">
        <h3>Téléphone</h3>
        <div>{{musee.properties.telephone}}</div>
        <a class="action-call" href="tel:{{musee.properties.telephone}}">Appeler</a>
      </div>
      {% endif %}

      {% include "combo/json/includes/horaires.html" with place=musee %}

      </div> <!-- place-data -->

      {% gnm_place_map musee.geometry.coordinates.1 musee.geometry.coordinates.0 %}

      {% placeholder "galerie" %}

      </div> <!-- tile-content -->
      {% else %}
      <div class="tile-content">
        {{musee.properties.address.streetAddress}}<br>
        {{musee.properties|as_opening_hours_badge}}
        <div>{% if musee.properties.acceshandi and musee.properties.acceshandi == 'true' %}Accessible handicapés<br>{% endif %}</div>
      </div>
      <div class="tile-actions">
        {% localize off %}
        <a class="action-goto" data-lat="{{musee.geometry.coordinates.1}}" data-lng="{{musee.geometry.coordinates.0}}" href="/m-y-rendre/?to={{cell.id}}">M’y rendre</a>
        {% endlocalize %}
        {% if musee.properties.telephone %}
        <a class="action-call" href="tel:{{musee.properties.telephone}}">Appeler</a>
        {% endif %}
        {% if musee.properties.url %}
        <a class="action-more-info" href="{{ musee.properties.url }}">d’infos</a>
        {% endif %}
      </div>
      {% endif %}
    </div>
{% endwith %}
