Online Champion - tournaments on mobile platforms

VS - Current Match VS - Waiting for confirmation VS - Complain VS - Math Accepted

List of matches is empty

<% if (this.Title) {%>
			<div class="tournament-matches__section">
				<div class="tournament-matches__section-title<% if (this.IsCollapsed) {%> collapsed<% } %>" data-toggle="collapse" data-target="#matches-section_<% this.key %>">
					<div class="tournament-matches__section-title-inner">
						<span class="tournament-matches__section-title-text">
							<% this.Title %>
						</span>
						<% if (this.dateFormat) {%>
							<span class="tournament-matches__section-date">
								<% if (this.dateFormat.date) {%>
									<span class="tournament-match__actions-date-item"><i class="fas fa-calendar-alt margin_right_5"></i><% this.dateFormat.date %></span>
								<% } %>
								<% if (this.dateFormat.time) {%>
									 <span class="tournament-match__actions-date-item margin_left_10"><i class="far fa-clock margin_right_5"></i><% this.dateFormat.time %></span>
								<% } %>
							</span>
						<% } %>
						
					</div>
					<div class="tournament-matches__section-title-after"></div>
					<% if (this.tplContent) {%>
						<div class="tournament-matches__section-title-icon">
							<i class="ico ico-collapse"></i>
						</div>
					<% } %>
				</div>
				<% if (this.tplContent) {%>
					<div class="tournament-matches__section-content collapse<% if (!this.IsCollapsed) {%> in<% } %>" id="matches-section_<% this.key %>">
						<% this.tplContent %>
					</div>
				<% } %>
			</div>
		<% } %>

<% if (this.Teams) {%>
			<div class="tournament-stage<% if (!((this.Actions || []).length || this.hasActions)) {%> tournament-matches-stage_noactions<% } %>">
				<% if (this.dateFormat) {%>
					<span class="tournament-stage__date">
						<% if (this.dateFormat.date) {%>
							<span class="tournament-match__actions-date-item margin_left_20"><i class="fas fa-calendar-alt margin_right_5"></i><% this.dateFormat.date %></span>
						<% } %>
						<% if (this.dateFormat.time) {%>
							 <span class="tournament-match__actions-date-item margin_left_10"><i class="far fa-clock margin_right_5"></i><% this.dateFormat.time %></span>
						<% } %>
					</span>
				<% } %>
				<div class="tournament-match<% if (this.IsOnline) {%> tournament-match_online<% } %>">
					<% if ((this.Matches || []).length) {%>
						<div class="tournament-match-collapse<% if (this.IsCollapsed) {%> collapsed<% } %>" data-toggle="collapse" data-target="#match_<% this.keySection %>_<% this.key %>">
							<i class="ico ico-collapse-2"></i>
						</div>
					<% } %>
					<div class="tournament-match__match">
						<div class="tournament-match__inner">
							<div class="match match_small">
								<%for (var index in this.Teams) {%>
									<div class="match__item">
										<div class="match-team match-team_<% if (this.Teams[index].Winner) {%>winner<% } else if (this.Teams[index].Loser) {%>looser<% } %>">
											<div class="match-team__pic">
												<div class="ico" style="background-image: url(<% this.Teams[index].Icon %>)"></div>
											</div>
											<div class="match-team__title">
												<% if (this.URL) {%>
													<span class="white"><% this.Teams[index].Text %></span>
												<% } else { %>
													<a class="white link-holder" href="<% this.Teams[index].URL %>" class="white link-holder"><% this.Teams[index].Text %></a>
												<% } %>
											</div>
										</div>
										<div class="match__item__score"><% this.Teams[index].Score %></div>
									</div>
								<% } %>
								<div class="match__vs">
									<span class="vs vs_<% this.Status %>">VS</span>
								</div>
							</div>
							<% if (this.URL) {%>
								<a href="<% this.URL %>" class="link-holder"></a>
							<% } %>
						</div>
					</div>

<div class="tournament-match__actions tournament-match_actions-cog">
						<div class="tournament-match__actions-self margin_right_10">

<% if ((this.Actions || []).length || this.hasActions || this.LiveURL || this.VideoURL) {%>

<% if ((this.Actions || []).length || this.hasActions) {%>
								<% if ((this.Actions || []).length) {%>
									<%for (var index in this.Actions) {%>
										<% if (this.Actions[index].Type == 'ComplainLink') { %>
											<a href="<% this.Actions[index]['URL'] %>" class="btn btn-red btn-xxsmall margin_left_20"><% this.Actions[index]['Text'] %></a>
										<% } %>
									<% } %>
								<% } %>
							<% } %>

<% if (this.LiveURL) {%>
								<a href="<% this.LiveURL %>" target="_blank" class="btn btn-success btn-xxsmall margin_left_20">Live</a>
							<% } else if (this.VideoURL) {%>
								<a href="<% this.VideoURL %>" target="_blank" class="btn btn-white btn-xxsmall margin_left_20">Video</a>
							<% } else if (this.IsStream && (this.IsStream == 1) && this.StreamerUrl) {%>
								<a href="<% this.StreamerUrl %>" target="_blank" class="btn btn-purple btn-xxsmall margin_left_20">Streamer</a>
							<% } %>

<% if ((this.Actions || []).length || this.hasActions) {%>
										<% if ((this.Actions || []).length) {%>
											<%for (var index in this.Actions) {%>
												<% if (this.Actions[index].Type == 'Complain') {%>
													<li><a href="#" class="btn btn-transparent btn-xxsmall js-match-add-complain" data-ajax="<% this.Actions[index]['AjaxURL'] %>"><% this.Actions[index]['Text'] %></a></li>
												<% } else if ((this.Actions[index].Type == 'AutoMatchEdit') || (this.Actions[index].Type == 'StreamStatusEdit')) {%>
													<li>
														<div class="teamuser-switch teamuser-switch_inline" data-toggle="tooltip" title="<% this.Actions[index]['Description'] %>">
															<div class="teamuser-switch__name"><% this.Actions[index]['Label'] %></div>
															<form action="#" class="onoffswitch-wrapper">
																<div class="onoffswitch">
																	<input type="checkbox"
																		name="<% this.Actions[index]['Type'] %>"
																		class="onoffswitch-checkbox js-onoffswitch js-match-onoffswitch"
																		id="<% this.Actions[index]['Type'] %>_<% this.keySection %>_<% this.key %>"
																		<% if (this.Actions[index]['Checked']) { %> checked <%}%>
																		<% if (this.Actions[index]['Name']) { %> data-name="<% this.Actions[index]['Name'] %>"<%}%>
																		<% if (this.Actions[index]['Disabled']) { %> disabled <%}%>
																		<% if (this.Actions[index]['AjaxURL']) { %> data-ajax="<% this.Actions[index]['AjaxURL'] %>"<%}%>
																	>
																	<label class="onoffswitch-label" for="<% this.Actions[index]['Type'] %>_<% this.keySection %>_<% this.key %>">
																		 <span class="onoffswitch-inner"></span>
																		 <span class="onoffswitch-switch"></span>
																	</label>
																</div>
															</form>
														</div>
													</li>
												<% } else if (this.Actions[index].Type == 'DateAdd') { %>
													<li><a href="#" class="btn btn-transparent btn-xxsmall js-match-date-add" data-default="<% this.Date %>" data-ajax="<% this.Actions[index]['AjaxURL'] %>"><% this.Actions[index]['Text'] %></a></li>
												<% } else if (this.Actions[index].Type == 'MatchAdd') { %>
													<li><a href="#" class="btn btn-transparent btn-xxsmall js-match-add" data-ajax="<% this.Actions[index]['AjaxURL'] %>"><% this.Actions[index]['Text'] %></a></li>
												<% } else if (this.Actions[index].Type == 'CompetitionSquad') { %>
													<li><a href="#" class="btn btn-transparent btn-xxsmall js-competition-squad" data-ajax="<% this.Actions[index]['AjaxURL'] %>"><% this.Actions[index]['Text'] %></a></li>
												<% } else if (this.Actions[index].Type == 'StreamerAdd') { %>
													<li><a href="#" class="btn btn-transparent btn-xxsmall js-choice-streamer" data-ajax="<% this.Actions[index]['AjaxURL'] %>"><% this.Actions[index]['Text'] %></a></li>
												<% } %>
											<% } %>
										<% } %>
									<% } %>
								 </ul>

</li>
						<% } %>
						</div>
					</div>

</div>
				<% if (this.tplContent) {%>
					<div class="tournament-match-content collapse<% if (!this.IsCollapsed) {%> in<% } %>" id="match_<% this.keySection %>_<% this.key %>">
						<% this.tplContent %>
					</div>
				<% } %>
			</div>
		<% } %>

<% if (this.Teams && this.Teams.length) {%>
            <div class="tournament-match tournament-match_small">
                    <div class="tournament-match__match">
                        <div class="tournament-match__inner">
                            <i class="tournament-separator"></i>
                            <div class="match match_xsmall">
                                <%for (var index in this.Teams) {%>
                                    <div class="match__item">
                                        <div class="match-team match-team_<% if (this.Teams[index].Winner) {%>winner<% } %><% if (this.Teams[index].Loser) {%>looser<% } %>">
                                            <div class="match-team__pic">
                                                <div class="ico" style="background-image: url(<% this.Teams[index].Icon %>)"></div>
                                            </div>
                                            <div class="match-team__title">
                                                <% if (this.Teams[index].URL) {%>
                                                <a href="<% this.Teams[index].URL %>" class="white link-holder"><% this.Teams[index].Text %></a>
                                                <% } else { %>
                                                <span class="white"><% this.Teams[index].Text %></span>
                                                <% } %>
                                            </div>
                                        </div>
                                        <div class="match__item__score"><% this.Teams[index].Score %></div>
                                    </div>
                                <% } %>
                                <div class="match__vs">
                                    <span class="vs vs_<% this.Status %>">VS</span>
                                </div>
                            </div>
                            <% if (this.URL) {%>
                                <a href="<% this.URL %>" class="link-holder"></a>
                            <% } %>
                        </div>
                    </div>
                    <% if (this.Actions || this.hasActions) {%>
                    <div class="tournament-match__actions link-holder-over">
                        <% if ((this.Actions || []).length) {%>
                            <%for (var index in this.Actions) {%>
                                <% if (this.Actions[index].Type == 'Complain') {%>
                                    <a href="#" class="btn btn-transparent btn-xxsmall margin_left_20 js-match-add-complain" data-ajax="<% this.Actions[index]['AjaxURL'] %>"><% this.Actions[index]['Text'] %></a>
                                <% } else if (this.Actions[index].Type == 'ComplainLink') { %>
                                    <a href="<% this.Actions[index]['URL'] %>" class="btn btn-red btn-xxsmall margin_left_20"><% this.Actions[index]['Text'] %></a>
                                <% } else if (this.Actions[index].Type == 'EnterResult') { %>
                                    <a href="#" class="btn btn-transparent btn-xxsmall margin_left_20 js-match-enter-result" data-ajax="<% this.Actions[index]['URL'] %>"><% this.Actions[index]['Text'] %></a>
                                <% } else if (this.Actions[index].Type == 'Remove') { %>
                                    <a href="#" class="fas fa-times action action-Cancel margin_left_20 js-match-remove" data-ajax="<% this.Actions[index]['URL'] %>" data-toggle="tooltip" title="<% this.Actions[index]['Text'] %>"></a>
                                <% } %>
                            <% } %>
                        <% } %>
                    </div>
                    <% } %>
            </div>
        <% } %>

<div class="tournament-form-add">
            <div class="tournament-form-add__top">
                <div class="tournament-form-add__select row">
                    <% if ((this.SelectPlayers || []).length) {%>
                        <div class="col col-sm-6 form-group">
                            <div class="form-group-withselect">
                                <select name="rankmin" id="rankmin" class="selectpicker js-add-match-select-player" data-style="btn-small btn-full btn-default" data-width="100%">
                                    <%for (var index in this.SelectPlayers) {%>
                                        <option<% if (this.SelectPlayers[index].Checked) { %> checked<% } %> value="<% this.SelectPlayers[index].AjaxURL %>"><% this.SelectPlayers[index].Name %></option>
                                    <% } %>
                                </select>
                            </div>
                        </div>
                        <div class="col col-sm-6 form-group">
                            <label class="form-label" for="rankmin"><% this.Text %></label>
                        </div>
                    <% } else { %>
                        <div class="col col-sm-12 form-group text"><% this.Text %></div>
                    <% } %>
                </div>
            </div>
            <form class="form form-onwhite js-form js-match-add-form" action="#"  method="GET" data-ajax="<% this.AjaxSubmitURL %>">
                <div class="tournament-form-add__content js-match-add-form-content">
                    <% this.tplContent %>
                </div>
                <div class="row">
                    <div class="col-sm-6 form-group">
                        <button class="btn btn-dark btn-full" type="submit" name="submit"><% this.SubmitButtonText %></button>
                    </div>
                    <div class="col-sm-6 form-group text">
                        
						<div class="form-validation js-form__error"></div>
						<div class="js-form__success form-success form-validation form-validation-success"></div>
					</div>
				</div>
			</form>
		</div>

<% if ((this.Teams || []).length) {%>
			<div class="tournament-form-add__item confirm-item confirm-item_formadd">
				<div class="confirm-left">
					<% if (this.Checkbox) {%>
						<input name="match" type="radio"<% if (this.Checkbox.Checked) {%> сhecked<% } %> id="form-add-item_<% this.Checkbox.Value %>" class="confirm-checkbox" value="<% this.Checkbox.Value %>" />
						<label for="form-add-item_<% this.Checkbox.Value %>"></label>
						<i class="confirm-pseudo"></i>
					<% } %>
				</div>
				<div class="confirm-cont">
					<label for="form-add-item_<% (this.Checkbox || {}).Value %>">
						<div class="match match_addmatch">
							<%for (var index in this.Teams) {%>
								<div class="match__item">
									<div class="match-team match-team_light">
										<div class="match-team__info"><% if (this.Teams[index].Winner) {%>WINS<% } %></div>
										<div class="player-item player-item_addmatch">
											<% if ((this.Teams[index].Players || []).length) {%>
												<%for (var index2 in this.Teams[index].Players) {%>
													<div class="player-item-pic">
														<span class="ico ico-player" style="background-image: url(<% this.Teams[index].Players[index2].Icon %>)" data-toggle="tooltip" title="" data-original-title="<% this.Teams[index].Players[index2].Text %>"></span>
														<div class="player-item-info">
															<% this.Teams[index].Players[index2].Text %>
														</div>
													</div>
												<% } %>
											<% } %>
										</div>
									</div>
									<div class="match__item__score"><% this.Teams[index].Score %></div>
								</div>
							<% } %>
							<div class="match__vs">
								<span class="vs">VS</span>
							</div>
						</div>
					</label>
				</div>
			</div>
		<% } %>

<% if (this.Type == 'inputHidden') { %>
			<input type="hidden" name="<% this.Name %>" value="<% this.Value %>" />
		<% } else if (this.Type == 'input') { %>
			<div class="col col-md-12 form-group js-form__input-wrapper">
				<% if (this.Label) { %>
					<label class="form-label" for="<% this.Name %>"><% this.Label %></label>
				<% } %>
				<% if (this.Disabled) { %>
					<input type="hidden" name="<% this.Name %>" value="<% this.Value %>"/>
				<% } %>
				<input class="form-control form-box js-form__input"
					type="text"
					name="<% this.Name %>"
					id="<% this.Name %>"
					value="<% this.Value %>"
					placeholder="<% this.Placeholder %>"
					<% if (this.Required) { %> data-required="1" <% } %>
					<% if (this.Disabled) { %> disabled="1" <% } %>
					<% if (this.ValidateMask) { %> data-validate-mask='<% this.ValidateMask %>'<% } %>
					<% if (this.Attrs) { %>
						<%for (var index2 in this.Attrs) {%>
							<% if (this.Attrs[index2]) { %>
								<%for (var key in this.Attrs[index2]) {%>
									<% key %>="<% this.Attrs[index2][key] %>"
								<%}%>
							<%}%>
						<%}%>
					<%}%>
				/>
				<div class="form-validation js-form__input-error"><% this.DefaultErrorText %></div>
			</div>
		<% } else if (this.Type == 'inputDate') { %>
			<div class="col col-md-12 form-group js-form__input-wrapper">
				<div class="form-group-calc">
					<div class='input-group date js-datetimepicker1'>
					  <input class="form-control form-box js-form__date-input"
							 type="hidden"
							 name="<% this.Name %>_user"
							 value="<% this.Value %>"
					  />
					</div>
					<input type="hidden" name="<% this.Name %>" />
				</div>
			</div>
		<% } else if (this.Type == 'select') { %>
			<div class="col col-md-6 form-group">
				<% if (this.Label) { %>
					<label class="form-label" for="<% this.Name %>"><% this.Label %></label>
				<% } %>
				<div class="form-group-withselect">
					<select class="selectpicker js-search__input"
						data-style="btn-small btn-full btn-default"
						data-width="100%"
						name="<% this.Name %>"
						id="<% this.Name %>"
						placeholder="<% this.Placeholder %>"
						<% if (this.Required) { %> data-required="1" <% } %>
						<% if (this.Disabled) { %> disabled="1" <% } %>
					>
						<% if (this.Options) { %> 
							<%for (var index in this.Options) {%>
							<option class="select-option"
								<% if (this.Options[index].Checked) { %>  selected="selected" <%}%>
								<% if (this.Options[index].IconFlag) { %>data-icon="flag-icon flag-icon-<% if ( this.Options[index].IconFlag == 'en' ) { %>us<%} else {%><% this.Options[index].IconFlag %><%}%>"<%}%>
								<% if (this.Options[index].Icon) { %>data-content="<span class='ico-role-wrapper'><span class='ico ico-role ico-40' style='background-image: url(<% this.Options[index].Icon %>)'></span><% this.Options[index].Text %></span>"<%}%>
								value="<% this.Options[index].Value %>"
								<% if (this.Options[index].Attrs) { %>
									<%for (var index2 in this.Options[index].Attrs) {%>
										<% if (this.Options[index].Attrs[index2]) { %>
											<%for (var key in this.Options[index].Attrs[index2]) {%>
												<% key %>="<% this.Options[index].Attrs[index2][key] %>"
											<%}%>
										<%}%>
									<%}%>
								<%}%>
							>
								<% this.Options[index].Text %>
							</option>
							<%}%>
						 <% } %>
					</select>
				</div>
				<div class="form-validation js-form__input-error"><% this.DefaultErrorText %></div>
			</div>
		<% } else if (this.Type == 'textarea') { %>
			<div class="col col-md-12 form-group js-form__input-wrapper">
				<% if (this.Label) { %>
					<label class="form-label" for="<% this.Name %>"><% this.Label %></label>
				<% } %>
				<textarea class="form-control form-box js-form__input"
					type="text"
					name="<% this.Name %>"
					id="<% this.Name %>"
					placeholder="<% this.Placeholder %>"
					<% if (this.Required) { %> data-required="1" <% } %>
					<% if (this.Disabled) { %> disabled="1" <% } %>
					<% if (this.ValidateMask) { %> data-validate-mask='<% this.ValidateMask %>'<% } %>
					<% if (this.Attrs) { %>
						<%for (var index2 in this.Attrs) {%>
							<% if (this.Attrs[index2]) { %>
								<%for (var key in this.Attrs[index2]) {%>
									<% key %>="<% this.Attrs[index2][key] %>"
								<%}%>
							<%}%>
						<%}%>
					<%}%>
				>
					<% this.Value %>
				</textarea>
				<div class="form-validation js-form__input-error"><% this.DefaultErrorText %></div>
			</div>
		<% } else if (this.Type == 'checkboxGroup') { %>
			<div class="col">
				<% if (this.Label) { %>
					<label class="form-label"><% this.Label %></label>
				<% } %>
				<% if (this.Items) { %>
					<%for (var index in this.Items) {%>
						<div class="confirm-item">
							<div class="confirm-left">
								<input type="checkbox" class="confirm-checkbox js-search__input"
									id="<% this.Items[index].Name %>"
									name="<% this.Items[index].Name %>"
									<% if (this.Items[index].Checked) { %>  checked="1" <%}%>
									value="<% this.Items[index].Value %>"
								/>
								<label for="<% this.Items[index].Name %>"></label>
							</div>
							<div class="confirm-cont">
								<label for="<% this.Items[index].Name %>"><% this.Items[index].Label %></label>
							</div>
						</div>
					<%}%>
				<%}%>
				<div class="form-validation js-form__input-error"><% this.DefaultErrorText %></div>
			</div>
		<% } %>