63 lines
2.5 KiB
HTML
63 lines
2.5 KiB
HTML
|
{% extends "base.html" %}
|
||
|
|
{% block content %}
|
||
|
|
<div class="card shadow-sm">
|
||
|
|
<div class="card-body">
|
||
|
|
<h1>{{ game.name }}</h1>
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
<!-- Bild und Basis-Infos -->
|
||
|
|
<div class="col-md-4">
|
||
|
|
{% if game.steam_appid %}
|
||
|
|
<img src="https://cdn.cloudflare.steamstatic.com/steam/apps/{{ game.steam_appid }}/header.jpg"
|
||
|
|
class="img-fluid rounded mb-3"
|
||
|
|
alt="{{ game.name }} Cover"
|
||
|
|
loading="lazy">
|
||
|
|
{% endif %}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Details -->
|
||
|
|
<div class="col-md-8">
|
||
|
|
<dl class="row">
|
||
|
|
<dt class="col-sm-3">{{ _('Status') }}</dt>
|
||
|
|
<dd class="col-sm-9">
|
||
|
|
{% if game.status == 'nicht eingelöst' %}
|
||
|
|
<span class="badge bg-warning text-dark">{{ _('Not redeemed') }}</span>
|
||
|
|
{% elif game.status == 'geschenkt' %}
|
||
|
|
<span class="badge bg-success">{{ _('Gifted') }}</span>
|
||
|
|
{% elif game.status == 'eingelöst' %}
|
||
|
|
<span class="badge bg-secondary">{{ _('Redeemed') }}</span>
|
||
|
|
{% endif %}
|
||
|
|
</dd>
|
||
|
|
|
||
|
|
<dt class="col-sm-3">{{ _('Release Date') }}</dt>
|
||
|
|
<dd class="col-sm-9">{{ game.release_date|strftime('%d.%m.%Y') if game.release_date else 'N/A' }}</dd>
|
||
|
|
|
||
|
|
<dt class="col-sm-3">{{ _('Current Price') }}</dt>
|
||
|
|
<dd class="col-sm-9">{{ "%.2f €"|format(game.current_price) if game.current_price else 'N/A' }}</dd>
|
||
|
|
|
||
|
|
</dl>
|
||
|
|
|
||
|
|
<a href="{{ url_for('edit_game', game_id=game.id) }}" class="btn btn-primary">
|
||
|
|
{{ _('Edit') }}
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{% set lang = session.get('lang', 'en') %}
|
||
|
|
{% set desc = getattr(game, 'steam_description_' + lang) %}
|
||
|
|
{% if desc %}
|
||
|
|
<div class="row mt-4">
|
||
|
|
<div class="col-12">
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-header">{{ _('Game Description') }}</div>
|
||
|
|
<div class="card-body">
|
||
|
|
{{ desc|safe }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{% endblock %}
|
||
|
|
|