{% load combo gnm l10n assets %}
{% with cinema=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 cinema {% if is_place_page %}is-place{% endif %}" data-place-type="cinema" 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:cinema" size=size crop="center" %})"></div>
    {% else %}
      <div class="tile-picture" style="background-image: url({% asset_url place_page.picture "picture:cinema" size=size crop="center" %})"></div>
    {% endif %}
    <div class="tile-head">
      <div class="tile-title">
        <h2>{{cinema.properties.nom}}</h2>
        <span class="producer" style="background-image: url({% asset_url "logo:toodego" %})">Toodego</span>
      </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=cinema url=cell|place_page_url %}
          {% placeholder "infos-pratiques" %}
        </div>

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

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

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

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

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

        {% placeholder "galerie" %}

      </div> <!-- tile-content -->
    {% else %}
      <div class="tile-content">
        {{cinema.properties.address.streetAddress}}
        <br>
        &nbsp;
      </div>
      <div class="tile-actions">
        {% localize off %}
          <a class="action-goto" data-lat="{{cinema.geometry.coordinates.1}}" data-lng="{{cinema.geometry.coordinates.0}}" href="/m-y-rendre/?to={{cell.id}}">M’y rendre</a>
        {% endlocalize %}
        {% if cinema.properties.url %}
          <a class="action-view-site" href="{{cinema.properties.url}}">Voir le site</a>
        {% endif %}
      </div>
    {% endif %}
  </div>
{% endwith %}
