<!DOCTYPE html>
<html manifest="manifest.appcache">
    <head>
        <title>Delta City Podgorica</title>
        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
        <meta charset="UTF-8"/>
        <link rel="stylesheet" type="text/css" href="shared/style_unstable/lists.css">
        <link rel="stylesheet" type="text/css" href="shared/style/headers.css">
        <link rel="stylesheet" type="text/css" href="shared/style/input_areas.css">
        <link rel="stylesheet" type="text/css" href="shared/style/edit_mode.css">
        <link rel="stylesheet" type="text/css" href="shared/style/action_menu.css">
        <link rel="stylesheet" type="text/css" href="css/main-built.css">
        <link rel="stylesheet" type="text/css" href="css/foundation.css">
        <link rel="stylesheet" type="text/css" href="css/app.css">
        <link rel="stylesheet" type="text/css" href="css/bxslider.css">
        <link rel="stylesheet" type="text/css" href="css/delta.css">
        <script defer src="js/main-built.js"></script>
        <script type="text/ng-template" id="views/about.html"><section role="region">
  <header>
  	<a ng-tap="$navigate.back()"><span class="icon icon-back">menu</span></a>
    <menu type="toolbar">
    </menu>
    <h1>O delta City-ju</h1>
  </header>
</section>

<section data-type="sidebar" class="drawer drawerSmall">
  <div class="row">
    <div class="sliderWrapp">
      <!-- <ul class="dcSlider">
        <li ng-repeat="image in carousel">
          <img ng-src="{{image}}" alt="Delta Carousel">
        </li>
      </ul> -->
      <img ng-src="{{image}}" alt="Delta Carousel">
    </div>
  </div>
  <div class="row aboutHolder">
     <h2>{{about.title}}</h2>
      <p ng-bind-html-unsafe="about.content"></p>
  </div>

  <div class="aboutBtns">
    <a href="mailto:deltacity.pg@gmail.com">deltacity.pg@gmail.com</a>
    <a href="tel:0038268878637" class="calllog-outgoingcall">+382 68 878 637</a>
  </div>
</section></script>
<script type="text/ng-template" id="views/category.html"><section role="region">
  <header>
  	<a ng-tap="$navigate.back()"><span class="icon icon-back">menu</span></a>
    <menu type="toolbar">
    </menu>
    <h1>Kategorije</h1>
  </header>
</section>

<section data-type="sidebar" class="drawer">
	<div class="row searchBar">
	    <div class="small-12 columns small-centered searchIssuesBox">
	    	<p>Pronađi prodavnicu</p>
			<input type="text" class="searchStores" ng-model="search">
			<input type="submit" id="searchButton" class="sButton" ng-tap="searchStores()">
	    </div>
	</div>
	<div class="row contentHolder container beforeSearch">
		<div class="large-12 columns">
				<div class="cats" ng-repeat="category in categories">
					<a ng-tap="$navigate.go('/rest/{{category.id}}', 'slide')">
						<span ng-bind-html-unsafe="category.title"></span>
					</a>
				</div>
		</div>
	</div>

	<div class="row contentHolder container searchSuccess">
		<div class="large-12 columns">
				<div class="cats" ng-repeat="term in searchResults">
					<a ng-tap="$navigate.go('/store/{{term.id}}', 'slide')">
						<span ng-bind-html-unsafe="term.title"></span>
					</a>
				</div>
		</div>
	</div>
	<p class="noSearchResult">Nema rezultata pretrage.</p>
</section></script>
<script type="text/ng-template" id="views/content.html"><section role="region">
  <header>
  	<a ng-tap="$navigate.back()"><span class="icon icon-menu">menu</span></a>
    <menu type="toolbar">
    </menu>
    <h1>Sadržaji</h1>
  </header>
</section>

<section data-type="sidebar" class="drawer">
	<div class="row contentHolder">
		<a ng-tap="$navigate.go('/category/4', 'slide')" class="cont shopping">
				Šoping
			<span class="arrow"></span>
		</a>
		<a ng-tap="$navigate.go('/category/5', 'slide')" class="cont food">
				Hrana i piće
			<span class="arrow"></span>
		</a>
		<a ng-tap="$navigate.go('/category/49', 'slide')" class="cont fun">
				Zabava
			<span class="arrow"></span>
		</a>
		<a ng-tap="$navigate.go('/rest/25', 'slide')" class="cont rest">
				Ostalo
			<span class="arrow"></span>
		</a>

	</div>
	
</section></script>
<script type="text/ng-template" id="views/deltamap.html"><section role="region">
  <header>
  	<a ng-tap="$navigate.back()"><span class="icon icon-back">menu</span></a>
    <menu type="toolbar">
    </menu>
    <h1>Delta City mapa</h1>
  </header>
</section>
<section data-type="sidebar" class="stroreTabs">
    <ul class="button-group mapGroup">
        <li><a ng-tap="switchTab('one')" class="tabBtn">Nivo 0</a></li>
        <li><a ng-tap="switchTab('two')" class="tabBtn">Nivo 1</a></li>
    </ul>
</section>
<section data-type="sidebar" class="drawer drawerSmall">
    <div ng-show="section_one">
        <iframe class="mapP" src="http://www.deltacity.me/mobile-map/?floor=0&app=ffos" frameborder="0"></iframe>
    </div>

    <div ng-show="section_two">
        <iframe class="mapP" src="http://www.deltacity.me/mobile-map/?floor=1&app=ffos" frameborder="0"></iframe>
    </div>

    <div class="aboutBtns">
    <a ng-tap="showAll()">Legenda</a>
    
  </div>
    

</section>
<div id="langList" ng-class="showModal" class="mapPeak">
    <ul class="filters legend">
        <li>Legenda:</li>
        <li><span class="color l1"></span>Bioskop</li>
        <li><span class="color l2"></span>Cafe / Restoran</li>
        <li><span class="color l3"></span>Djeca</li>
        <li><span class="color l4"></span>Hipermarket</li>
        <li><span class="color l5"></span>Ljepota i zdravlje</li>
        <li><span class="color l6"></span>Ostalo</li>
        <li><span class="color l7"></span>Sport</li>
        <li><span class="color l8"></span>Tehnički uređaji, Telekomunikacije</li>
        <li><span class="color l9"></span>Nakit, Obuća, Optika, Satovi, Torbe, Uređenje kuće, Veš, Muško-ženska moda</li>
    </ul>
</div></script>
<script type="text/ng-template" id="views/desc.html"><section role="region">
  <header>
  	<a ng-tap="$navigate.back()"><span class="icon icon-back">menu</span></a>
    <menu type="toolbar">
    </menu>
    <h1>{{descStore.title}}</h1>
  </header>
</section>

<section data-type="sidebar" class="drawer">
	<div class="row contentHolder">
        <div class="large-12 columns">
            <div class="storeGeneral">
                <h2 class="storeTitle">{{descStore.title}}</h2>
                <span class="storeInfo">Lokacija:<span> Nivo {{descStore.location}}</span></span>
                <span class="storeInfo">Lokal:<span> {{descStore.space}}</span></span>
                <span class="storeInfo">Radno vrijeme:<span> {{descStore.hours}}</span></span>
                
            </div>
                <p class="descText" ng-bind-html-unsafe="descStore.content"></p>
        </div>
	</div>
</section></script>
<script type="text/ng-template" id="views/features.html"><section role="region">
  <header>
  	<a ng-tap="$navigate.back()"><span class="icon icon-back">menu</span></a>
    <menu type="toolbar">
    </menu>
    <h1>Dodatno</h1>
  </header>
</section>

<section data-type="sidebar" class="drawer">
  <div class="row contentHolder container">
    <div class="large-12 columns">
      <div class="large-4 columns featured "><a class="aboutDelta" ng-tap="$navigate.go('/about', 'slide')"><span>O Delta City-ju </span></a></div>
      <div class="large-4 columns featured "><a class="location" ng-tap="$navigate.go('/location', 'slide')"><span>Lokacija</span></a></div>
      <div class="large-4 columns featured "><a class="wifi" ng-tap="$navigate.go('/wifi', 'slide')"><span>WiFi</span></a></div>
      <div class="large-4 columns featured "><a class="fb" href="https://www.facebook.com/DeltaCityPG" target="_blank"><span>Facebook</span></a></div>
      <div class="large-4 columns featured "><a class="tw" href="https://twitter.com/DeltaCityPG" target="_blank"><span>Twitter</span></a></div>
      <div class="large-4 columns featured "><a class="igram" href="http://instagram.com/deltacitypg/" target="_blank"><span>Instagram</span></a></div>
      <div class="large-4 columns featured "><a class="yt" href="http://www.youtube.com/user/DeltaCityPG" target="_blank"><span>Youtube</span></a></div>
      <div class="large-4 columns featured "><a class="fsq" href="https://foursquare.com/deltacitypg" target="_blank"><span>Foursquare</span></a></div>
      <div class="large-4 columns featured "><a class="cplex" href="http://www.cineplexx.me/" target="_blank"><span>Bioskop</span></a></div>
    </div>
  </div>
</section></script>
<script type="text/ng-template" id="views/location.html"><section role="region">
  <header>
  	<a ng-tap="$navigate.back()"><span class="icon icon-back">menu</span></a>
    <menu type="toolbar">
    </menu>
    <h1>Lokacija</h1>
  </header>
</section>

<section data-type="sidebar" class="drawer">
  <div class="row">
    
    <iframe frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Delta+City,+Podgorica,+Montenegro&amp;aq=0&amp;oq=Delta+city&amp;sll=42.436412,19.242897&amp;sspn=0.027302,0.049524&amp;ie=UTF8&amp;hq=&amp;hnear=Delta+City,+Cetinjski+Put,+Podgorica+81000,+Montenegro&amp;ll=42.437337,19.235762&amp;spn=0.054602,0.099049&amp;t=m&amp;z=14&amp;output=embed"></iframe>

  </div>
  
</section></script>
<script type="text/ng-template" id="views/main.html"></script>
<script type="text/ng-template" id="views/menu.html"><section role="region">
  <header>
  	<a ng-tap="$navigate.go('/news', 'slide', false)"><span class="icon icon-menu">menu</span></a>
    <menu type="toolbar">
    </menu>
    <h1>Meni</h1>
  </header>
</section>

<section data-type="sidebar" class="menu">
	<div class="row allMenu">
		<div class="generalInfo">
			
		</div>
		<div class="large-12 columns menuBtns pFix">
			<div class="workingHours">
				<h2>Delta City Podgorica</h2>
				<h3>Cetinjski put bb, Podgorica</h3>
				<span class="whSpan">
					<span class="fL leftTitle">Radno Vrijeme</span><span class="fR rightTime">10:00 - 22:00</span>
				</span>
				<span class="whSpan">
					<span class="fL leftTitle">Supermaxi</span><span class="fR rightTime">18:00 - 22:00</span>
				</span>
				<span class="whSpan">
					<span class="fL leftTitle">Food court</span><span class="fR rightTime">09:00 - 23:00</span>
				</span>
			</div>
			<a ng-tap="$navigate.go('/news', 'slide', false)">Vijesti i dešavanja</a>
			<a ng-tap="$navigate.go('/content', 'slide', false)">Sadržaji</a>
			<a ng-tap="$navigate.go('/sales', 'slide', false)">Akcije</a>
			<a ng-tap="$navigate.go('/deltamap', 'slide', false)">Mapa</a>
			<a ng-tap="$navigate.go('/features', 'slide', false)">Dodatno</a>
		</div>
	</div>
</section></script>
<script type="text/ng-template" id="views/news.html"><section role="region">
  <header>
  	<a ng-tap="$navigate.go('/menu', 'slide', true)"><span class="icon icon-menu">menu</span></a>
    <menu type="toolbar">
    	<button ng-tap="showAll()"><span class="icon icon-edit">add</span></button>
    </menu>
    <h1>Vijesti i dešavanja</h1>
  </header>
</section>

<section data-type="sidebar" class="drawer drawerSmall">
	<div class="row">
		<div class="sliderWrapp">
			<!-- <ul class="dcSlider">
				<li ng-repeat="image in carousel">
					<img ng-src="{{image}}" alt="Delta Carousel">
				</li>
			</ul> -->
			<img ng-src="{{image}}">
			
		</div>
	</div>
	<div class="row container">
		<div class="large-12 columns">
			<div class="singleNews" ng-repeat="news in allnews" ng-tap="$navigate.go('/single/{{news.id}}', 'slide')" >
				<h2 ng-bind-html-unsafe="news.title"></h2>
				<span class="category {{news.catClass}}">{{news.category}}</span>
				<div ng-show="news.category == 'Dešavanja'" class="eventTime">
					{{news.start_date}} u {{news.time}}
				</div>
				<span class="date">{{news.pubDate}}</span>
				<p ng-bind-html-unsafe="news.short_description"></p>
			</div>
		</div>
	</div>
</section>

<div id="langList" ng-class="showModal" class="mapPeak">
    <ul class="filters">
    	<li>Prikaži:</li>
		<li><a ng-tap="getFeed('news.json', true)">Vijesti</a></li>
		<li><a ng-tap="getFeed('events.json', true)">Dešavanja</a></li>
		<li><a ng-tap="getFeed('blog.json', true)">Blog</a></li>
		<li><a ng-tap="getFeed('spotlight.json', true)">Aktuelno</a></li>
    </ul>
	<!--<a ng-tap="showModal='hideModal'" class="cancelBtn">{{'cancel_button'|i18n}}</a>-->
</div></script>
<script type="text/ng-template" id="views/news_events.html"></script>
<script type="text/ng-template" id="views/rest.html"><section role="region">
  <header>
  	<a ng-tap="$navigate.back()"><span class="icon icon-back">menu</span></a>
    <menu type="toolbar">
    </menu>
    <h1>Ostalo</h1>
  </header>
</section>

<section data-type="sidebar" class="drawer drawerSmall">
  <div class="row contentHolder container">
    <div class="large-12 columns">
      <div class="catStore" ng-repeat="category in categories">

        <a ng-tap="$navigate.go('/store/{{category.id}}', 'slide')">
          <div class="listStore" style="background: url({{category.backgroundImage}}) no-repeat;">
            <img ng-src="{{category.image}}" alt="{{category.title}}" class="storeLogo">
          </div>
            <div class="titleHolder">
              <span class="catTitle fL">{{category.title}}</span>
              <span class="catLevel fR">Nivo {{category.location}}</span>
              
            </div>
        </a>
      </div>
    </div>
  </div>
</section></script>
<script type="text/ng-template" id="views/sales.html"><section role="region">
  <header>
  	<a ng-tap="$navigate.back()"><span class="icon icon-back">menu</span></a>
    <menu type="toolbar">
    </menu>
    <h1>Popusti</h1>
  </header>
</section>

<section data-type="sidebar" class="drawer">
  <div class="row contentHolder container">
    <div class="large-12 columns">
      <div class="sale" ng-repeat="sale in sales">
        <a ng-tap="$navigate.go('/store/{{sale.store}}', 'slide')">
            <span class="percentage {{sale.saleClass}}">od <span class="prct">{{sale.percentage}}%</span></span>
            <span class="salesTitle" ng-bind-html-unsafe="sale.title"></span>
            <p ng-bind-html-unsafe="sale.content"></p>
            <span class="saleDate">{{sale.pubDate}}</span>
        </a>
        </div>
    </div>
  </div>
</section></script>
<script type="text/ng-template" id="views/single_news.html"><section role="region">
  <header>
  	<a ng-tap="$navigate.go('/news', 'slide', true)"><span class="icon icon-back">menu</span></a>
    <menu type="toolbar">
    </menu>
    <h1 ng-bind-html-unsafe="news.title"></h1>
  </header>
</section>

<section data-type="sidebar" class="drawer drawerSmall">
	<div class="row">
		<img ng-src="{{news.thumbnail}}" alt="{{news.title}}">
	</div>
	<div class="row single">
		<h2 ng-bind-html-unsafe="news.title"></h2>
		<span class="category {{news.catClass}}">{{news.category}}</span>
		<div ng-show="news.category == 'Dešavanja'" class="eventTime">
			{{news.start_date}} u {{news.time}}
		</div>
		<span class="date">{{news.pubDate}}</span>
		<p ng-bind-html-unsafe="news.content"></p>
	</div>
</section>
</script>
<script type="text/ng-template" id="views/store.html"><section role="region">
  <header>
  	<a ng-tap="$navigate.back()"><span class="icon icon-back">menu</span></a>
    <menu type="toolbar">
    </menu>
    <h1>{{store.title}}</h1>
  </header>
</section>
<section data-type="sidebar" class="stroreTabs">
    <ul class="button-group tabGroup">
        <li><a ng-tap="switchTab('info')" class="tabBtn">Info</a></li>
        <li><a ng-tap="switchTab('sales')" class="tabBtn">Akcije</a></li>
        <li><a ng-tap="switchTab('map')" class="tabBtn">Mapa</a></li>
    </ul>
</section>
<section data-type="sidebar" class="drawer drawerSmall">
    <div ng-show="section_info">
        <div class="row">
            <div class="large-12 columns pFix">
                <div class="listStore" style="background: url({{store.backgroundImage}}) no-repeat;">
                    <img ng-src="{{store.image}}" alt="{{store.title}}" class="storeLogo">
                </div>
                <div class="large-12 columns">
                    <div class="storeGeneral">
                        <h2 class="storeTitle">{{store.title}}</h2>
                        <span class="storeInfo">Lokacija:<span> Nivo {{store.location}}</span></span>
                        <span class="storeInfo">Lokal:<span> {{store.space}}</span></span>
                        <span class="storeInfo">Radno vrijeme:<span> {{store.hours}}</span></span>
                        
                    </div>
                    <div class="storeDesc" ng-tap="$navigate.go('/desc/{{store.id}}', 'slide')">
                        <span class="descTitle">Opis</span> 
                        <p>{{store.short_description}}</p>
                    </div>
                </div>
            </div>
            <div class="large-12 columns" ng-hide="newsStore.counter == 0">
                <span class="titleSeparator">Vijesti i dešavanja</span>
                <div class="" ng-repeat="newsStore in allStoreNews" ng-tap="$navigate.go('/single/{{newsStore.id}}', 'slide')" >
                    <h2 ng-bind-html-unsafe="newsStore.title"></h2>
                    <span class="category {{newsStore.catClass}}">{{newsStore.category}}</span>
                    <div ng-show="newsStore.category == 'Dešavanja'" class="eventTime">
                        {{newsStore.start_date}} u {{newsStore.time}}
                    </div>
                    <span class="date">{{newsStore.pubDate}}</span>
                    <p ng-bind-html-unsafe="newsStore.short_description"></p>
                </div>
            </div>
        </div>
        
        <div class="row contentHolder container">
            <div class="large-12 columns">
                <span class="titleSeparator2">Slične prodavnice</span>
                <div class="catStore" ng-repeat="store in similarStores">
                    <a ng-tap="$navigate.go('/store/{{store.id}}', 'slide')">
                        <div class="listStore" style="background: url({{store.backgroundImage}}) no-repeat;">
                            <img ng-src="{{store.image}}" alt="{{store.title}}" class="storeLogo">
                        </div>
                        <div class="titleHolder">
                            <span class="catTitle fL">{{store.title}}</span>
                            <span class="catLevel fR">Nivo {{store.location}}</span>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div ng-show="section_sales" class="salesHolder">
        <div class="large-12 columns" ng-show="sales.length > 0">
            <div class="sale" ng-repeat="sale in sales">
                <a ng-tap="$navigate.go('/store/{{sale.store}}', 'slide')">
                    <span class="percentage {{sale.saleClass}}">od <span class="prct">{{sale.percentage}}%</span></span>
                    <span class="salesTitle" ng-bind-html-unsafe="sale.title"></span>
                    <p ng-bind-html-unsafe="sale.content"></p>
                    <span class="saleDate">{{sale.pubDate}}</span>
                </a>
            </div>
        </div>
        <div class="row container" ng-show="sales.length == 0">
            <div class="large-12 columns container" >
                <span class="noAction">%</span>
                <p class="noActionTxt">Trenutno nema akcija.</p>
            </div>
        </div>

    </div>


    <div ng-show="section_map" class="">
            <div class="large-12 columns container" >
                <div class="storeGeneral">
                    <span class="storeInfo">Lokacija:<span> Nivo {{store.location}}</span></span>
                    <span class="storeInfo">Lokal:<span> {{store.space}}</span></span>
                    <span class="storeInfo">Radno vrijeme:<span> {{store.hours}}</span></span>
                </div>

                <iframe src="http://www.deltacity.me/mobile-map/?id={{store.id}}&app=ffos" frameborder="0"></iframe>

            </div>

    </div>

</section></script>
<script type="text/ng-template" id="views/wifi.html"><section role="region">
  <header>
  	<a ng-tap="$navigate.back()"><span class="icon icon-back">menu</span></a>
    <menu type="toolbar">
    </menu>
    <h1>WiFi</h1>
  </header>
</section>

<section data-type="sidebar" class="drawer">
  <div class="row contentHolder container">
    <div class="large-12 columns">
      <p class="noActionTxt">U izradi</p>
    </div>
  </div>
</section></script>
    </head>
    <script language="javascript">
        window.screen.mozLockOrientation('portrait');

    </script>
    <body role="application" ng-controller="MainCtrl">
        <mobile-view></mobile-view>
    </body>
</html>