<div class="container">
	<div class="first-row row">
		<div class="col-lg-3">
			<input type="file" id="img" multiple accept="image/*" name="img"/>
			<img class="user-photo" src="./image/unknown.png">
		</div>
		<div class="user-name col-lg-5">
			<div>
				<span ng-show="userNameClick" ng-click="userNameClickHandler_1()">{{userName}}</span>
				<input type="text" ng-hide="userNameClick" ng-model="userName" ng-keypress="userNameClickHandler_2($event)">
			</div>
		</div>
		<div class="user-socials col-lg-4">
			<span>Follow me</span>
			<ul>
				<li class="facebook"><i class="fab fa-facebook-f"></i></li>
				<li class="twitter"><i class="fab fa-twitter"></i></li>
				<li class="instagram"><i class="fab fa-instagram"></i></li>
			</ul>
		</div>
	</div>

	<div class="user-account-buttons">
		<button class="plane-trip" ng-click="planeTrip()">Спланировать поездку</button>
		<button class="write-article" ng-click="writeArticle()">Написать статью</button>
		<div class="button-content">

			<div class="plane-trip-menu row" ng-if="check == 'trip'">
				<div class="col-md-4 col-md-offset-2">
					<h3>
						<span ng-show="tripNameClick" ng-click="tripNameClickHandler_1()" >{{tripName}}</span>
						<input type="text" ng-hide="tripNameClick" ng-model="tripName" ng-keypress="tripNameClickHandler_2($event)">
					</h3>
					<!-- <input type="text" placeholder="поиск"> -->
					<ol id="plane-trip-list1"></ol>
				</div>
				<div class="favourites col-md-4">
					<h3>Избранное</h3>
					<ol id="plane-trip-list2">
						<li>Пункт назначения 1</li>
						<li>Пункт назначения 2</li>
						<li>Пункт назначения 3</li>
						<li>Пункт назначения 4</li>
					</ol>
				</div>
				<div><button>Сохранить</button></div>
			</div>

			<div class="write-article-menu row" ng-if="check == 'article'">
				<input type="text" placeholder="Название статьи">
				<br />
				<textarea rows="20" cols="100"></textarea>
			</div>

		</div>
	</div>

	<div>
		<h3>Мои поездки</h3>
	</div>

	<ui-gmap-google-map center='map.center' zoom='map.zoom'></ui-gmap-google-map>

	<div class="container slider">
		<img ng-repeat="photo in gallery" class="slide" ng-swipe-right="showPrev()" ng-swipe-left="showNext()" ng-show="isActive($index)" ng-src="{{photo.src}}">
		<a class="arrow prev" href="" ng-click="showPrev()"></a>
		<a class="arrow next" href="" ng-click="showNext()"></a>
		<ul class="nav">
        	<li ng-repeat="photo in gallery" ng-class="{'active':isActive($index)}">
               <img ng-src="{{photo.src}}" alt="{{photo.desc}}" title="{{photo.desc}}" ng-click="showPhoto($index)"/>
        </ul>
	</div>
	

</div>