{% extends 'base.html.twig' %}

{% block body %}

    <div class="page-bar">
        <ul class="page-breadcrumb">
            <li>
                <a href="{{ path('homepage') }}">Accueil</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <span>Hotspots 3D</span>
            </li>
        </ul>
    </div>

    <br/>

    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-map-marker font-green"></i>HOTSPOTS 3D</div>
            <div class="actions">
                <a href="{{ path('hotspot_new') }}" class="btn white"><i class="fa fa-plus"></i> Nouveau hotspot</a>
            </div>
        </div>
        <div class="portlet-body">
            <table class="table table-striped table-bordered table-hover">
                <thead>
                    <tr>
                        <th>Code</th>
                        <th>Libelle</th>
                        <th>Position</th>
                        <th>Image</th>
                        <th style="width:140px;">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    {% for hotspot in hotspots %}
                        <tr>
                            <td>{{ hotspot.id }}</td>
                            <td>{{ hotspot.label }}</td>
                            <td>rx {{ hotspot.rx }}, ry {{ hotspot.ry }}, rz {{ hotspot.rz }}</td>
                            <td>
                                {% if hotspot.webPath %}
                                    <img src="/{{ hotspot.webPath }}" alt="{{ hotspot.label }}" style="height:36px;">
                                {% else %}
                                    <span class="text-muted">-</span>
                                {% endif %}
                            </td>
                            <td>
                                <a href="{{ path('hotspot_show', { 'id': hotspot.id }) }}" class="btn btn-xs btn-default" title="Afficher"><i class="fa fa-eye"></i></a>
                                <a href="{{ path('hotspot_edit', { 'id': hotspot.id }) }}" class="btn btn-xs btn-default" title="Modifier"><i class="fa fa-edit"></i></a>
                            </td>
                        </tr>
                    {% else %}
                        <tr>
                            <td colspan="5" class="text-center text-muted">Aucun hotspot.</td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>

{% endblock %}