{% extends 'portfolio/base.html' %}

{% block title %}{{ project.title }} - Project Details{% endblock %}

{% block content %}
    <h2>{{ project.title }}</h2>
    {% if project.image %}
        <img src="{{ project.image.url }}" alt="{{ project.title }} Image" style="max-width: 100%; height: auto; display: block; margin-bottom: 20px;">
    {% endif %}
    <p><strong>Description:</strong></p>
    <p>{{ project.description|linebreaksbr }}</p> {# linebreaksbr preserves line breaks from admin input #}
    <p><strong>Technologies Used:</strong> {{ project.technologies_used }}</p>
    <p><strong>Date Completed:</strong> {% if project.date_completed %}{{ project.date_completed|date:"F j, Y" }}{% else %}N/A{% endif %}</p>

    {% if project.github_link %}
        <p><a href="{{ project.github_link }}" target="_blank">View on GitHub</a></p>
    {% endif %}
    {% if project.live_demo_link %}
        <p><a href="{{ project.live_demo_link }}" target="_blank">View Live Demo</a></p>
    {% endif %}

    <p><a href="{% url 'portfolio:project_list' %}">Back to Projects</a></p>
{% endblock %}