{% extends "base.html" %}
{% block extra_head %}
<link rel="stylesheet" href="{{ static_url('/static/css/feed.css') }}">
<link rel="stylesheet" href="{{ static_url('/static/css/post.css') }}">
<link rel="stylesheet" href="{{ static_url('/static/css/engagement.css') }}">
{% endblock %}
{% block content %}
<div class="saved-page">
    <h1 class="saved-title">{{ skill.name }}</h1>
    <p class="note-item-content">{{ skill.description }}</p>
    <p class="note-item-content">Source: {{ skill.source_url }}</p>
    <p class="note-item-content">SHA-256: {{ skill.sha256 }}</p>
    {% for warning in skill.warnings %}
    <p class="skill-error">{{ warning }}</p>
    {% endfor %}
    <pre class="skill-detail-body">{{ skill.body }}</pre>
    {% if skill.files %}
    <h2 class="saved-title">Bundled files</h2>
    {% for path, content in skill.files.items() %}
    <h3 class="saved-item-title">{{ path }}</h3>
    <pre class="skill-detail-body">{{ content }}</pre>
    {% endfor %}
    {% endif %}
    {% if skill.skipped %}
    <h2 class="saved-title">Skipped files</h2>
    {% for item in skill.skipped %}
    <p class="note-item-content">{{ item.path }}: {{ item.reason }}</p>
    {% endfor %}
    {% endif %}
    <a href="/skills" class="btn btn-secondary">Back to skills</a>
</div>
{% endblock %}