{% extends "base.html" %}

{% load static %}

{% block title %}Resources - LabHelper{% endblock %}

{% block page_header %}
<div class="page-header">
    <h1><i class="fas fa-folder-open"></i> Resources</h1>
    <p class="breadcrumb">All links and files from things</p>
</div>
{% endblock %}

{% block content %}
<div class="section">
    <h2><i class="fas fa-list"></i> All Resources</h2>
    {% if resources %}
        <ul style="list-style: none; padding: 0;">
            {% for resource in resources %}
                <li style="padding: 8px 0; border-bottom: 1px solid #eee;">
                    <a href="{% url 'thing_detail' resource.thing_id %}" style="display: inline-block; width: 20px; text-align: center; color: #667eea; text-decoration: none;">
                        {% if resource.type == 'link' %}
                            <i class="fas fa-link"></i>
                        {% else %}
                            <i class="fas fa-file"></i>
                        {% endif %}
                    </a>
                    <strong>{{ resource.thing_name }}</strong>:
                    {% if resource.type == 'link' %}
                        <a href="{{ resource.url }}" target="_blank" rel="noopener noreferrer">{{ resource.title }}</a>
                    {% else %}
                        <a href="{{ resource.url }}">{{ resource.title }}</a>
                    {% endif %}
                </li>
            {% endfor %}
        </ul>
    {% else %}
        <p style="color: #888;">No resources found.</p>
    {% endif %}
</div>
{% endblock %}