MediaCollectorLibary/resources/views/actor/show.twig

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

{% block content %}
<div class="px-4 py-3">
    <!-- Back button -->
    <div class="mb-4">
        <a href="{{ path_for('actors.index') }}" class="btn btn-outline-secondary btn-sm">
            <svg class="me-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>
    </div>

    <div class="card">
        <div class="row g-0">
            <!-- Actor image -->
            <div class="col-md-4">
                <div class="card-body">
                    <div class="text-center">
                        {% if actor.thumbnail_path %}
                        <img src="{{ actor.thumbnail_path }}" alt="{{ actor.name }}" class="rounded-circle mb-3" style="width: 150px; height: 150px; object-fit: cover;">
                        {% else %}
                        <div class="rounded-circle bg-light d-flex align-items-center justify-content-center mb-3 mx-auto" style="width: 150px; height: 150px;">
                            <svg class="text-muted" width="75" height="75" 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>
                        {% endif %}
                        <h1 class="h3 fw-bold text-dark mb-2">{{ actor.name }}</h1>
                        <p class="text-muted">{{ actor.scene_count }} scene{{ actor.scene_count != 1 ? 's' : '' }}</p>
                    </div>
                </div>
            </div>

            <!-- Actor details and scenes -->
            <div class="col-md-8">
                <div class="card-body">
                    <!-- Actor stats -->
                    <div class="row g-3 mb-4">
                        <div class="col-sm-6">
                            <div class="d-flex align-items-center">
                                <svg class="me-2 text-primary" width="20" height="20" 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="fw-semibold">{{ actor.scene_count }}</div>
                                    <small class="text-muted">Total Scenes</small>
                                </div>
                            </div>
                        </div>

                        {% if actor.scene_count > 0 %}
                        <div class="col-sm-6">
                            <div class="d-flex align-items-center">
                                <svg class="me-2 text-success" width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/>
                                </svg>
                                <div>
                                    <div class="fw-semibold">{{ actor.latest_scene_date|date('M j, Y') }}</div>
                                    <small class="text-muted">Latest Scene</small>
                                </div>
                            </div>
                        </div>
                        {% endif %}
                    </div>

                    <!-- Scenes by this actor -->
                    {% if scenes %}
                    <div>
                        <h3 class="h5 fw-semibold text-dark mb-3">Scenes featuring {{ actor.name }}</h3>
                        <div class="row g-3">
                            {% for scene in scenes %}
                            <div class="col-md-6 col-lg-4">
                                <div class="card h-100">
                                    <div style="background-color: #f8f9fa; height: 150px; overflow: hidden;">
                                        {% if scene.poster_url %}
                                        <img src="{{ scene.poster_url }}" alt="{{ scene.title }}" class="w-100 h-100" style="background-size: cover;">
                                        {% else %}
                                        <div class="w-100 h-100 d-flex align-items-center justify-content-center">
                                            <svg class="text-muted" width="48" height="48" 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="card-body">
                                        <h6 class="card-title mb-1">
                                            <a href="{{ path_for('adult.show', {'id': scene.id}) }}" class="text-decoration-none">{{ scene.title }}</a>
                                        </h6>
                                        <p class="card-text small text-muted">
                                            {{ scene.release_date|date('M j, Y') }}
                                            {% if scene.runtime_minutes %}
                                            • {{ (scene.runtime_minutes / 60)|round(1) }}h {{ scene.runtime_minutes % 60 }}m
                                            {% endif %}
                                        </p>
                                        <small class="text-muted">{{ scene.source_name }}</small>
                                    </div>
                                </div>
                            </div>
                            {% endfor %}
                        </div>
                    </div>
                    {% else %}
                    <div class="text-center py-5">
                        <svg class="text-muted mb-3" width="64" height="64" 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>
                        <h5 class="text-muted">No scenes found</h5>
                        <p class="text-muted">This performer hasn't appeared in any scenes yet.</p>
                    </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}