{% extends "base.html" %}
{% load static %}
{% block content %}
<div class="row">
    <div class="col-md-8">
        <div class="card">
            <h1>{{ scene.title }}</h1>
            <p>{{ scene.content }}</p>
        </div>
        
        <div class="actions">
            {% for choice in scene.choices.all %}
                <a href="{% url 'core:choose_action' choice.id %}" class="btn btn-accent" style="display: block; margin-bottom: 10px;">{{ choice.text }}</a>
            {% endfor %}
        </div>
    </div>
    <div class="col-md-4">
        <div class="card" style="background-color: #1C2320; border: 1px solid #333; padding: 15px;">
            <h2 style="color: #B68D4C; font-size: 1.2em;">Character Status</h2>
            <p>Level: {{ player.level }}</p>
            <h3 style="color: #B68D4C; font-size: 1.1em;">Quests</h3>
            <ul>
                {% for quest in player.quests.all %}
                <li>{{ quest.title }} - {{ quest.is_completed|yesno:"Completed,Active" }}</li>
                {% endfor %}
            </ul>
            <h3 style="color: #B68D4C; font-size: 1.1em;">Inventory</h3>
            <ul>
                {% for item in player.inventory.all %}
                <li>{{ item.name }}</li>
                {% endfor %}
            </ul>
        </div>
    </div>
</div>
{% endblock %}