{% extends "layout.html" %}

{% block head %}
{{ super() }}
{% if user.is_authenticated %}
<script src="http://www.html5canvastutorials.com/libraries/three.min.js"></script>
<script type="text/javascript" src="/static/js/blockRenderer.js"></script>
{% endif %}
{% endblock %}

{% block content %}
<div class="row-fluid">
    <div class="span9">
        <h1>{{ item.name() }}</h1>
        <hr />
        <h3>Can drop</h3>
        ...
        <h3>Used in</h3>
        ...
    </div>
    <div class="span3">
        <div class="well">
            <div class="block-render">
                <div class="codexicon x8 margin-auto text-center">
                    {% if item.main_texture %}
                    <img src="/static/textures/{{ item.main_texture.get_image(8) }}" />
                    {% endif %}
                </div>
            </div>
            {% if user.is_authenticated %}
            <script defer="defer" type="text/javascript">
                block = BlockRenderer('block', {side:'/static/textures/{{ item.main_texture.get_image() }}'}, '.block-render', 'auto', 'auto');
            </script>
            {% endif %}
            <ul>
                <li>Data value: {{ item.data_value }}</li>
            </li>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
{% endblock %}