1<#setting locale = locale>
2
3<div>
4 <div class="image-article-container image-article-container-single-player">
5 <a href="/i-zespol" class="btn-go-back"><span class="icon icon-slg-chevron-left"></span>
6 ${TranslationUtil.get("back-to-the-list-of-players", locale, "com.stellis.liga360.clubs.singleplayer.web")?lower_case}
7 </a>
8 <div class="img-wrapper">
9 <#if player.photoMediaWebDTO??>
10 <img class="player-photo" data-fileentryid="${player.photoMediaWebDTO.fileEntryId}"
11 src="${player.photoMediaWebDTO.url}"
12 alt="${player.firstName} ${player.lastName}">
13 <#else>
14 <img class="player-photo" src="/o/single-player/images/photo-placeholder.png" alt="photo placeholder">
15 </#if>
16 <#if player.backgroundMediaWebDTO??>
17 <img class="player-photo player-photo-transparent"
18 data-fileentryid="${player.backgroundMediaWebDTO.fileEntryId}"
19 src="${player.backgroundMediaWebDTO.url}"
20 alt="${player.firstName} ${player.lastName}">
21 <#else>
22 <img class="player-photo player-photo-transparent"
23 src="/o/single-player/images/background-placeholder.png" alt="background placeholder">
24 </#if>
25 </div>
26 <div class="player-info">
27 <div class="player-info-content">
28 <div class="number-and-flag">
29 <#if player.number != 0>
30 <span class="number">#${player.number}</span>
31 </#if>
32 <img class="flag"
33 src="${themeDisplay.getPathThemeRoot()}/assets/img/flags/${player.shortNationality}.png">
34 </div>
35
36 <h2 class="name"><span>${player.firstName}</span> ${player.lastName}</h2>
37 <span class="position">${player.position}</span>
38 <div class="btn-wrapper btn-edit-placeholders">
39 <!-- Here will be edit button rendered by javascript -->
40 </div>
41 </div>
42
43 <div class="share-widget">
44 <#if player.instagram?has_content>
45 <a href="${player.instagram}" target="_blank"><span class="icon icon-slg-instagram"></span></a>
46 </#if>
47
48 <#if player.facebook?has_content>
49 <a href="${player.facebook}" target="_blank"><span class="icon icon-slg-facebook"></span></a>
50 </#if>
51
52 <#if player.twitter?has_content>
53 <a href="${player.twitter}" target="_blank"><span class="icon icon-slg-twitter"></span></a>
54 </#if>
55 </div>
56 </div>
57
58 <#if player.number != 0>
59 <div class="number-big">${player.number}</div>
60 </#if>
61 </div>
62
63 <div class="single-player-details-stats-container container">
64 <div class="single-player-details-container">
65 <#if player.birthday?has_content>
66 <#if player.number != 0>
67 <div class="single-player-details">
68 <span class="title">${TranslationUtil.get("date-of-birth-date", locale, "com.stellis.liga360.clubs.singleplayer.web")?lower_case}:</span>
69 <span class="value">${player.birthday}</span>
70 </div>
71 </#if>
72 </#if>
73
74 <#if player.weight?has_content && player.number != 0>
75 <div class="single-player-details">
76 <span class="title">${TranslationUtil.get("height", locale, "com.stellis.liga360.clubs.singleplayer.web")?lower_case}:</span>
77 <span class="value">${player.height} cm</span>
78 </div>
79 </#if>
80
81 <#if player.weight?has_content && player.number != 0>
82 <div class="single-player-details">
83 <span class="title">${TranslationUtil.get("weight", locale, "com.stellis.liga360.clubs.singleplayer.web")?lower_case}:</span>
84 <span class="value">${player.weight} kg</span>
85 </div>
86 </#if>
87
88 <#if player.position?has_content>
89 <div class="single-player-details">
90 <span class="title">${TranslationUtil.get("position", locale, "com.stellis.liga360.clubs.singleplayer.web")?lower_case}:</span>
91 <span class="value">${player.position}</span>
92 </div>
93 </#if>
94
95 <#if player.nickname?has_content>
96 <div class="single-player-details">
97 <span class="title">${TranslationUtil.get("nickname", locale, "com.stellis.liga360.clubs.singleplayer.web")?lower_case}:</span>
98 <span class="value">${player.nickname}</span>
99 </div>
100 </#if>
101
102 <#if player.nationality?has_content>
103 <div class="single-player-details">
104 <span class="title">${TranslationUtil.get("nationality", locale, "com.stellis.liga360.clubs.singleplayer.web")?lower_case}:</span>
105 <span class="value">${player.nationality}</span>
106 </div>
107 </#if>
108
109 <#if player.careerProgression?has_content>
110 <div class="single-player-details">
111 <span class="title">${TranslationUtil.get("career-progression", locale, "com.stellis.liga360.clubs.singleplayer.web")?lower_case}:</span>
112 <span class="value">${player.careerProgression}</span>
113 </div>
114 </#if>
115 </div>
116
117 <#if player.number != 0>
118 <div class="single-player-stats-container">
119 <div class="stats-season-dropdown">
120 <select id="matchDataDTOS" name="matchDataDTOS" class="single-player-stats-season-dropdown"
121 onchange="showStats(this)">
122 <#list entries as matchDataDTO>
123 <option value="${matchDataDTO.seasonId}">${matchDataDTO.seasonName}</option>
124 </#list>
125 </select>
126 <i class="icon icon-slg-chevron-down"></i>
127 </div>
128
129 <#list entries as matchDataDTO>
130 <div class="single-player-stats d-none" id="match-data-${matchDataDTO.seasonId}">
131 <#list matchDataDTO.matchDataMap as matchDataKey, matchDataValue>
132 <div class="single-player-stats-item animation-fade-in-trigger">
133 <span class="title">${matchDataKey}: </span>
134 <span class="value">${matchDataValue}</span>
135 </div>
136 </#list>
137 </div>
138 </#list>
139 </div>
140 </#if>
141 </div>
142
143 <div class="container desktop">
144 <div class="separator color-default"></div>
145 </div>
146
147 <div class="single-player-content container">
148 <div class="single-player-content-left">
149 <#if player.leadText?has_content>
150 ${player.getLeadByLocale(locale)}
151 </#if>
152 </div>
153
154 <div class="single-player-content-right">
155 <#if player.content?has_content>
156 ${player.getContentByLocale(locale)}
157 </#if>
158 </div>
159 </div>
160</div>
161
162<script>
163 var singlePlayerStats = document.getElementsByClassName("single-player-stats");
164 if (singlePlayerStats && singlePlayerStats.length > 0) {
165
166 singlePlayerStats[0].classList.remove('d-none')
167
168 function showStats(select) {
169 let matchData = document.getElementById('match-data-' + select.value);
170 for (const singlePlayerStat of singlePlayerStats) {
171 singlePlayerStat.classList.add("d-none")
172 }
173 matchData.classList.remove("d-none")
174 }
175 }
176</script>
