MediaCollectorLibary/resources/views/actor/show.twig

{% extends "layouts/app.twig" %}

{% block sidebar %}
{% if actor.metadata %}
{% set metadata = actor.metadata|json_decode %}
<div class="space-y-6">
    <!-- Personal Information -->
    {% if metadata.biography or metadata.birth_date or metadata.birth_place or metadata.nationality %}
    <div class="bg-white rounded-xl shadow-lg p-6">
        <h3 class="text-lg font-semibold text-gray-900 mb-3 flex items-center">
            <svg class="mr-2 text-blue-600" width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
            </svg>
            Personal Information
        </h3>
        <div class="space-y-3">
            {% if metadata.birth_date %}
            <div class="flex justify-between items-center">
                <span class="text-sm text-gray-600">Birth Date</span>
                <span class="text-sm font-medium">{{ metadata.birth_date }}</span>
            </div>
            {% endif %}
            {% if metadata.birth_place %}
            <div class="flex justify-between items-center">
                <span class="text-sm text-gray-600">Birth Place</span>
                <span class="text-sm font-medium">{{ metadata.birth_place }}</span>
            </div>
            {% endif %}
            {% if metadata.nationality %}
            <div class="flex justify-between items-center">
                <span class="text-sm text-gray-600">Nationality</span>
                <div class="text-sm font-medium flex items-center gap-2">
                    {{ country_flag(metadata.nationality) | raw }}
                    {{ metadata.nationality }}
                </div>
            </div>
            {% endif %}
            {% if metadata.death_date %}
            <div class="flex justify-between items-center">
                <span class="text-sm text-gray-600">Death Date</span>
                <span class="text-sm font-medium">{{ metadata.death_date }}</span>
            </div>
            {% endif %}
        </div>
    </div>
    {% endif %}

    <!-- Physical Attributes -->
    {% if metadata.gender or metadata.height or metadata.weight or metadata.hair_color or metadata.eye_color %}
    <div class="bg-white rounded-xl shadow-lg p-6">
        <h3 class="text-lg font-semibold text-gray-900 mb-3 flex items-center">
            <svg class="mr-2 text-green-600" width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
            </svg>
            Physical Attributes
        </h3>
        <div class="space-y-3">
            {% if metadata.gender %}
            <div class="flex justify-between items-center">
                <span class="text-sm text-gray-600">Gender</span>
                <span class="text-sm font-medium">{{ metadata.gender }}</span>
            </div>
            {% endif %}
            {% if metadata.height %}
            <div class="flex justify-between items-center">
                <span class="text-sm text-gray-600">Height</span>
                <span class="text-sm font-medium">{{ metadata.height }}</span>
            </div>
            {% endif %}
            {% if metadata.weight %}
            <div class="flex justify-between items-center">
                <span class="text-sm text-gray-600">Weight</span>
                <span class="text-sm font-medium">{{ metadata.weight }}</span>
            </div>
            {% endif %}
            {% if metadata.hair_color %}
            <div class="flex justify-between items-center">
                <span class="text-sm text-gray-600">Hair Color</span>
                <span class="text-sm font-medium">{{ metadata.hair_color }}</span>
            </div>
            {% endif %}
            {% if metadata.eye_color %}
            <div class="flex justify-between items-center">
                <span class="text-sm text-gray-600">Eye Color</span>
                <span class="text-sm font-medium">{{ metadata.eye_color }}</span>
            </div>
            {% endif %}
            {% if metadata.ethnicity %}
            <div class="flex justify-between items-center">
                <span class="text-sm text-gray-600">Ethnicity</span>
                <span class="text-sm font-medium">{{ metadata.ethnicity }}</span>
            </div>
            {% endif %}
        </div>
    </div>
    {% endif %}

    <!-- Adult-Specific Information -->
    {% if metadata.measurements or metadata.cup_size or metadata.fake_tits or metadata.penis_length or metadata.circumcised %}
    <div class="bg-white rounded-xl shadow-lg p-6">
        <h3 class="text-lg font-semibold text-gray-900 mb-3 flex items-center">
            <svg class="mr-2 text-red-600" width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/>
            </svg>
            Adult Attributes
        </h3>
        <div class="space-y-3">
            {% if metadata.measurements %}
            <div class="flex justify-between items-center">
                <span class="text-sm text-gray-600">Measurements</span>
                <span class="text-sm font-medium">{{ metadata.measurements }}</span>
            </div>
            {% endif %}
            {% if metadata.cup_size %}
            <div class="flex justify-between items-center">
                <span class="text-sm text-gray-600">Cup Size</span>
                <span class="text-sm font-medium">{{ metadata.cup_size }}</span>
            </div>
            {% endif %}
            {% if metadata.fake_tits %}
            <div class="flex justify-between items-center">
                <span class="text-sm text-gray-600">Fake Tits</span>
                <span class="text-sm font-medium">{{ metadata.fake_tits }}</span>
            </div>
            {% endif %}
            {% if metadata.penis_length %}
            <div class="flex justify-between items-center">
                <span class="text-sm text-gray-600">Penis Length</span>
                <span class="text-sm font-medium">{{ metadata.penis_length }}</span>
            </div>
            {% endif %}
            {% if metadata.circumcised %}
            <div class="flex justify-between items-center">
                <span class="text-sm text-gray-600">Circumcised</span>
                <span class="text-sm font-medium">{{ metadata.circumcised }}</span>
            </div>
            {% endif %}
        </div>
    </div>
    {% endif %}

    <!-- Career Information -->
    {% if metadata.career_length or metadata.scene_count %}
    <div class="bg-white rounded-xl shadow-lg p-6">
        <h3 class="text-lg font-semibold text-gray-900 mb-3 flex items-center">
            <svg class="mr-2 text-purple-600" width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m8 0V8a2 2 0 01-2 2H8a2 2 0 01-2-2V6m8 0H8"/>
            </svg>
            Career Information
        </h3>
        <div class="space-y-3">
            {% if metadata.career_length %}
            <div class="flex justify-between items-center">
                <span class="text-sm text-gray-600">Career Length</span>
                <span class="text-sm font-medium">{{ metadata.career_length }}</span>
            </div>
            {% endif %}
            {% if metadata.scene_count %}
            <div class="flex justify-between items-center">
                <span class="text-sm text-gray-600">Scene Count</span>
                <span class="text-sm font-medium">{{ metadata.scene_count }}</span>
            </div>
            {% endif %}
            {% if metadata.adult_specific.debut_year %}
            <div class="flex justify-between items-center">
                <span class="text-sm text-gray-600">Debut Year</span>
                <span class="text-sm font-medium">{{ metadata.adult_specific.debut_year }}</span>
            </div>
            {% endif %}
            {% if metadata.adult_specific.retirement_year %}
            <div class="flex justify-between items-center">
                <span class="text-sm text-gray-600">Retirement Year</span>
                <span class="text-sm font-medium">{{ metadata.adult_specific.retirement_year }}</span>
            </div>
            {% endif %}
            {% if metadata.adult_specific.active is defined %}
            <div class="flex justify-between items-center">
                <span class="text-sm text-gray-600">Active</span>
                <span class="text-sm font-medium">{{ metadata.adult_specific.active ? 'Yes' : 'No' }}</span>
            </div>
            {% endif %}
        </div>
    </div>
    {% endif %}

    <!-- Body Modifications -->
    {% if metadata.tattoos or metadata.piercings %}
    <div class="bg-white rounded-xl shadow-lg p-6">
        <h3 class="text-lg font-semibold text-gray-900 mb-3 flex items-center">
            <svg class="mr-2 text-indigo-600" width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zM21 5a2 2 0 00-2-2h-4a2 2 0 00-2 2v12a4 4 0 004 4h4a2 2 0 002-2V5z"/>
            </svg>
            Body Modifications
        </h3>
        <div class="space-y-3">
            {% if metadata.tattoos %}
            <div>
                <p class="text-sm text-gray-600 mb-1">Tattoos</p>
                <p class="text-sm font-medium">{{ metadata.tattoos }}</p>
            </div>
            {% endif %}
            {% if metadata.piercings %}
            <div>
                <p class="text-sm text-gray-600 mb-1">Piercings</p>
                <p class="text-sm font-medium">{{ metadata.piercings }}</p>
            </div>
            {% endif %}
        </div>
    </div>
    {% endif %}   
</div>
    {% endif %}   
{% endblock %}

{% block content %}
<!-- Hero Section -->
<div class="relative">
    <div class="h-64 md:h-80 relative overflow-hidden bg-gradient-to-br from-purple-900 via-blue-900 to-indigo-900">
        <div class="absolute inset-0 bg-gradient-to-r from-purple-900/90 via-blue-900/70 to-indigo-900/90"></div>

        <!-- Action buttons -->
        <div class="absolute top-4 left-4 right-4 z-10 flex justify-between">
            <a href="{{ path_for('actors.index') }}" class="inline-flex items-center text-white hover:text-gray-300 transition-colors bg-black/20 backdrop-blur-sm rounded-full px-4 py-2">
                <svg class="mr-2" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
                </svg>
                Back to Performers
            </a>

            <a href="{{ path_for('actors.edit', {'id': actor.id}) }}" class="inline-flex items-center text-white hover:text-gray-300 transition-colors bg-black/20 backdrop-blur-sm rounded-full px-4 py-2">
                <svg class="mr-2" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"/>
                </svg>
                Edit
            </a>
        </div>

        <!-- Hero Content -->
        <div class="absolute inset-0 flex items-center justify-center">
            <div class="text-center text-white">
                <!-- Actor Avatar -->
                <div class="w-32 h-32 md:w-40 md:h-40 bg-white rounded-full overflow-hidden mb-4 mx-auto shadow-2xl">
                    {% if actor.thumbnail_path %}
                    <img src="{% if '/images/' in actor.thumbnail_path %}{{ actor.thumbnail_path }}{% else %}/images/{{ actor.thumbnail_path }}{% endif %}" alt="{{ actor.name }}" class="w-full h-full object-cover">
                    {% else %}
                    <div class="w-full h-full bg-gradient-to-br from-blue-400 to-purple-500 flex items-center justify-center">
                        <span class="text-4xl md:text-5xl font-bold text-white">{{ actor.name|first|upper }}</span>
                    </div>
                    {% endif %}
                </div>

                <!-- Actor Name -->
                <h1 class="text-3xl md:text-5xl font-bold mb-2">{{ actor.name }}</h1>

                <!-- Quick Stats -->
                <div class="flex flex-wrap justify-center gap-6 text-sm">
                    {% if actor.movie_count > 0 %}
                    <div class="flex items-center">
                        <svg class="mr-2" width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 4V2a1 1 0 011-1h8a1 1 0 011 1v2h4a1 1 0 010 2h-1v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6H3a1 1 0 010-2h4z"/>
                        </svg>
                        <span class="font-medium">{{ actor.movie_count }} Movie{{ actor.movie_count != 1 ? 's' : '' }}</span>
                    </div>
                    {% endif %}

                    {% if actor.tv_show_count > 0 %}
                    <div class="flex items-center">
                        <svg class="mr-2" width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"/>
                        </svg>
                        <span class="font-medium">{{ actor.tv_show_count }} TV Show{{ actor.tv_show_count != 1 ? 's' : '' }}</span>
                    </div>
                    {% endif %}

                    {% if actor.adult_video_count > 0 %}
                    <div class="flex items-center">
                        <svg class="mr-2" width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
                        </svg>
                        <span class="font-medium">{{ actor.adult_video_count }} Adult Video{{ actor.adult_video_count != 1 ? 's' : '' }}</span>
                    </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Main Content -->
<div class="max-w-7xl mx-auto px-4 py-8">
    <!-- Detailed Stats -->
    <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
        {% if actor.movie_count > 0 %}
        <div class="bg-white rounded-xl shadow-lg p-6 text-center">
            <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-3">
                <svg class="text-blue-600" width="24" height="24" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 4V2a1 1 0 011-1h8a1 1 0 011 1v2h4a1 1 0 010 2h-1v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6H3a1 1 0 010-2h4z"/>
                </svg>
            </div>
            <div class="text-2xl font-bold text-gray-900 mb-1">{{ actor.movie_count }}</div>
            <div class="text-gray-600">Movies</div>
        </div>
        {% endif %}

        {% if actor.tv_show_count > 0 %}
        <div class="bg-white rounded-xl shadow-lg p-6 text-center">
            <div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-3">
                <svg class="text-green-600" width="24" height="24" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"/>
                </svg>
            </div>
            <div class="text-2xl font-bold text-gray-900 mb-1">{{ actor.tv_show_count }}</div>
            <div class="text-gray-600">TV Shows</div>
        </div>
        {% endif %}

        {% if actor.adult_video_count > 0 %}
        <div class="bg-white rounded-xl shadow-lg p-6 text-center">
            <div class="w-12 h-12 bg-red-100 rounded-full flex items-center justify-center mx-auto mb-3">
                <svg class="text-red-600" width="24" height="24" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
                </svg>
            </div>
            <div class="text-2xl font-bold text-gray-900 mb-1">{{ actor.adult_video_count }}</div>
            <div class="text-gray-600">Adult Videos</div>
        </div>
        {% endif %}
    </div>

    <!-- Movies Section -->
    {% if movies %}
    <div class="mb-8">
        <h2 class="text-2xl font-bold text-gray-900 mb-6 flex items-center">
            <svg class="mr-3 text-blue-600" width="24" height="24" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 4V2a1 1 0 011-1h8a1 1 0 011 1v2h4a1 1 0 010 2h-1v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6H3a1 1 0 010-2h4z"/>
            </svg>
            Movies ({{ movies|length }})
        </h2>
        <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-4">
            {% for movie in movies %}
            <a href="{{ path_for('movies.show', {'id': movie.id}) }}" class="group">
                <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-xl transition-shadow">
                    <div class="aspect-[2/3] bg-gray-200">
                        {% if movie.poster_url %}
                        <img src="/images/{{ movie.poster_url }}" alt="{{ movie.title }}" class="w-full h-full object-cover group-hover:scale-105 transition-transform">
                        {% else %}
                        <div class="w-full h-full flex items-center justify-center bg-gradient-to-br from-gray-300 to-gray-400">
                            <svg class="text-gray-500 w-8 h-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 4V2a1 1 0 011-1h8a1 1 0 011 1v2h4a1 1 0 010 2h-1v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6H3a1 1 0 010-2h4z"/>
                            </svg>
                        </div>
                        {% endif %}
                    </div>
                    <div class="p-3">
                        <h3 class="font-medium text-gray-900 text-sm leading-tight mb-1 group-hover:text-blue-600 transition-colors">{{ movie.title }}</h3>
                        {% if movie.release_date %}
                        <p class="text-xs text-gray-600">{{ movie.release_date|date('Y') }}</p>
                        {% endif %}
                    </div>
                </div>
            </a>
            {% endfor %}
        </div>
    </div>
    {% endif %}

    <!-- TV Shows Section -->
    {% if tv_shows %}
    <div class="mb-8">
        <h2 class="text-2xl font-bold text-gray-900 mb-6 flex items-center">
            <svg class="mr-3 text-green-600" width="24" height="24" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"/>
            </svg>
            TV Shows ({{ tv_shows|length }})
        </h2>
        <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-4">
            {% for show in tv_shows %}
            <a href="{{ path_for('tvshows.show', {'id': show.id}) }}" class="group">
                <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-xl transition-shadow">
                    <div class="aspect-[2/3] bg-gray-200">
                        {% if show.poster_url %}
                        <img src="/images/{{ show.poster_url }}" alt="{{ show.title }}" class="w-full h-full object-cover group-hover:scale-105 transition-transform">
                        {% else %}
                        <div class="w-full h-full flex items-center justify-center bg-gradient-to-br from-gray-300 to-gray-400">
                            <svg class="text-gray-500 w-8 h-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"/>
                            </svg>
                        </div>
                        {% endif %}
                    </div>
                    <div class="p-3">
                        <h3 class="font-medium text-gray-900 text-sm leading-tight mb-1 group-hover:text-green-600 transition-colors">{{ show.title }}</h3>
                        {% if show.first_air_date %}
                        <p class="text-xs text-gray-600">{{ show.first_air_date|date('Y') }}{% if show.status == 'Ended' and show.last_air_date %} - {{ show.last_air_date|date('Y') }}{% endif %}</p>
                        {% endif %}
                    </div>
                </div>
            </a>
            {% endfor %}
        </div>
    </div>
    {% endif %}

    <!-- Adult Videos Section -->
    {% if scenes %}
    <div class="mb-8">
        <h2 class="text-2xl font-bold text-gray-900 mb-6 flex items-center">
            <svg class="mr-3 text-red-600" width="24" height="24" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
            </svg>
            Adult Videos ({{ scenes|length }})
        </h2>
        <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-4">
            {% for scene in scenes %}
            <a href="{{ path_for('adult.show', {'id': scene.id}) }}" class="group">
                <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-xl transition-shadow">
                    <div class="aspect-[2/3] bg-gray-200">
                        {% if scene.poster_url %}
                        <img src="{% if '/images/' in scene.poster_url %}{{ scene.poster_url }}{% else %}/images/{{ scene.poster_url }}{% endif %}" alt="{{ scene.title }}" class="w-full h-full object-cover group-hover:scale-105 transition-transform">
                        {% else %}
                        <div class="w-full h-full flex items-center justify-center bg-gradient-to-br from-gray-300 to-gray-400">
                            <svg class="text-gray-500 w-8 h-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"/>
                            </svg>
                        </div>
                        {% endif %}
                    </div>
                    <div class="p-3">
                        <h3 class="font-medium text-gray-900 text-sm leading-tight mb-1 group-hover:text-red-600 transition-colors">{{ scene.title }}</h3>
                        {% if scene.release_date %}
                        <p class="text-xs text-gray-600">{{ scene.release_date|date('M j, Y') }}</p>
                        {% endif %}
                    </div>
                </div>
            </a>
            {% endfor %}
        </div>
    </div>
    {% endif %}

    <!-- No Content Message -->
    {% if not movies and not tv_shows and not scenes %}
    <div class="text-center py-16">
        <div class="w-24 h-24 bg-gray-100 rounded-full flex items-center justify-center mx-auto mb-6">
            <svg class="text-gray-400 w-12 h-12" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
            </svg>
        </div>
        <h3 class="text-xl font-semibold text-gray-900 mb-2">No Media Found</h3>
        <p class="text-gray-600">This performer hasn't appeared in any movies, TV shows, or adult videos yet.</p>
    </div>
    {% endif %}
</div>

{% endblock %}