{% extends team.id+'/base.html' %}

{% block title %}Club{% endblock %}
{% block description %}Official website of {{team.name|safe}}'s club, with a possession style and a legendary youth academy. Player profiles, tickets and 10 years of history.{% endblock %}

{% block head_meta %}<link rel="stylesheet" href="{{ url_for('static', filename='css/el_club.css') }}">{% endblock %}

{% block content %}
<section class="container my-5">
    <div class="row align-items-center mb-5">
        <div class="col-md-3 text-center">
            <img src="{{team.logo}}" alt="Team logo" class="img-fluid" style="max-height: 150px;">
        </div>
        <div class="col-md-6 text-center">
            <h1 class="fw-bold mb-3">{{team["name"]}}</h1>
            <p class="text-muted">Founded on: {{team.founded}} | ID: {{team["team_id"]}}</p>
        </div>
        <div class="col-md-3 text-center">
            <div class="d-flex justify-content-center gap-2">
                <div class="p-2 border rounded bg-light-subtle">
                    <small class="d-block">Home</small>
                    <img src="{{team.footbal_kit[0]}}" width="100" alt="home kit">
                </div>
                <div class="p-2 border rounded bg-light-subtle">
                    <small class="d-block">Away</small>
                    <img src="{{team.footbal_kit[1]}}" width="100" alt="away kit">
                </div>
            </div>
        </div>
    </div>
    <div class="row align-items-center mb-4">
        <div class="col-lg-6">
            <p class="lead text-muted">Founded in {{team.founded | format_date}}, <strong>{{team.name}}</strong> was established with the goal of promoting sport and the core values of football within our community. Despite being a young club, it has quickly grown in both the number of players and its sporting structure.</p>
            <p>{{team.name}} was born out of a true passion for the game and the desire to create an environment where players can develop both athletically and personally. From the very beginning, the club has been committed to fostering teamwork, respect, and dedication.</p>
            <p>Today, the club continues to expand across different age groups, focusing on the development of young talent and building a strong sense of community. More than just a football club, {{team.name}} represents values that go beyond the pitch.</p>
        </div>
        <div class="col-lg-6">
            <div class="p-2 border border-warning border-5 rounded-4 shadow-lg">
                <img src="https://www.hattrick.org/Img/Illustrations/hat-splash-reboot-bg.webp" class="img-fluid rounded-3" alt="Kame House Stadium">
            </div>
        </div>
    </div>
    <div class="row mb-4 justify-content-center">
        <div class="col-md-3">
            <div class="card bg-light-subtle border-0 text-center p-3">
                <i class="bi bi-shield-shaded fs-1 text-primary"></i>
                <p class="fs-4 mt-2">Style of Play</p>
                <p class="small">We rely on a 3-5-2 formation, controlling the midfield and playing a creative style of football.</p>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-light-subtle border-0 text-center p-3">
                <i class="bi bi-mortarboard fs-1 text-success"></i>
                <p class="fs-4 mt-2">Priority</p>
                <p class="small">Our academy is the heart of the club. 60% of the squad comes from the youth system.</p>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-light-subtle border-0 text-center p-3">
                <i class="bi bi-currency-euro fs-1 text-warning"></i>
                <p class="fs-4 mt-2">Objective</p>
                <p class="small">Reach the upper divisions.</p>
            </div>
        </div>
    </div>
<div class="row align-items-center my-5">
    <div class="col-lg-5">
        <img src="{{team.stadium.img_stadium}}" class="img-fluid rounded-4 shadow" alt="{{team.stadium.name}}">
    </div>
    <div class="col-lg-6">
        <h2 class="fw-bold">{{team.stadium.name}}</h2>
        <p class="text-muted">
            Located in {{team.stadium.geo[1]}}, {{team.stadium.geo[0]}}, 
            the stadium is the home ground of {{team.name}}. 
            It hosts all official matches and serves as a key venue for the club's activities. Opened at {{team.founded | format_date}}.
        </p>
        <div class="row text-center mt-3">
            <div class="col-6 col-md-4 mb-3">
                <strong>{{team.stadium.total_capacity}}</strong><br>
                <small class="text-muted">Capacity</small>
            </div>
            <div class="col-6 col-md-4 mb-3">
                <strong>{{team.stadium.basic_seating}}</strong><br>
                <small class="text-muted">Seated</small>
            </div>
            <div class="col-6 col-md-4 mb-3">
                <strong>{{team.stadium.seats_under_roof}}</strong><br>
                <small class="text-muted">Covered</small>
            </div>
            <div class="col-6 col-md-4 mb-3">
                <strong>{{team.stadium.seats_VIP}}</strong><br>
                <small class="text-muted">VIP</small>
            </div>
            <div class="col-6 col-md-4 mb-3">
                <strong>{{team.stadium.last_improvement | format_date}}</strong><br>
                <small class="text-muted">Last Upgrade</small>
            </div>
            <div class="col-12">
                <a href="{{url_for('team.stadium', team_id=team.id)}}" class="btn btn-outline-primary btn-sm rounded-pill px-4">View stadium details <i class="bi bi-arrow-right ms-1"></i></a>
            </div>
        </div>
    </div>
</div>
    <div class="bg-dark text-white p-5 rounded-4 shadow-lg mb-5 border-top border-warning border-5">
        <h2 class="text-center mb-5 text-uppercase">Our Honors</h2>
        <div class="row g-4 text-center">
            {%if team.parse_trophy()|length == 0 %}<div class="col-12">
            <p class="lead fst-italic">Our journey has just begun — the first trophies are yet to come.</p>
                </div>
            {%else%}{% for t in team.parse_trophy() %}
            <div class="col-md-2">
                <div class="position-relative d-inline-block mb-3">
                    <img src="https://www.hattrick.org/v2605510/App_Themes/Standard/images/trophies/{{t['group'][:2]|lower}}.png" alt="Group">
                </div>
                <h3 class="h4">Group {{t["group"]}}</h3>
                <p class="small text-warning">Season {{t["season"]}}</p>
            </div>{% endfor %}{% endif %}
        </div>
    </div>
    <div class="container pt-4">
        <div class="text-center mb-5">
            <h2 class="fw-bold">Timeline</h2>
            <p class="lead">From obscurity to consolidation</p>
        </div>
        <div class="timeline">
            <div class="container-timeline left">
                <div class="card shadow-sm border-previ">
                    <div class="card-body">
                        <span class="badge bg-secondary mb-2">Pre-2016</span>
                        <h3 class="fw-bold">ERA OF OBLIVION</h3>
                        <p class="mb-0"><strong>A club without direction.</strong> drifting through VIII and VII with no active management.</p>
                    </div>
                </div>
            </div>

            <div class="container-timeline right">
                <div class="card shadow-sm border-aniversari">
                    <div class="card-body">
                        <span class="badge bg-warning text-dark mb-2">Season 48</span>
                        <div class="small text-muted mb-1">24-01-2016</div>
                        <h3 class="fw-bold">Start of the Emete10 Era</h3>
                        <p class="mb-0 small">Takeover and name change to <strong>Muten Roshi FC</strong>.</p>
                    </div>
                </div>
            </div>

            <div class="container-timeline left">
                <div class="card shadow-sm border-ascens">
                    <div class="card-body">
                        <span class="badge bg-success mb-2">Season 59</span>
                        <div class="small text-muted mb-1">15-06-2019</div>
                        <h3 class="fw-bold">Historic Peak: Division V</h3>
                        <p class="mb-0 small">Winners of Group VI.491. The team reaches the 5th division for the first time.</p>
                    </div>
                </div>
            </div>

            <div class="container-timeline right">
                <div class="card shadow-sm border-descens">
                    <div class="card-body">
                        <span class="badge bg-danger mb-2">Season 60</span>
                        <div class="small text-muted mb-1">05-10-2019</div>
                        <h3 class="fw-bold">Return to VI</h3>
                        <p class="mb-0 small">Relegation from V.91 to the Sixth Division.</p>
                    </div>
                </div>
            </div>

            <div class="container-timeline left">
                <div class="card shadow-sm border-aniversari">
                    <div class="card-body">
                        <span class="badge bg-warning text-dark mb-2">Season 64</span>
                        <div class="small text-muted mb-1">24-01-2021</div>
                        <h3 class="fw-bold">5th Anniversary</h3>
                        <p class="mb-0 small">Halfway to a decade under the same ownership.</p>
                    </div>
                </div>
            </div>

            <div class="container-timeline right">
                <div class="card shadow-sm border-descens">
                    <div class="card-body">
                        <span class="badge bg-danger mb-2">Season 69</span>
                        <div class="small text-muted mb-1">16-07-2022</div>
                        <h3 class="fw-bold">Relegation to VII</h3>
                        <p class="mb-0 small">Promotion is lost and the team drops to the Seventh Division.</p>
                    </div>
                </div>
            </div>

            <div class="container-timeline left">
                <div class="card shadow-sm border-ascens">
                    <div class="card-body">
                        <span class="badge bg-success mb-2">Season 70</span>
                        <div class="small text-muted mb-1">29-10-2022</div>
                        <h3 class="fw-bold">Return to VI</h3>
                        <p class="mb-0 small">Winners of VII.345 and immediate promotion.</p>
                    </div>
                </div>
            </div>

            <div class="container-timeline right">
                <div class="card shadow-sm border-ascens">
                    <div class="card-body">
                        <span class="badge bg-success mb-2">Season 73</span>
                        <div class="small text-muted mb-1">30-09-2023</div>
                        <h3 class="fw-bold">Return to Division V</h3>
                        <p class="mb-0 small">A great season in VI.656 (1st place) and a new promotion back to the elite.</p>
                    </div>
                </div>
            </div>

            <div class="container-timeline left">
                <div class="card shadow-sm border-descens">
                    <div class="card-body">
                        <span class="badge bg-danger mb-2">Season 74</span>
                        <div class="small text-muted mb-1">27-01-2024</div>
                        <h3 class="fw-bold">Relegation to VI</h3>
                        <p class="mb-0 small">Lost promotion and return to the Sixth Division.</p>
                    </div>
                </div>
            </div>

            <div class="container-timeline right">
                <div class="card shadow-sm border-ascens">
                    <div class="card-body">
                        <span class="badge bg-success mb-2">Season 80</span>
                        <div class="small text-muted mb-1">29-11-2025</div>
                        <h3 class="fw-bold">Two-time VI champions</h3>
                        <p class="mb-0 small">Two-time VI champions. The team dominates Group VI.62 for the second time, although promotion to V remains elusive.</p>
                    </div>
                </div>
            </div>

            <div class="container-timeline left">
                <div class="card shadow-sm border-aniversari">
                    <div class="card-body">
                        <span class="badge bg-warning text-dark mb-2">Season 81</span>
                        <div class="small text-muted mb-1">24-01-2026</div>
                        <h3 class="fw-bold">10th Anniversary</h3>
                        <p class="mb-0 small text-uppercase fw-bold">A decade of glory in Hattrick!</p>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>{% endblock %}