{% extends "@matchday/commonmaster.html.twig" %}

{% block content %}
      <!-- Organization content-->
      <section class="section section-md bg-gray-100">
        <div class="container">
          <div class="row row-30">
            <div class="col-lg-8">
              <!-- Heading Component-->
              <article class="heading-component">
                <div class="heading-component-inner">
                  <h5 class="heading-component-title">Team overview
                  </h5>
                </div>
              </article>
              <!-- Player Info Corporate-->
              <div class="player-info-corporate">
                <div class="player-info-figure">
                  <div class="block-number"><span>Tag</span></div>
                  <div class="player-img"><img src="{{asset('matchday/images/matchday.png')}}" alt="" width="368" height="286" />
                  </div>
                  <div class="team-logo-img"><img src="{{asset('matchday/images/matchday.png')}}" alt="" width="237" height="312" />
                  </div>
                </div>
                <div class="player-info-main">
            <h4 class="player-info-title">{{ organization.getName() }}</h4>
                  <p class="player-info-subtitle">NSL</p>
                  <hr />
                  <div class="player-info-table">
                    <div class="table-custom-wrap">
                      <table class="table-custom">
                        <tr>
                          <th>Joined:</th>
                          <th>2023/2024 Season</th>
                          <th>Home Town</th>
                    <th>{{ organization.getTown() }}</th>
                  </tr>
                  <tr>
                    <td>Members</td>
                    <td>120</td>
                    <td>Total games</td>
                    <td>{{ organization_match_event_count }}</td>
                  </tr>
                </table>
              </div>
            </div>
            <hr />
            <div class="player-info-progress">
              <!-- Linear progress bar-->
              <article class="progress-linear progress-bar-modern">
                <div class="progress-header">
                  <p>Win / Loss Ratio</p>
                </div>
                <div class="progress-bar-linear-wrap">
                  <div class="progress-bar-linear"></div>
                </div><span class="progress-value">95</span>
              </article>
              <!-- Linear progress bar-->
              <article class="progress-linear progress-bar-modern">
                <div class="progress-header">
                  <p>No of Members</p>
                </div>
                <div class="progress-bar-linear-wrap">
                  <div class="progress-bar-linear"></div>
                </div><span class="progress-value">70</span>
              </article>
            </div>
          </div>
        </div>
        <section class="section section-sm bg-gray-100">
          <div class="container">
            <!-- Heading Component-->
            <article class="heading-component">
              <div class="heading-component-inner">
                <h5 class="heading-component-title">Next match
                </h5>
              </div>
            </article>
            <div class="promo-creative unit-spacing-lg">
              <div class="unit unit-md-horizontal align-items-center align-items-md-stretch">
                <div class="unit-body">
                  <div class="promo-creative-meta">
                    <time class="promo-creative-time" datetime="2024-05-17">
                      <span class="heading-1"> {{ featured_event.start_date|date('d') }} </span>
                      <span class="heading-5"> {{ featured_event.start_date|date('M') }} </span>
                    </time>
                    <div class="promo-creative-meta-description">
                      <span class="text-primary">{{ featured_event.start_time }}</span>
                      <span> {{ featured_event.start_date|date('l') }} </span>
                    </div>
                  </div>
                  <div class="promo-creative-figure">
                    <img src="{{ asset('MatchDayFiles/EventBanners/') }}{{ featured_event.event_banner_file }}" alt="" width="357" height="321"/>
                  </div>
                </div>
                <div class="unit-right">
                  <div class="promo-creative-details">
                    <h3 class="promo-creative-title">{{ featured_event.season_name }}</h3>
                    <p class="promo-creative-location"><span class="icon icon-gray-800 mdi mdi-map-marker"></span>{{ featured_event.venue_name }}
                    </p>
                    <div class="promo-creative-countdown">
                      <div class="countdown countdown-bordered" data-type="until" data-time="31 Dec 2024 16:00" data-format="dhms" data-style="short"></div>
                    </div>
                    <div class="promo-main promo-creative-main">
                      <div class="promo-team promo-creative-team">
                        <figure class="promo-team-figure"><img src="{{ asset('MatchDayFiles/TeamLogos/') }}{{ featured_event.team_a_logo }}" alt="" width="31" height="41"/>
                        </figure>
                        <div class="promo-team-title">
                          <div class="promo-team-name">{{ featured_event.team_a }}</div>
                          <!-- <div class="promo-team-country">Embu</div> -->
                        </div>
                      </div>
                      <div class="promo-creative-middle">VS</div>
                      <div class="promo-team promo-creative-team">
                        <figure class="promo-team-figure"><img src="{{ asset('MatchDayFiles/TeamLogos/') }}{{ featured_event.team_b_logo }}" alt="" width="34" height="34"/>
                        </figure>
                        <div class="promo-team-title">
                          <div class="promo-team-name">{{ featured_event.team_b }}</div>
                          <!-- <div class="promo-team-country">Embu</div> -->
                        </div>
                      </div>
                    </div>
                    <div class="promo-creative-tickets">
                      <div class="promo-buttons text-nowrap">
                        <div class="promo-button promo-button-share fl-bigmug-line-share27">
                          <ul class="promo-share-list">
                            <li class="promo-share-item"><span>Share</span></li>
                            <li class="promo-share-item"><a class="icon fa fa-facebook" href="#"></a></li>
                            <li class="promo-share-item"><a class="icon fa fa-twitter" href="#"></a></li>
                            <li class="promo-share-item"><a class="icon fa fa-google-plus" href="#"></a></li>
                            <li class="promo-share-item"><a class="icon fa fa-instagram" href="#"></a></li>
                          </ul>
                        </div><a class="button button-primary" href="#">Buy tickets</a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
      </div>
      <div class="col-lg-4">
        <div class="row row-30">
          <div class="col-md-6 col-lg-12">
            <!-- Heading Component-->
            <article class="heading-component">
              <div class="heading-component-inner">
                <h5 class="heading-component-title">Statistics
                </h5>
                <div class="heading-component-aside">
                  <select class="select" data-placeholder="All Competitions"
                    data-container-class="select-minimal-xl">
                    <option label="placeholder"></option>
                    <option value="all" selected="">All Competitions</option>
                    <option value="world">NSL</option>
                  </select>
                </div>
              </div>
            </article>
            <!-- List Statistics-->
            <ul class="list-statictics">
              <li><a href="#">Season Wins</a><span class="list-statictics-counter">{{ organization_season_standing.getWon() }}</span></li>
              <li><a href="#">Game attendance</a><span class="list-statictics-counter">2,100</span></li>
              <li><a href="#">social Media Pages</a><span class="list-statictics-counter">10</span></li>
              <li><a href="#">Total Games</a><span class="list-statictics-counter">80</span></li>
              <li><a href="#">Red Cards</a><span class="list-statictics-counter">02</span></li>
            </ul>
          </div>    
        </div>
      </div>
    </div>
  </div>
</section>
<section class="section section-sm bg-gray-100">
        <div class="container">
          <div class="row row-50">
            <div class="col-lg-7 col-xl-8">
              <div class="row row-50">
                <div class="col-12">
                  <!-- Heading Component-->
                  <article class="heading-component">
                    <div class="heading-component-inner">
                      <h5 class="heading-component-title">Latest Past Match Result
                      </h5>
                    </div>
                  </article>
                  <!-- Game Result Bug-->
                  <article class="game-result">
                    <div class="game-info game-info-classic">
                      <p class="game-info-subtitle">Embu Stadium - 
                        <time datetime="2024-04-17"> April 15, 2024</time>
                      </p>
                      <h3 class="game-info-title">Kenya soccer cup: day 38</h3>
                      <div class="game-info-main">
                        <div class="game-info-team game-info-team-first">
                          <figure><img src="images/team-3K FC-75x99.png" alt="" width="75" height="99">
                          </figure>
                          <div class="game-result-team-name">3K FC</div>
                          <div class="game-result-team-country">Embu</div>
                        </div>
                        <div class="game-info-middle">
                          <div class="game-result-score-wrap">
                            <div class="game-info-score game-result-team-win">2</div>
                            <div class="game-info-score">1</div>
                          </div>
                          <div class="game-result-divider-wrap"><span class="game-info-team-divider">VS</span></div>
                        </div>
                        <div class="game-info-team game-info-team-second">
                          <figure><img src="images/team-Kenya-team-91x91.png" alt="" width="91" height="91">
                          </figure>
                          <div class="game-result-team-name">Kirinyaga FC</div>
                          <div class="game-result-team-country">Kirinyaga</div>
                        </div>
                      </div>
                    </div>
                  </article>
                </div>
                <div class="col-12">
                  <!-- Heading Component-->
                  <article class="heading-component">
                    <div class="heading-component-inner">
                      <h5 class="heading-component-title">Game schedule
                      </h5>
                    </div>
                  </article>
                  <!-- Game Result Bug-->
                  <article class="game-result">
                    <div class="game-info game-info-modern">
                      <p class="game-info-subtitle">Kirinyaga Stadium - 
                        <time datetime="08:30"> 08:30 PM</time>
                      </p>
                      <h3 class="game-info-title">Kenyaan soccer cup: day 38</h3>
                      <div class="game-info-main">
                        <div class="game-info-team game-info-team-first">
                          <figure><img src="images/team-3K FC-75x99.png" alt="" width="75" height="99">
                          </figure>
                          <div class="game-result-team-name">3K FC</div>
                          <div class="game-result-team-country">Mombasa</div>
                        </div>
                        <div class="game-info-middle game-info-middle-vertical">
                          <time class="time-big" datetime="2024-04-17"><span class="heading-3">Fri 19</span> May 2024
                          </time>
                          <div class="game-result-divider-wrap"><span class="game-info-team-divider">VS</span></div>
                          <div class="group-sm">
                            <div class="button button-sm button-share-outline">Share
                              <ul class="game-info-share">
                                <li class="game-info-share-item"><a class="icon fa fa-facebook" href="#"></a></li>
                                <li class="game-info-share-item"><a class="icon fa fa-twitter" href="#"></a></li>
                                <li class="game-info-share-item"><a class="icon fa fa-google-plus" href="#"></a></li>
                                <li class="game-info-share-item"><a class="icon fa fa-instagram" href="#"></a></li>
                              </ul>
                            </div><a class="button button-sm button-primary" href="#">Buy tickets</a>
                          </div>
                        </div>
                        <div class="game-info-team game-info-team-second">
                          <figure><img src="images/team-Kenya-team-91x91.png" alt="" width="91" height="91">
                          </figure>
                          <div class="game-result-team-name">Kenya team</div>
                          <div class="game-result-team-country">Kenya</div>
                        </div>
                      </div>
                    </div>
                  </article>
                </div>
                <div class="col-12">
                  <!-- Heading Component-->
                  <article class="heading-component">
                    <div class="heading-component-inner">
                      <h5 class="heading-component-title">Upcoming match promo
                      </h5>
                    </div>
                  </article>
                  <div class="row row-30">
                    <div class="col-md-6 col-lg-12 col-xl-6">
                      <!-- Promo Classic-->
                      <div class="promo promo-classic">
                        <div class="promo-meta promo-classic-meta">
                          <p class="promo-title heading-3">Kenya League final 2024</p>
                          <div class="divider-middle divider-secondary"></div>
                          <time class="promo-time" datetime="2024-04-14">Saturday, April 14, 2024</time>
                        </div>
                        <div class="promo-classic-countdown">
                          <div class="countdown countdown-classic countdown-classic-sm is-countdown" data-type="until" data-time="31 Dec 2024 16:00" data-format="dhms" data-style="short"><span class="countdown-row countdown-show0"></span></div>
                        </div>
                        <div class="promo-main promo-classic-main">
                          <div class="promo-team">
                            <figure class="promo-team-figure promo-classic-team-figure"><img src="images/team-3K FC-58x77.png" alt="" width="58" height="77">
                            </figure>
                            <div class="promo-team-name">3K FC</div>
                            <div class="promo-team-country">Mombasa</div>
                          </div>
                          <div class="promo-middle promo-classic-middle">VS</div>
                          <div class="promo-team">
                            <figure class="promo-team-figure promo-classic-team-figure"><img src="images/team-Kenya-team-69x69.png" alt="" width="69" height="69">
                            </figure>
                            <div class="promo-team-name">Kenya team</div>
                            <div class="promo-team-country">Kenya</div>
                          </div>
                        </div><a class="button button-primary button-block" href="#">Buy tickets now</a>
                      </div>
                    </div>
                    <div class="col-md-6 col-lg-12 col-xl-6">
                      <!-- Promo Modern-->
                      <div class="promo promo-modern">
                        <div class="promo-meta promo-modern-meta">
                          <p class="promo-title promo-modern-title heading-4">Kenya League final 2024</p>
                          <time class="promo-time" datetime="2024-04-14">Saturday, April 14, 2024</time>
                        </div>
                        <div class="promo-main promo-modern-main">
                          <div class="promo-team promo-modern-team">
                            <figure class="promo-team-figure"><img src="images/team-3K FC-58x77.png" alt="" width="58" height="77">
                            </figure>
                            <div class="promo-team-name">3K FC</div>
                            <div class="promo-team-country">Mombasa</div>
                          </div>
                          <div class="promo-middle promo-modern-middle">VS</div>
                          <div class="promo-team promo-modern-team">
                            <figure class="promo-team-figure"><img src="images/team-real-madrid-78x98.png" alt="" width="78" height="98">
                            </figure>
                            <div class="promo-team-name">Naivas FC</div>
                            <div class="promo-team-country">Solio</div>
                          </div>
                        </div>
                        <div class="promo-modern-countdown">
                          <div class="countdown countdown-classic is-countdown" data-type="until" data-time="31 Dec 2024 16:00" data-format="dhms" data-style="short"><span class="countdown-row countdown-show0"></span></div>
                        </div><a class="button button-default button-block" href="#"><span>Buy tickets now</span></a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-5 col-xl-4">
              <!-- Heading Component-->
              <article class="heading-component">
                <div class="heading-component-inner">
                  <h5 class="heading-component-title">Game highlights
                  </h5>
                </div>
              </article>
              <!-- Game Highlights-->
              <div class="game-highlights">
                <ul class="game-highlights-list">
                  <li>
                    <p class="game-highlights-title">Start of the Match
                    </p><span class="game-highlights-minute">0’</span>
                  </li>
                  <li>
                    <p class="game-highlights-title"><span class="icon icon-xxs icon-orange-dark fa fa-exclamation"></span>Foul by Martin Pierto
                    </p>
                    <p class="game-highlights-description">Martin Pierto showed sharp reflexes but failed to score for his team.</p><span class="game-highlights-minute">12’</span>
                  </li>
                  <li class="team-primary">
                    <p class="game-highlights-title"><span class="icon icon-xxs icon-primary fa fa-futbol-o"></span><span class="game-highlights-goal">Goal</span> (1-0)
                    </p>
                    <p class="game-highlights-description">Franklin Stevens scored with the right foot. Assisted by David Hawkins.</p><span class="game-highlights-minute">18’</span>
                  </li>
                  <li class="team2-blue">
                    <p class="game-highlights-title"><span class="icon icon-xxs icon-blue-boston fa fa-futbol-o"></span><span class="game-highlights-goal">Goal</span> (1-1)
                    </p>
                    <p class="game-highlights-description">atletico’s defender James Peterson turned Hernandez’s cross into his own net.</p><span class="game-highlights-minute">21’</span>
                  </li>
                  <li>
                    <p class="game-highlights-title"><span class="icon icon-xxs icon-orange fa fa-file"></span>Yellow card
                    </p>
                    <p class="game-highlights-description">Ernesto Wilson got his first yellow card just before the first time ended.</p><span class="game-highlights-minute">28’</span>
                  </li>
                  <li>
                    <p class="game-highlights-title"><span class="icon icon-xxs icon-primary fa fa-life-ring"></span>Attempt saved
                    </p>
                    <p class="game-highlights-description">Harry Stevenson saved Rob Wilson’s attempt to score a goal.</p><span class="game-highlights-minute">31’</span>
                  </li>
                  <li>
                    <p class="game-highlights-title"><span class="icon icon-xxs icon-blue-boston fa fa-hand-o-right"></span>Penalty Kick
                    </p>
                    <p class="game-highlights-description">Performed by Sam Schmidt, this penalty kick marks the beginning of the 2nd time.</p><span class="game-highlights-minute">47’</span>
                  </li>
                  <li>
                    <p class="game-highlights-title"><span class="icon icon-xxs icon-primary fa fa-flag"></span>Offside of Chris Balleron
                    </p>
                    <p class="game-highlights-description">Chris Balleron received offside warning for touching the passed ball.</p><span class="game-highlights-minute">60’</span>
                  </li>
                  <li>
                    <p class="game-highlights-title"><span class="icon icon-xxs icon-red-2 fa fa-file"></span>Red card
                    </p>
                    <p class="game-highlights-description">The referee showed red card to Joe Perkins on the 74th minute of the match.</p><span class="game-highlights-minute">74’</span>
                  </li>
                  <li>
                    <p class="game-highlights-title"><span class="icon icon-xxs icon-primary fa fa-exchange"></span>Gary Cahill <span class="text-gray-500">for</span> jack windsor
                    </p>
                    <p class="game-highlights-description">Atletico replaces their first forward with Jack Windsor before the 2nd time ends.</p><span class="game-highlights-minute">86’</span>
                  </li>
                  <li>
                    <p class="game-highlights-title"><span class="icon icon-xxs icon-blue-boston fa fa-clock-o"></span>The referee adds 4 minutes 
                    </p>
                    <p class="game-highlights-description">The referee adds 4 minutes to the second time to compensate goal celebration time.</p><span class="game-highlights-minute">89’</span>
                  </li>
                  <li>
                    <p class="game-highlights-title"><span class="icon icon-xxs icon-primary fa fa-flag-checkered"></span>End of the game
                    </p>
                    <p class="game-highlights-description">4 minutes later the referee announces the end of the game with a draw as a result.</p><span class="game-highlights-minute">94’</span>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </section>
{% endblock %}