{% extends "base.html" %}

{% block title %}Pull Requests - {{ owner }}/{{ name }} - Guts{% endblock %}

{% block content %}
<div class="mb-6">
    <div class="flex items-center space-x-2 text-2xl">
        <svg class="w-6 h-6 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"/>
        </svg>
        <a href="/{{ owner }}" class="text-green-400 hover:underline">{{ owner }}</a>
        <span class="text-gray-500">/</span>
        <a href="/{{ owner }}/{{ name }}" class="text-green-400 hover:underline">{{ name }}</a>
    </div>
</div>

<div class="flex items-center justify-between mb-6">
    <div class="flex space-x-4">
        <a href="/{{ owner }}/{{ name }}/pulls?state=open" class="{% if state == "open" %}text-white{% else %}text-gray-400{% endif %} hover:text-white flex items-center space-x-2">
            <svg class="w-5 h-5 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/>
            </svg>
            <span>{{ open_count }} Open</span>
        </a>
        <a href="/{{ owner }}/{{ name }}/pulls?state=closed" class="{% if state == "closed" %}text-white{% else %}text-gray-400{% endif %} hover:text-white flex items-center space-x-2">
            <svg class="w-5 h-5 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
            </svg>
            <span>{{ closed_count }} Closed</span>
        </a>
    </div>
</div>

<div class="bg-gray-800 rounded-lg border border-gray-700">
    {% for pr in pull_requests %}
    <a href="/{{ owner }}/{{ name }}/pull/{{ pr.number }}" class="flex items-start p-4 hover:bg-gray-750 border-b border-gray-700 last:border-b-0">
        <div class="mr-3 mt-1">
            {% if pr.state == "Open" %}
            <svg class="w-5 h-5 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/>
            </svg>
            {% else if pr.state == "Merged" %}
            <svg class="w-5 h-5 text-purple-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/>
            </svg>
            {% else %}
            <svg class="w-5 h-5 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
            </svg>
            {% endif %}
        </div>
        <div class="flex-1">
            <div class="flex items-center space-x-2">
                <span class="font-medium text-white hover:text-green-400">{{ pr.title }}</span>
            </div>
            <div class="text-sm text-gray-500 mt-1">
                #{{ pr.number }} opened by {{ pr.author }}
            </div>
        </div>
    </a>
    {% endfor %}

    {% if pull_requests.is_empty() %}
    <div class="p-8 text-center text-gray-500">
        <svg class="w-16 h-16 mx-auto mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/>
        </svg>
        <p class="text-xl mb-2">No pull requests</p>
        <p>There aren't any {{ state }} pull requests.</p>
    </div>
    {% endif %}
</div>
{% endblock %}