{% 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>
                <a href="{{ path('hotspot_index') }}">Hotspots 3D</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <span>Détails</span>
            </li>
        </ul>
    </div>

    <br/>

    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-map-marker"></i>
                <span class="caption-subject">Détails Hotspot</span>
            </div>
        </div>
        <div class="portlet-body">
            <table class="table table-striped">
                <tbody>
                    <tr>
                        <th>Code</th>
                        <td>{{ hotspot.id }}</td>
                    </tr>
                    <tr>
                        <th>Libelle</th>
                        <td>{{ hotspot.label }}</td>
                    </tr>
                    <tr>
                        <th>Description</th>
                        <td>{{ hotspot.description }}</td>
                    </tr>
                    <tr>
                        <th>Position</th>
                        <td>rx {{ hotspot.rx }}, ry {{ hotspot.ry }}, rz {{ hotspot.rz }}</td>
                    </tr>
                    <tr>
                        <th>Image</th>
                        <td>
                            {% if hotspot.webPath %}
                                <img src="/{{ hotspot.webPath }}" alt="{{ hotspot.label }}" style="max-height:120px;">
                            {% else %}
                                <span class="text-muted">-</span>
                            {% endif %}
                        </td>
                    </tr>
                </tbody>
            </table>

            <a href="{{ path('hotspot_index') }}" class="btn default"><i class="fa fa-arrow-left"></i> Retour</a>
            <a href="{{ path('hotspot_edit', { 'id': hotspot.id }) }}" class="btn blue"><i class="fa fa-edit"></i> Modifier</a>
        </div>
    </div>

{% endblock %}