iv>
{{/dates}}
{{#status}}
<div class="form-group row">
	<div class="col-sm-4 font-weight-bold">{{i18n.status}}</div>
	<div class="col-sm-8">{{status}}</div>
</div>
{{/status}}
{{#validfrom}}
<div class="form-group row">
	<div class="col-sm-4 font-weight-bold">{{i18n.validfrom}}</div>
	<div class="col-sm-8">
		<i class="fa fa-calendar fa-fw" aria-hidden="true"></i> {{date}}
		{{#time}}
		<br />
		{{/time}}
	</div>
</div>
{{/validfrom}}
{{#validto}}
<div class="form-group row">
	<div class="col-sm-4 font-weight-bold">{{i18n.validto}}</div>
	<div class="col-sm-8">
		<i class="fa fa-calendar fa-fw" aria-hidden="true"></i> {{date}}
		{{#time}}
		<br /><i class="fa fa-clock-o fa-fw" aria-hidden="true"></i> {{time}}
		{{/time}}
	</div>
</div>
{{/validto}}
{{#class}}
<div class="form-group row">
	<div class="col-sm-4 font-weight-bold">{{i18n.class}}</div>
	<div class="col-sm-8">{{class}}</div>
</div>
{{/class}}
{{#singleevent}}
{{#eventraces}}
<div class="form-group row">
	<div class="col-sm-4 font-weight-bold">{{i18n.distance}}</div>
	<div class="col-sm-8">{{length}}</div>
</div>
<div class="form-group row">
	<div class="col-sm-4 font-weight-bold">{{i18n.when}}</div>
	<div class="col-sm-8">{{light}}</div>
</div>
{{/eventraces}}
{{/singleevent}}
{{#discipline}}
<div class="form-group row">
	<div class="col-sm-4 font-weight-bold">{{i18n.discipline}}</div>
	<div class="col-sm-8">{{discipline}}</div>
</div>
{{/discipline}}
{{#results}}
<div class="form-group row">
	<div class="col-sm-4 font-weight-bold">{{i18n.results}}</div>
	<div class="col-sm-8">	
		<a href="https://eventor.orientering.se/Events/ResultList?eventId={{id}}&organisationId={{eventorid}}" target="_blank" rel="nofollow">{{i18n.results_club}}</a>&nbsp;|&nbsp;
		<a href="https://eventor.orientering.se/Events/ResultList?eventId={{id}}" target="_blank" rel="nofollow">{{i18n.results_all}}</a>
	</div>
</div>
{{/results}}

{{#haseventraces}}
{{^singleevent}}
<h5>Etapper</h5>
<table class="table table-sm table-striped table-hover">
<thead>
<tr>
<th>{{i18n.name}}</th>
<th>{{i18n.distance}}</th>
<th>{{i18n.when}}</th>
</tr>
</thead>
<tbody>
{{#eventraces}}
<tr>
<td>{{name}}</td>
<td>{{length}}</td>
<td>{{light}}</td>
{{/eventraces}}
</tbody>
</table>
{{/singleevent}}
{{/haseventraces}}

<div id="eventor-connect" class="mx-auto my-4" style="max-width: 320px;">
{{#eventor_connect}}
	<h3>{{i18n.eventor.login}}</h3>
	<p>{{i18n.eventor.desc}}</p>
	<form id="frmEventorConnect">
	<div class="form-group required">
		<label for="Passwd" class="sr-only">{{i18n.eventor.passwd}}</label>
		<input type="password" id="Passwd" name="Passwd" class="form-control" placeholder="{{i18n.eventor.passwd}}" aria-describedby="passwordHelpBlock" required>
		<small id="passwordHelpBlock" class="form-text text-muted">{{i18n.eventor.passwd_hlp}}</small>
		<small id="eventor-response" class="text-danger" style="display:none;">{{i18n.eventor.error}}</small>
	</div>

	<button type="submit" class="btn btn-success btn-block">{{i18n.eventor.login}}</button>
	</form>
{{/eventor_connect}}
{{#eventor_login}}
<a class="btn btn-block btn-success shadow-sm" href="" id="eventor-login" href="#" data-returnurl="/Entry?eventId={{id}}">{{i18n.isopen}}</a>
{{/eventor_login}}

<a class="btn btn-outline-primary btn-sm btn-block text-center mt-2" href="https://eventor.orientering.se/Events/Show/{{id}}" target="_blank" rel="nofollow">{{i18n.details}}</a>
</div>
{{#isopen}}
{{/isopen}}
{{/data}}
EOT;

		$paging_template = <<<EOT
{{#data}}
<div class="d-flex justify-content-between">
	{{#prev}}
	<div class="mr-auto">
	<a class="btn btn-link" href="{{absurl}}{{id}}-{{slug}}/" data-toggle="tooltip" data-html="true" title="{{name}}<br />{{start}}">
		<i class="fa fa-chevron-circle-left" aria-hidden="true"></i> Föreg
	</a>
	</div>
	{{/prev}}
	{{#next}}
	<div class="ml-auto">
	<a class="btn btn-link" href="{{absurl}}{{id}}-{{slug}}/" data-toggle="tooltip" data-html="true" title="{{name}}<br />{{start}}">
		Nästa <i class="fa fa-chevron-circle-right"></i>
	</a>
	</div>
	{{/next}}
</div><hr />
{{/data}}
EOT;
		if($paging['prev'] !== false || $paging['next'] !== false){
			$Content .= $Mustache->render($paging_template, [ 'data' => $paging, 'absurl' => rtrim($__AbsUrl,'/').$__PAGEURLS['Competition'] ] );
		}
		
		$Content .= $Mustache->render($eventor_template, [ 'data' => $data ] );

		if(strlen($Competition['Desc']) !== 0){
			$Content .= sprintf('<h5>%s</h5>', _('Information'));
			$Content .= sprintf('<div>%s</div>', $Competition['Desc']);
		}

		if(isset($Competition['Meta']['message'])){
			$Content .= sprintf('<h5>%s</h5>', _('Eventormeddelande'));
			$Content .= sprintf('<div>%s</div>', $Competition['Meta']['message']);
		}

	}else{
		$Content = <<<EOT
	<h5>Detaljer</h5>
	<div class="row">
		<div class="col-md-6 form-group">
			<label>{$Phrases['LBL_DATE']}</label>
			<p class="form-control-static">{$Competition['Dates']}</p>
		</div>
		<div class="col-md-6 form-group">
			<label>Plats/arrangör</label>
			<p class="form-control-static">{$Competition['Location']}</p>
		</div>
	</div>

	<div class="row">			
EOT;
		if(!is_null($Competition['Age'])){
			$Content .= <<<EOT
			<div class="col-md-6 form-group">
				<label>Åldersklasser</label>
				<p class="form-control-static">{$Competition['Age']}</p>
			</div>
EOT;
		}

		if(!is_null($Competition['Group'])){
			$Content .= <<<EOT
			<div class="col-md-6 form-group">
				<label>Grupper</label>
				<p class="form-control-static">{$Competition['Group']}</p>
			</div>
EOT;
		}
		$Content .= <<<EOT
		</div>
EOT;


		if(!is_null($Competition['Desc'])){
			$Content .= <<<EOT
			<h3>Information</h3>
			<div>{$Competition['Desc']}</div><br />
EOT;
		}

		/* retrieve staff
		----------------------*/
		if($Competition['Leader'] != 0){
			$Content .= "<h3>Ledare</h3>\n";
			array_push($IncludeCSS, sprintf('%scss/style.Staff.css', $__AbsUrl));
			$Staff = new Staff();
			$Staff->User = intval($Competition['Leader']);
			$Staff->SingleUser = true;
			$Staff->Phrases = $Phrases;
			$Content .= $Staff->echoStaff();
			$Staff = null;
		}

		if(sizeof($Competition['Files']) != 0){
			$Content .= <<<EOT
			<h3>Dokument</h3>
			<ul class="Documents clearfix">
EOT;
			$Path = resolvePath();
			foreach($Competition['Files'] as $Key => $File){
				if(!file_exists($Path . urldecode($File['Path']))) continue;
				$N = explode("/", $File['Path']);
				$Name = end($N);
				$T = explode(".", $Name);
				$Type = strtoupper(end($T));
				$Icon = setIco(strtolower($Type));
				$Size = file_size($Path . urldecode($File['Path']));
				$Link = urldecode($File['Path']);

				$Content .= <<<EOT
					<li class="clearfix">
						<img src="{$__AbsPath}pics/icons/48/{$Icon}" style="width: 48px; height: 48px;" alt="icon" />
						<span>
							<a href="{$Link}" target="_blank">{$Name}</a><br />
							{$Type}-Fil<br />
							<em>{$Size}</em>
						</span>
					</li>
EOT;
			}
			$Content .= <<<EOT
			</ul><br />
EOT;
		}

		if(sizeof($Competition['ResultFiles']) != 0){
			$Content .= <<<EOT
			<h3>Externa resultat</h3>
			<ul class="FileList clearfix">
EOT;
			foreach($Competition['ResultFiles'] as $File){
				$Name = $File['Desc'];
				$Date = $File['Date'];
				$Link = urldecode($File['Path']);
				
				$Content .= <<<EOT
				<li>
					<img src="{$__AbsPath}pics/icons/48/document_text.png" style="width: 48px; height: 48px;" alt="icon" />
					<div>
						<a href="{$Link}" target="_blank">{$Name}</a><br />
						<em>{$Date}</em>
					</div>
				</li>
EOT;
			}

			$Content .= <<<EOT
			</ul><br />
EOT;
		}

		if(sizeof($Competition['Results']) != 0){
			ko_enqueue_style('datatables-css-bs', $__CDNs['DataTables']['Css']['Bootstrap']);

			ko_enqueue_script('datatables-js-core', $__CDNs['DataTables']['Js']['Core']);
			ko_enqueue_script('datatables-js-bs', $__CDNs['DataTables']['Js']['Bootstrap']);
			ko_enqueue_script('datatables-js-defaults', $__CDNs['DataTables']['Js']['Defaults']);

			$jsFunc[] = <<<EOT
var Table = $('#tblResults').DataTable( {
	'dom': '<"text-center"i>t<"text-right"p>',
	ajax: {
		url: "{$__AbsUrl}Ajax/ajax.Competition.Result.php",
		type: 'POST',
		error: function (jqXHR, textStatus, errorThrown) {
			if(__Debug == true && console) console.log(jqXHR.responseText);
			$('#tblResults').DataTable().clear().draw();
		},
		data: function ( d ) {
			return $('#frmResults').serialize();
		}
	},
	initComplete: function () {
		$('[data-toggle="tooltip"]').tooltip();		
	},
	drawCallback: function () {
		$('[data-toggle="tooltip"]').tooltip();
	},
	autoWidth: false,
	pageLength: 10,
//	order: [[ 3, "asc" ], [ 6, "desc" ]],
	columnDefs: [
//		{ orderable: false, targets: [ -1 ] },
		{ targets: 0, data: 'Position' },
		{ targets: 1, data: 'Name' },
		{ targets: 2, data: 'Born' },
		{ targets: 3, data: 'Date' },
		{ targets: 4, data: 'Time' }
	]
});
$('#Distance').on('change', function(){
	Table.ajax.reload();
});
EOT;

			$Content .= <<<EOT
			<h3>Föreningsresultat</h3>
			<form id="frmResults" action="{$__AbsPath}Ajax/ajax.Competition.Result.php" method="post">
			<div class="form-group">
				<label for="Distance">Distans</label>
				<select id="Distance" name="Distance" class="form-control">
				<option value="0">-- välj --</option>
EOT;
			foreach($Competition['Results'] as $Group){
				$Content .= <<<EOT
				<optgroup label="{$Group['Pool']}">
EOT;
				foreach($Group['Distance'] as $Dist){
					$Content .= <<<EOT
					<option value="{$Dist['Distance']}">{$Dist['Name']}</option>
EOT;
				}
				$Content .= <<<EOT
				</optgroup>
EOT;
			}

			$Content .= <<<EOT
				</select>
			</div>
			<input type="hidden" name="CompId" value="{$Competition['Id']}" />
			</form>

			<table id="tblResults" class="table table-striped table-hover">
			<thead>
			<tr>
			<th>Placering</th>
			<th>Namn</th>
			<th>Född</th>
			<th>Datum</th>
			<th>Tid</th>
			</tr>
			</thead>
			</table>
EOT;
		}
	}
//	$Content .= sprintf('<pre>%s</pre>', var_export($data, true));
//	$Content .= sprintf('<pre>%s</pre>', var_export($Competition, true));
}