<?php
$tracksCounter = 1;
?>
<a href="/tracks/" class="btn btn-success pull-right">
	<span class="glyphicon glyphicon-home" aria-hidden="true"></span>
	Выйти из редактора
</a>
<a href="/?track=<?= $trip->id ?>" class="btn btn-success pull-right"><span class="glyphicon glyphicon-globe" aria-hidden="true"></span></a>
<h3 onclick="$('#tripBlock').toggle(100)" style="cursor: pointer;">Свойства трека</h3>
<form onfocusout="saveChangesTrip(<?= $trip->id ?>)" id="tripBlock">
	<div class="form-group">
		<label for="tripName">Название трека</label>
		<input type="text" class="form-control" id="tripName" placeholder="Великолепное путешествие <?= date('Y') ?>" value="<?= $trip->name ?>">
	</div>
	<div class="form-group">
		<label for="tripDescription">Описание Трека</label>
		<input type="text" class="form-control" id="tripDescription" placeholder="Это было незабываемое путешествие!..." value="<?= $trip->description ?>">
	</div>
	<a href="/edittrack/deletetrip/id/<?= $trip->id ?>" class="btn btn-danger pull-right" onclick="return confirm('Вы уверены, что хотите удалить трек?')">
		<span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
		Удалить трек
	</a>
	<div class="checkbox">
		<label>
			<input type="checkbox" id="tripIsPublic" <?= ($trip->status == Trips::STATUS_PUBLIC) ? 'checked="checked"' : '' ?>> Публичный трек (его могут видеть другие пользователи)
		</label>
	</div>

	<span id="tripSavedOK" class="savedOK">изменения сохранены...</span>
	<span id="tripSavedError" class="savedError">при сохранении возникла ошибка!</span>
	<br/>
</form>

<?php if ($tracks): ?>
	<h3 onclick="$('#tracksBlock').toggle()" style="cursor: pointer;">Фрагменты трека (<?= count($tracks) ?>)</h3>
	<div id="tracksBlock" style="display: none;">
		<!--<hr/>-->
		<?php foreach ($tracks as $track): ?>
			<a name="trackpointsList<?= $track->id ?>"/>
			<form onfocusout="saveChangesTrack(<?= $track->id ?>)" class="form-horizontal">
				<div class="form-group">
					<div style="font-size: 20px" class="col-sm-1"><?= $track->distance() ?></div>
					<div class="col-sm-2">
						<input type="text" class="form-control" id="trackName<?= $track->id ?>" placeholder="День №__" value="<?= $track->name ?>">
					</div>
					<div class="col-sm-7">
						<input type="text" class="form-control" id="trackDescription<?= $track->id ?>" placeholder="В этот день..." value="<?= $track->description ?>">
					</div>
					<div class="col-sm-2">
						<a href="/edittrack/deletetrack/id/<?= $track->id ?>" class="btn btn-danger" onclick="return confirm('Вы уверены, что хотите удалить фрагмент трека?')" title="Удалить фрагмент трека"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
						<a href="#trackpointsList<?= $track->id ?>" class="btn btn-default" onclick="loadTrackDetails(<?= $track->id ?>)" title="Просмотреть точки"><span class="glyphicon glyphicon-list" aria-hidden="true"></span></a>
						<?php if ($tracksCounter < count($tracks)): ?>
							<a href="/edittrack/mergetrack/id/<?= $track->id ?>" class="btn btn-default" onclick="return confirm('Вы уверены, что хотите совместить фрагмент трека с идущим ниже?')" title="Слить с идущим ниже"><span class="glyphicon glyphicon-resize-small" aria-hidden="true"></span></a>
						<?php endif; ?>
					</div>
				</div>
			</form>
			<div id="trackpointsContainer<?= $track->id ?>" class="trackpointsContainer">
				<table>
					<tr>
						<td><div id="trackpointsList<?= $track->id ?>" class="trackpointsList"></div></td>
						<td><div id="trackpointsMap<?= $track->id ?>" class="trackpointsMap"></div></td>
					</tr>
				</table>
			</div>
			<?php $tracksCounter++;
		endforeach;
		?>
		<span id="trackSavedOK" class="savedOK">изменения сохранены...</span>
		<span id="trackSavedError" class="savedError">при сохранении возникла ошибка!</span>
		<br/>
	</div>
<?php endif; ?>

<?php if ($waypoints): ?>
	<h3 onclick="$('#waypointsBlock').toggle()" style="cursor: pointer;">Путевые точки (<?= count($waypoints) ?>)</h3>
	<div id="waypointsBlock" style="display: none;">
		<!--<hr/>-->
	<?php foreach ($waypoints as $waypoint): ?>
			<form onfocusout="saveChangesWaypoint(<?= $waypoint->id ?>)" class="form-horizontal">
				<div class="form-group">
					<div class="col-sm-3">
						<input type="text" class="form-control" id="waypointName<?= $waypoint->id ?>" placeholder="А здесь..." value="<?= $waypoint->name ?>">
					</div>
					<div class="col-sm-8">
						<input type="text" class="form-control" id="waypointDescription<?= $waypoint->id ?>" placeholder="Здесь очень..." value="<?= $waypoint->description ?>">
					</div>
					<div class="col-sm-1">
						<a href="/edittrack/deletewaypoint/id/<?= $waypoint->id ?>" class="btn btn-danger" onclick="return confirm('Вы уверены, что хотите удалить путевую точку?')"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
					</div>
				</div>
			</form>
			<!--<hr/>-->
	<?php endforeach; ?>
			<span id="waypointSavedOK" class="savedOK">изменения сохранены...</span>
			<span id="waypointSavedError" class="savedError">при сохранении возникла ошибка!</span>
	</div>
<?php endif; ?>
