PageSourceSearch

https://pizzeriaarena.ro/AppMenu/

html pizzeriaarena.ro collected 2026-10-01 14:20:41 UTC 114,634 bytes, 2,542 lines download raw bytes

1<!DOCTYPE html>
2<html class="ios device-pixel-ratio-1 device-desktop device-windows">
3<head>
4	<meta charset="utf-8">
5	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">
6	<meta name="apple-mobile-web-app-capable" content="yes">
7	<meta name="theme-color" content="">
8	<title>Pizzeria Arena – Comanda mancare online in Braila si imprejurimi</title>
9<meta name="description" content="Comanda de la Pizzeria Arena. Ingrediente proaspete si preparate delicioase!" />
10	<link href="src/bundle.css?v=f95d757f-8a6d-48c0-9f71-5c18cf0b8470" rel="stylesheet" />
11	
11<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-element-bundle.min.js"></script>
11
12</head>
13<body>
14
15	<div id="preloader" style="display:block;">
16		<div class="dialog-backdrop backdrop-in"></div>
17		<div class="dialog dialog-no-buttons dialog-preloader modal-in" style="display: block;">
18			<div class="dialog-inner">
19				<div class="dialog-title">Se incarca... </div>
20
21				<div class="preloader">
22					<span class="preloader-inner">
23						<span class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span class="preloader-inner-line"></span><span class="preloader-inner-line"></span>
24					</span>
25				</div>
26			</div>
27		</div>
28	</div>
29
30	<div id="app" v-cloak>
31
32		<f7-app :params="$root.f7params">
33
34			<!-- Right Panel with "reveal" effect -->
35			<f7-panel right cover ref="menuPanel" @panel:closed="$root.closeMenuPanel" @panel:open="$root.openMenuPanel" class="panelInCls">
36				<f7-view name="menuPanelView">
37					<f7-page name="menu-list" url="/menu-list">
38
39						<f7-link panel-close>
40							<i class="f7-icons">xmark</i>
41						</f7-link>
42
43						<f7-list v-if="loggedUser === null">
44							<f7-list-item v-if="_deactivateSaporiCustom === false" title="Autentificare" link="/login/"></f7-list-item>
45							<f7-list-item v-if="_hideCreateUserFunctionality === false" title="Creeaza cont" link="/register/"></f7-list-item>
46							<f7-list-item v-if="_showReservationPage" title="Rezerva" v-on:click="$root.openReservation()" link="#"></f7-list-item>
47							<!--<f7-list-item v-if="_renderLandingPage != ''" title="Acasa" v-on:click="$root.redirectToRenderLandingPage()"></f7-list-item>-->
48							<f7-list-item v-for="(item, index) in _menuLinks" :title="item.name" v-if="item.linkType != '2'" link="#" v-on:click="$root.customPageClick(item.url)">
49							</f7-list-item>
50							<f7-list-item v-for="(item, index) in _menuLinks" :title="item.name" :link="item.url" target="_blank" :external="true" v-if="item.linkType === '2'">
51							</f7-list-item>
52						</f7-list>
53
54						<f7-list v-if="loggedUser !== null">
55							<f7-list-item v-if="_deactivateMyAccountInOrderingApp === false" title="Contul meu" v-on:click="$root.myAccountClick()" link="#"></f7-list-item>
56							<f7-list-item title="Comenzile mele" v-on:click="$root.myOrdersClick()" link="#"></f7-list-item>
57							<f7-list-item v-if="_showReservationPage" title="Rezerva" v-on:click="$root.openReservation()" link="#"></f7-list-item>
58							<!--<f7-list-item v-if="_renderLandingPage != ''" title="Acasa" v-on:click="$root.redirectToRenderLandingPage()"></f7-list-item>-->
59							<!--<f7-list-item v-for="(item, index) in _menuLinks" :title="item.name" :link="item.url" :external="true"></f7-list-item> old way-->
60							<f7-list-item v-for="(item, index) in _menuLinks" :title="item.name" v-if="item.linkType != '2'" link="#" v-on:click="$root.customPageClick(item.url)">
61							</f7-list-item>
62							<f7-list-item v-for="(item, index) in _menuLinks" :title="item.name" :link="item.url" target="_blank" :external="true" v-if="item.linkType === '2'">
63							</f7-list-item>
64
65							<f7-list-item v-if="_deactivateDeleteAccountInOrderingApp === false" title="Sterge contul" v-on:click="$root.deleteAccount()" link="#"></f7-list-item>
66							<f7-list-item title="Iesi din cont" v-on:click="$root.logout()" link="#"></f7-list-item>
67						</f7-list>
68
69						<f7-block class="account-info" v-if="loggedUser === null">
70							<p>Daca doresti sa faci un cont nou il poti crea dupa finalizarea primei comenzi.</p>
71						</f7-block>
72
73						<div class="horeka-footer mobile" v-if="_hideHorekaLogo === false">
74							<p class="info">Solutie de comenzi online pentru restaurante</p>
75							<a v-if="_deactivateSaporiCustom === false" @click="$root.redirectToHorekaSite" href="#" target="_blank" rel="nofollow">
76								<img src="https://api.rpd.roweb.ro/documents/aboutus/horeka-logo.svg" alt="Horeka - Solutie de comenzi online pentru restaurante">
77							</a>
78							<a v-if="_deactivateSaporiCustom === true" href="#" target="_blank" rel="nofollow">
79								<img src="https://api.rpd.roweb.ro/documents/aboutus/horeka-logo.svg" alt="Horeka - Solutie de comenzi online pentru restaurante">
80							</a>
81						</div>
82
83					</f7-page>
84				</f7-view>
85			</f7-panel>
86
87			<!-- Main view-->
88			<f7-view main url="/"></f7-view>
89
90			<f7-popup id="cookiePopup" ref="openCookies-popup" :opened="$root.openCookiesPopup" class="cookiePopup">
91				<f7-view>
92					<f7-page>
93						<f7-block>
94							<p class="cookieTitle">Gestioneaza cookie-urile</p>
95							<p class="cookieBodyTitle">
96								Acest site utilizeaza fisiere cookie pentru a-ti analiza utilizarea site-ului.
97							</p>
98
99							<f7-button fill large v-on:click="cookiesPopupClosedfunc" class="cookieBtn">Accept toate cookie-urile</f7-button>
100						</f7-block>
101					</f7-page>
102				</f7-view>
103			</f7-popup>
104
105			<!-- Popup. All modals should be outside of Views -->
106			<f7-popup class="checkout-popup-scroll" id="checkout-popup" ref="checkoutPopup" :opened="$root.checkoutPopupOpenedProp" @popup:closed="checkoutPopupClosedfunc">
107				<f7-view>
108					<f7-page @page:beforein="onPageBeforeIn">
109						<f7-navbar title="Cosul tau de cumparaturi">
110							<!-- Link to close popup -->
111							<f7-nav-right>
112								<f7-link popup-close><i class="f7-icons">xmark</i></f7-link>
113							</f7-nav-right>
114						</f7-navbar>
115
116						<div class="popup-checkout bascket">
117							<!--<div>
118		<img class="burgerLogo" src="src/resources/burger.svg" />
119	</div>-->
120							<div class="inner-wrapper" style=" padding-bottom: 43px !important;">
121
122								<div class="empty-cart" v-if="$root.basket.products.length === 0">
123									<span class="image-empty"></span>
124									<p class="text-color-gray mb-40">Adauga mancare gustoasa din meniu si apoi plaseaza comanda</p>
125								</div>
126
127								<div class="minimum-order" v-if="$root.basket.products.length != 0 && _minimumSum != 0 && _minimumSum > $root.basket.total">
128									<p>
129										<i class="f7-icons icon-color">creditcard</i>Comanda minima este de <span>{{ _minimumSum }}</span> Lei
130									</p>
131								</div>
132
133								<div class="inner-scroll">
134									<div class="order-summary" v-if="$root.basket.products.length > 0">
135										<div class="data-table">
136											<div class="item" v-for="(item, index) in $root.basket.products">
137												<div class="td-image" v-bind:class="{'no-image': item.photo === '' }"><span class="product-image" v-bind:style="{ 'background-image': 'url(' + item.photo + ')' }"></span></div>
138												<div v-bind:class="['label-cell', (item.photo == '' ? 'no-image' : ''), ( $root.checkProductTitleLength(item) ? 'add-padding-top' : '' ) ]">
139													<div class="product-info">
140														<span class="name" v-html="item.name"></span>
141														<span class="product-variations" v-if="item.selectedVariation && item.selectedVariation.variants">
142															<!--<br />-->
143															{{item.selectedVariation.variants}}
144														</span>
145														<span class="product-addons" v-if="item.selectedAddons && item.selectedAddons.addons">
146															<!--<br />-->
147															<span v-for="(addon, addonIndex) in item.selectedAddons.addons">
148																{{addon.name}}
149																<br />
150															</span>
151														</span>
152													</div>
153													<div class="product-qty">
154														<f7-stepper :init="false" :value="item.qty" :min="0" :step="1" :input="false" small raised @stepper:minusclick="$root.changeQtyMinus(item)" @stepper:plusclick="$root.changeQtyPlus(item)"></f7-stepper>
155													</div>
156													<div class="product-price">
157														{{(item.price * item.qty).toFixed(2)}} lei
158													</div>
159												</div>
160												<div class="remove-item">
161													<f7-link v-on:click="$root.removeProductFromBasket(item)"><i class="f7-icons">xmark</i></f7-link>
162												</div>
163											</div>
164										</div>
165									</div>
166								</div>
167								<!--<f7-icon class="logoSadImg" slot="media" f7="alarm" v-if="_orderBtnVisibility == true"></f7-icon>-->
168								<div class="minimum-order-warning" v-if="$root.basket.products.length != 0 && _minimumSum != 0 && _minimumSum > $root.basket.total">
169									<p>
170										<img src="src/resources/warning.svg">
171										<span>Pentru a continua comanda trebuie sa ai suma minima mentionata mai sus</span>
172									</p>
173								</div>
174
175								<div class="hour-interval" v-if="_orderBtnVisibility == true">
176									<div class="info-box">
177										<f7-icon class="logoSadImg" slot="media" f7="alarm" v-if="_orderBtnVisibility == true"></f7-icon>
178										<p class="text-color-gray fntW" v-if="_orderBtnVisibility == true">{{ _hourIntervalMessage }}</p>
179									</div>
180
181									<table class="tblInterval">
182										<tbody>
183											<tr class="border-bottom" v-for="(item, index) in _hourInterval">
184												<td class="td1 label-cell"><span class="spn1">{{ item.Day }}</span></td>
185												<!--<td class="td2 label-cell"><span class="spn2"></span></td>-->
186												<td class="td3 label-cell"><span class="spn1 spRgt">{{ item.Interval }}</span></td>
187											</tr>
188										</tbody>
189									</table>
190								</div>
191							</div>
192
193							<div class="floating-btn-mobile" v-if="_orderBtnVisibility == false">
194								<div class="list media-list no-hairline no-hairlines-between cutAfterLineFromUl">
195									<ul>
196										<li>
197											<div class="item-content">
198												<div class="item-inner">
199													<div class="item-title-row">
200														<div class="item-title">Sub-total</div>
201														<div class="item-after">{{$root.basket.subTotal.toFixed(2)}} lei</div>
202													</div>
203												</div>
204											</div>
205										</li>
206										<li>
207											<div class="item-content">
208												<div class="item-inner">
209													<div class="item-title-row">
210														<div class="item-title total"><b>Total</b></div>
211														<div class="item-after total"><b>{{$root.basket.total.toFixed(2)}} lei</b></div>
212													</div>
213												</div>
214											</div>
215										</li>
216									</ul>
217
218									<f7-button large raised fill :disabled="$root.basket.total === 0 || _minimumSum > $root.basket.total" v-on:click="$root.checkoutClick">Comanda</f7-button>
219								</div>
220							</div>
221						</div>
222
223
224					</f7-page>
225				</f7-view>
226			</f7-popup>
227
228			<!--v-bind:class="{ noImage: productDetails.photo == '' }"-->
229			<f7-popup fill id="product-details-popup" style="border-radius: 12px 12px 12px 12px !important;" ref="popup-product-details" :opened="$root.productDetailsPopupOpened" @popup:closed="onProductDetailsPopupClosed">
230				<f7-view :url="null">
231					<f7-page class="product-details" v-bind:class="{ unsetOverflow: productDetails.addons && productDetails.addons.length === 1 }">
232
233						<f7-navbar title="" style="width: 50px; right: 0; left: unset;">
234							<p class="mrgDetails" v-html="productDetails.name"></p>
235							<f7-nav-right>
236								<f7-link popup-close v-on:click="closeProductDetailsPopup()"><i class="f7-icons">xmark</i></f7-link>
237							</f7-nav-right>
238						</f7-navbar>
239						<div class="image" v-if="productDetails.photo != '' && productDetails.photo != undefined" v-bind:style="{ backgroundImage: 'url(' + productDetails.photo + '?width=1000' + ')' }"></div>
240						<div class="default-image" v-if="productDetails.photo === ''" style="background-image: url('https://api.rpd.roweb.ro/documents/aboutus/orderingDefault.png?width=1000')"></div>
241						<!--<div class="image" v-if="productDetails.photo !== ''" style="max-height: 450px; max-width: 702px; position: relative;">
242							<img style="width: 100%; height: 100%;" :src="productDetails.photo + '?mode=stretch&width=1000&height=750&bgcolor=ffffff'" />
243						</div>-->
244						<!--v-bind:class="{ noImage: productDetails.photo == '' }"-->
245						<f7-block class="short-description">
246
247							<div class="main-info">
248								<h2 v-html="productDetails.name"></h2>
249								<div class="prices">
250									<p v-if="productDetails.regularPrice != productDetails.price && productDetails.regularPrice != 0" class="price cutPrice">{{productDetails.regularPrice}} lei</p>
251									<p class="price">{{productDetails.price}} lei</p>
252								</div>
253							</div>
254
255							<div class="description" v-html="productDetails.shortDescription"></div>
256
257							<div class="product-addons" v-if="allergens.length > 0">
258								<h4><span class="addon-title">Alergeni</span></h4>
259
260								<div class="list" v-if="allergens.length > 0">
261									<img v-for="(option, index) in allergens" :src="option.ImagePath" :title="option.TextValue" v-on:click="showAllergeTitle(option.TextValue)" style="margin-right: 5px; cursor: pointer;" />
262								</div>
263							</div>
264
265							<div class="product-variations" v-if="productDetails.variations && productDetails.variations.length > 0">
266								<div class="row">
267									<div class="col-100">
268										<div v-for="(productVariation, index) in productDetails.productVariations">
269											<h4>{{productVariation.variation}} <span class="badge">Obligatoriu</span></h4>
270											<div class="input-dropdown-wrap">
271												<select v-model="productVariation.selected" class="form-control">
272													<option v-for="option in productVariation.options" v-bind:value="option.value">
273														{{ option.text }}
274													</option>
275												</select>
276											</div>
277										</div>
278									</div>
279								</div>
280							</div>
281
282							<div class="product-addons" v-if="productDetails.addons && productDetails.addons.length > 0">
283								<div class="col-100">
284									<div class="addon-section active" :id="productAddon.addon.replace(/ /g, '').replace('.', '_') + '_add'" v-for="(productAddon, index) in productDetails.productAddons">
285										<h4>
286											<span class="addon-title pointCrs" @click="toggleElementNameDisplayAll">{{productAddon.addon}}</span> <span v-if="productAddon.required" class="badge">Obligatoriu</span> <span v-if="!productAddon.required" class="badge gray">Optional</span> <span class="toggle-arrow" @click="toggleElementDisplayAll">
287												<img v-if="_apiUrl.includes('rpd')" :src="_woocommerceUrl + 'AppMenu/src/resources/toggle-arrow.svg'" />
288												<img v-if="!_apiUrl.includes('rpd')" src="src/resources/toggle-arrow.svg" />
289											</span>
290										</h4>
291
292										<div class="list">
293											<ul>
294												<li v-for="(option, index) in productAddon.options">
295
296													<label class="item-checkbox item-content" v-if="productAddon.displayType === 'select'">
297														<input type="checkbox" v-if="option.item[0].limit > 0"
298															   :id="option.item[0].id" v-model="option.selected" v-bind:value="option.item[0].id"
299															   v-on:click="$root.setNumberOfAddons(option.item[0].id, option.item[0].limit, option)" />
300														<input type="checkbox" v-if="option.item[0].limit === 0" v-model="option.selected" v-bind:value="option.item[0].id" />
301														<i class="icon icon-checkbox"></i>
302														<div class="item-inner">
303															<div class="item-title">{{option.text}} + {{option.item[0].price}} lei</div>
304														</div>
305													</label>
306
307													<label class="item-radio item-radio-icon-start  item-content" v-if="productAddon.displayType === 'radiobutton'">
308														<input type="radio" v-model="productAddon.selected" v-name="productAddon.addon" v-bind:value="option.item[0].id" />
309														<i class="icon icon-radio"></i>
310														<div class="item-inner">
311															<div class="item-title">{{option.text}} + {{option.item[0].price}} lei</div>
312														</div>
313													</label>
314												</li>
315											</ul>
316										</div>
317									</div>
318								</div>
319							</div>
320							<div class="meta-line-box-shadow" style="margin-top: unset !important;" v-if="(productDetails.addons == undefined || productDetails.addons.length <= 0) && ((productDetails.ingredients != undefined && productDetails.ingredients != '') || (productDetails.nutritionalDeclaration != undefined && productDetails.nutritionalDeclaration != '') || stabilizers != '')"></div>
321							<div class="meta-line-box-shadow" v-if="(productDetails.addons && productDetails.addons.length > 0) && ((productDetails.ingredients != undefined && productDetails.ingredients != '') || (productDetails.nutritionalDeclaration != undefined && productDetails.nutritionalDeclaration != '') || stabilizers != '')"></div>
322							<div class="product-addons" v-if="(productDetails.ingredients != undefined && productDetails.ingredients != '') || (productDetails.nutritionalDeclaration != undefined && productDetails.nutritionalDeclaration != '') || stabilizers != ''">
323								<div class="col-100">
324									<div class="addon-section meta-box-shadow" id="productMetaDetails">
325										<h4>
326											<span v-if="$root.removeStepperMinus === true" class="addon-title pointCrs" @click="toggleProductMeta">Valori nutritionale</span> <span v-if="$root.removeStepperMinus === true" class="toggle-arrow remove-stepper" @click="toggleProductMeta">
327												<f7-stepper large @stepper:plusclick="$root.removePlusStepper" :input="true"></f7-stepper>
328												<!--<img v-if="_apiUrl.includes('rpd')" :src="_woocommerceUrl + 'AppMenu/src/resources/toggle-arrow.svg'" />
329						<img v-if="!_apiUrl.includes('rpd')" src="src/resources/toggle-arrow.svg" />-->
330											</span>
331											<span v-if="$root.removeStepperMinus === false" class="addon-title pointCrs" @click="toggleProductMeta">Valori nutritionale</span> <span v-if="$root.removeStepperMinus === false" class="toggle-arrow remove-stepper-plus" @click="toggleProductMeta">
332												<f7-stepper large @stepper:minusclick="$root.removeMinusStepper" :input="true"></f7-stepper>
333											</span>
334										</h4>
335										<div class="list">
336											<h4 v-if="productDetails.ingredients != undefined && productDetails.ingredients != ''"><span class="addon-title">Ingrediente</span></h4>
337
338											<div class="description" v-if="productDetails.ingredients != undefined && productDetails.ingredients != ''" v-html="productDetails.ingredients"></div>
339
340											<h4 v-if="productDetails.nutritionalDeclaration != undefined && productDetails.nutritionalDeclaration != ''"><span class="addon-title">Declaratia nutritionala</span></h4>
341
342											<div class="description stabilizers-table-display" v-if="productDetails.nutritionalDeclaration != undefined && productDetails.nutritionalDeclaration != '' && productDetails.nutritionalDeclaration.includes('table')"
343												 v-html="productDetails.nutritionalDeclaration"></div>
344											<div class="description" v-if="productDetails.nutritionalDeclaration != undefined && productDetails.nutritionalDeclaration != '' && !productDetails.nutritionalDeclaration.includes('table')"
345												 v-html="productDetails.nutritionalDeclaration"></div>
346
347											<h4 v-if="stabilizers != undefined && stabilizers != ''"><span class="addon-title">Stabilizatori</span></h4>
348
349											<div class="description" v-if="stabilizers != undefined && stabilizers != ''" v-html="stabilizers"></div>
350										</div>
351									</div>
352								</div>
353							</div>
354
355							<span id="erroraddprodcut" v-show="addProdcutToCartErrors !== ''" style="color:red;" v-html="addProdcutToCartErrors"></span>
356
357						</f7-block>
358
359						<div class="add-to-cart-button" v-bind:class="{ 'posStick': _isIos === true }">
360
361
362							<div class="row">
363								<div class="col-40 small-30">
364									<f7-stepper ref="stepperAddProduct" :value="productDetails.qty" :min="1" :max="999" large @stepper:minusclick="setQtyMinusclick" @stepper:plusclick="setQtyPlusclick" :input="false"></f7-stepper>
365								</div>
366								<div class="col-60 small-70	add-to-cart-action-button">
367									<f7-button fill large v-on:click="addToBasket(productDetails)" :disabled="addCartClick">Adauga la comanda</f7-button>
368								</div>
369							</div>
370						</div>
371					</f7-page>
372				</f7-view>
373			</f7-popup>
374
375			<f7-popup id="info-venue-popup" @popup:open="$root.infoModalOpen">
376				<f7-view>
377					<f7-page>
378
379						<f7-navbar v-bind:style="{ backgroundImage: 'url(' + $root.settings.headerPhoto + '?mode=crop&width=1920&height=600&bgcolor=ffffff' + ')' }">
380							<!-- Link to close popup -->
381							<f7-nav-right>
382								<f7-link popup-close><i class="f7-icons">xmark</i></f7-link>
383							</f7-nav-right>
384						</f7-navbar>
385
386						<f7-block>
387							<div class="card" v-if="_hourInterval.length > 0">
388								<div class="card-header">Orar de livrari</div>
389								<div class="card-content card-content-padding">
390
391									<table class="tblInterval">
392										<tbody>
393											<tr class="border-bottom" v-for="(item, index) in _hourInterval">
394												<td class="td1 label-cell"><span class="spn1">{{ item.Day }}</span></td>
395												<td class="td2 label-cell"><span class="spn2"></span></td>
396												<td class="td3 label-cell"><span class="spn1 spRgt">{{ item.Interval }}</span></td>
397											</tr>
398										</tbody>
399									</table>
400
401								</div>
402								<div class="card-footer" v-if="settings.websiteSetup.venueDeliveryCost && settings.websiteSetup.venueDeliveryCost > 0">Cost livrare: {{settings.websiteSetup.venueDeliveryCost}} lei</div>
403							</div>
404
405							<div class="card" v-if="settings.websiteSetup.venuePaymentmetods && settings.websiteSetup.venuePaymentmetods.length > 0">
406								<div class="card-header">Metode de plata acceptate</div>
407								<div class="card-content card-content-padding">
408
409									<ul class="no-style">
410										<li>
411											<table>
412												<tr class="payment-method" v-for="(item, index) in settings.websiteSetup.venuePaymentmetods">
413													<td>
414														<i class="f7-icons icon-color" v-if="item == 2">creditcard</i>
415														<i class="f7-icons icon-color" v-if="item != 2">rectangle_on_rectangle</i>
416													</td>
417													<td>
418														{{paymentMethodText(item)}}
419													</td>
420												</tr>
421											</table>
422										</li>
423									</ul>
424								</div>
425							</div>
426
427							<div class="card contact">
428								<div class="card-header">Contact</div>
429								<div class="card-content card-content-padding">
430									<div class="row">
431										<div class="col-100">
432											<p v-if="settings.websiteSetup.email">
433												<i class="f7-icons icon-color">envelope</i>
434												<a v-bind:href="'mailto:' + settings.websiteSetup.phone">{{settings.websiteSetup.email}}</a>
435											</p>
436
437											<p v-if="settings.websiteSetup.phone">
438												<i class="f7-icons icon-color">
438phone_fill</i>
439												<a class="external call" v-bind:href="'tel:' + settings.websiteSetup.phone">{{settings.websiteSetup.phone}}</a>
440											</p>
441
442											<p>
443												<i class="f7-icons icon-color">placemark</i>
444												{{settings.address}}, {{settings.postalCode}} {{settings.city}}, {{settings.county}}
445											</p>
446
447											<p>
448												<a class="maps-contact external" v-bind:href="'https://www.google.com/maps/search/?api=1&query=' + settings.address + ', ' + settings.postalCode + ', ' + settings.city + ', ' + settings.county" target="_blank">
449													<i class="f7-icons icon-color">map</i>
450													<span>Vezi pe harta</span>
451												</a>
452											</p>
453										</div>
454									</div>
455								</div>
456							</div>
457
458						</f7-block>
459					</f7-page>
460				</f7-view>
461			</f7-popup>
462
463			<f7-popup id="validate-cart-popup" ref="validate-cart-popup" :opened="popupValidateCartOpened" @popup:closed="onPopupValidateCartOpenedClosed">
464				<f7-view>
465					<f7-page>
466						<f7-navbar title="Informatii despre cosul tau">
467							<!-- Link to close popup -->
468							<f7-nav-right>
469								<f7-link popup-close><i class="f7-icons">xmark</i></f7-link>
470							</f7-nav-right>
471						</f7-navbar>
472						<f7-block>
473
474							<p v-if="Object.keys(inactiveProducts).length > 1">
475								Urmatoarele produse din cosul tau nu mai sunt disponibile si le-am scos automat din cos.
476								<br />Te rugam sa comanzi fara aceste produse:
477							</p>
478
479							<p v-if="Object.keys(inactiveProducts).length == 1">
480								Urmatoarul produs din cosul tau nu mai este disponibil si l-am scos automat din cos.
481								<br />Te rugam sa comanzi fara acest produs:
482							</p>
483
484							<ul>
485								<li v-for="(product, index) in inactiveProducts">
486									{{product}}
487								</li>
488							</ul>
489
490						</f7-block>
491						<div class="row">
492							<div class="col-20"></div>
493							<div class="col-60">
494								<f7-button fill large popup-close>Ok, am inteles</f7-button>
495							</div>
496							<div class="col-20"></div>
497						</div>
498					</f7-page>
499				</f7-view>
500			</f7-popup>
501
502			<f7-popup id="menu-selection" ref="menu-selection" :opened="menuSelectionOpened" @popup:closed="onMenuSelectionOpenedClosed" close-by-backdrop-click="false" close-on-escape="false">
503				<f7-view>
504					<f7-page>
505						<f7-navbar title="Meniu">
506						</f7-navbar>
507						<div class="mb-40"></div>
508
509
510						<div class="row mb-20" v-for="(category, index) in 6" v-if="$root.isLoadingProducts">
511							<div class="col-10"></div>
512							<div class="col-80">
513								<f7-button fill large popup-close class="skeleton-effect-fade"></f7-button>
514							</div>
515							<div class="col-10"></div>
516						</div>
517
518						<div class="row mb-20" v-for="(category, index) in productMultiCategory">
519							<div class="col-10"></div>
520							<div class="col-80">
521								<f7-button fill large popup-close v-on:click="loadCategory(category.id)">{{category.name}}</f7-button>
522							</div>
523							<div class="col-10"></div>
524						</div>
525					</f7-page>
526				</f7-view>
527			</f7-popup>
528
529		</f7-app>
530
531	</div>
532
533	
533<script type="text/x-template" id="page-menu-template">
534		<f7-page name="home" @page:init="onPageInit" @page:beforein="onPageBeforeIn" ref="page-menu" :class="{ 'is-phone-order': _isPhoneOrder }">
535			<f7-navbar v-if="!_isPhoneOrder">
536				<f7-nav-left>
537					<f7-link v-if="localStorage.getItem('appMenuGroup') != null" v-on:click="$root.removeVenueChildrenWeb()">
538						<i class="f7-icons icon-color" style="font-size: 22px;">arrow_left</i>
539					</f7-link>
540					<p class="label-back" v-if="localStorage.getItem('appMenuGroup') != null" v-on:click="$root.removeVenueChildrenWeb()">Selecteaza alta locatie</p>
541					<p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') === null">
542						<f7-link panel-open="right">
543							<i class="f7-icons icon-color lock">person</i>
544							<i class="f7-icons gray-arrow">chevron_down</i>
545						</f7-link>
546					</p>
547					<p v-if="localStorage.getItem('appMenuGroup') === null" class="navbar-title">
548						{{$root.settings.websiteSetup.navbarTitle}}
549					</p>
550				</f7-nav-left>
551				<div v-if="localStorage.getItem('appMenuGroup') != null" class="navbar-title-center">
552					<p class="navbar-title">
553						{{$root.settings.websiteSetup.navbarTitle}}
554					</p>
555				</div>
556				<f7-nav-right>
557					<p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') != null">
558						<f7-link panel-open="right">
559							<i class="f7-icons icon-color lock">person</i>
560							<i class="f7-icons gray-arrow">chevron_down</i>
561						</f7-link>
562					</p>
563					<p class="right-details cart">
564						<f7-link @click="$root.displayExistingBasket">
565							<i class="f7-icons icon-color">cart</i>
566							Cosul tau
567							<span class="bascket-counter">{{ $root.noOfItemsFromBasket }}</span>
568						</f7-link>
569					</p>
570					<p class="right-details name" v-if="$root.loggedUserName">
571						<f7-link panel-open="right">
572							{{$root.loggedUserName}}
573							<i class="f7-icons">chevron_down</i>
574						</f7-link>
575					</p>
576					<p class="right-details name" v-if="!$root.loggedUserName && _deactivateSaporiCustom === false">
577						<f7-link panel-open="right">
578							<i class="f7-icons icon-color lock">lock</i>
579							Autentificare
580						</f7-link>
581					</p>
582					<p class="mobile-only">
583						<f7-link popup-open="#checkout-popup">
584							<i class="f7-icons icon-color lock">cart</i>
585							<span class="bascket-counter">{{ $root.noOfItemsFromBasket }}</span>
586						</f7-link>
587					</p>
588					<f7-link panel-open="right">
589						<i class="f7-icons icon-color">line_horizontal_3</i>
590					</f7-link>
591				</f7-nav-right>
592			</f7-navbar>
593			<div class="side-nav bascket">
594				<div class="inner-wrapper" style=" padding-bottom: 43px !important;">
595					<h3>Cosul tau de cumparaturi</h3>
596
597					<div v-if="$root.basket.products.length === 0">
598						<span class="image-empty"></span>
599						<p class="text-color-gray mb-40">Adauga mancare gustoasa din meniu si apoi plaseaza comanda</p>
600					</div>
601
602					<div class="minimum-order" v-if="$root.basket.products.length != 0 && _minimumSum != 0 && _minimumSum > $root.basket.total">
603						<p>
604							<i class="f7-icons icon-color">creditcard</i>Comanda minima este de <span>{{ _minimumSum }}</span> Lei
605						</p>
606					</div>
607
608					<div class="inner-scroll">
609						<div class="order-summary" v-if="$root.basket.products.length > 0">
610							<div class="data-table">
611								<div class="item" v-for="(item, index) in $root.basket.products">
612									<div class="td-image" v-bind:class="{'no-image': item.photo === '' }"><span class="product-image" v-bind:style="{ 'background-image': 'url(' + item.photo + ')' }"></span></div>
613									<div v-bind:class="['label-cell', (item.photo == '' ? 'no-image' : ''), ( $root.checkProductTitleLength(item) ? 'add-padding-top' : '' ) ]">
614										<div class="product-info">
615											<span class="name" v-html="item.name"></span>
616											<span class="product-variations" v-if="item.selectedVariation && item.selectedVariation.variants">
617												<!--<br />-->
618												{{item.selectedVariation.variants}}
619											</span>
620											<span class="product-addons" v-if="item.selectedAddons && item.selectedAddons.addons">
621												<!--<br />-->
622												<span v-for="(addon, addonIndex) in item.selectedAddons.addons">
623													{{addon.name}}
624													<br />
625												</span>
626											</span>
627										</div>
628										<div class="product-qty">
629											<f7-stepper :init="false" :value="item.qty" :min="0" :step="1" :input="false" small raised @stepper:minusclick="$root.changeQtyMinus(item)" @stepper:plusclick="$root.changeQtyPlus(item)"></f7-stepper>
630										</div>
631										<div class="product-price">
632											{{(item.price * item.qty).toFixed(2)}} lei
633										</div>
634									</div>
635									<div class="remove-item">
636										<f7-link v-on:click="$root.removeProductFromBasket(item)"><i class="f7-icons">xmark</i></f7-link>
637									</div>
638								</div>
639							</div>
640						</div>
641					</div>
642
643					<div class="minimum-order-warning" v-if="$root.basket.products.length != 0 && _minimumSum != 0 && _minimumSum > $root.basket.total">
644						<p>
645							<img src="src/resources/warning.svg">
646							<span>Pentru a continua comanda trebuie sa ai suma minima mentionata mai sus</span>
647						</p>
648					</div>
649
650					<div class="hour-interval" v-if="_orderBtnVisibility == true">
651						<div class="info-box">
652							<f7-icon class="logoSadImg" slot="media" f7="alarm" v-if="_orderBtnVisibility == true"></f7-icon>
653							<p class="text-color-gray fntW" v-if="_orderBtnVisibility == true">{{ _hourIntervalMessage }}</p>
654						</div>
655
656						<table class="tblInterval">
657							<tbody>
658								<tr class="border-bottom" v-for="(item, index) in _hourInterval">
659									<td class="td1 label-cell"><span class="spn1">{{ item.Day }}</span></td>
660									<td class="td3 label-cell"><span class="spn1 spRgt">{{ item.Interval }}</span></td>
661								</tr>
662							</tbody>
663						</table>
664					</div>
665				</div>
666
667				<div class="floating-btn" style="margin-right: 25px; margin-left: 27px;" v-if="_orderBtnVisibility == false">
668					<div class="list media-list no-hairline no-hairlines-between cutAfterLineFromUl">
669						<ul>
670							<li>
671								<div class="item-content">
672									<div class="item-inner">
673										<div class="item-title-row">
674											<div class="item-title">Sub-total</div>
675											<div class="item-after">{{$root.basket.subTotal.toFixed(2)}} lei</div>
676										</div>
677									</div>
678								</div>
679							</li>
680							<li>
681								<div class="item-content">
682									<div class="item-inner">
683										<div class="item-title-row">
684											<div class="item-title total"><b>Total</b></div>
685											<div class="item-after total"><b>{{$root.basket.total.toFixed(2)}} lei</b></div>
686										</div>
687									</div>
688								</div>
689							</li>
690						</ul>
691
692						<f7-button large raised fill :disabled="$root.basket.total === 0 || _minimumSum > $root.basket.total" v-on:click="$root.checkoutClick" class="floating-btn">Comanda</f7-button>
693					</div>
694				</div>
695
696				<div class="horeka-footer" v-if="_hideHorekaLogo === false">
697					<p class="info">Solutie de comenzi online pentru restaurante</p>
698					<a v-if="_deactivateSaporiCustom === false" @click="$root.redirectToHorekaSite" href="#" target="_blank" rel="nofollow">
699						<img src="https://api.rpd.roweb.ro/documents/aboutus/horeka-logo.svg" alt="Horeka - Solutie de comenzi online pentru restaurante" />
700					</a>
701					<a v-if="_deactivateSaporiCustom === true" href="#" target="_blank" rel="nofollow">
702						<img src="https://api.rpd.roweb.ro/documents/aboutus/horeka-logo.svg" alt="Horeka - Solutie de comenzi online pentru restaurante" />
703					</a>
704				</div>
705			</div>
706			<!-- Page content -->
707			<div class="side-split">
708				<div class="sub-header" v-if="!_isPhoneOrder">
709					<swiper-container v-if="_mostOrderedCategoryId != 0" class="mySwiper" space-between="30" centered-slides="true" autoplay-delay="5000" autoplay-disable-on-interaction="false">
710						<swiper-slide speed="500" loop="true" css-mode="true" v-for="(imageItem, imageIndex) in _mostOrderedCategoryImages">
711							<div style="display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: center;" class="sub-header-image-most-ordered" v-bind:style="{ backgroundImage: 'url(' + imageItem.imageUrl + '?mode=crop&width=1920&height=600&bgcolor=ffffff' + ')' }">
712								<a style="position: relative;" v-if="_mostOrderedCategoryId != 0" class="menu-of-the-day-most-ordered-display-menu-title">
713									<table>
714										<tr>
715											<td>
716												<span>{{ imageItem.name }}</span>
717											</td>
718										</tr>
719									</table>
720								</a>
721								<!--<a style="position: relative;" v-if="_mostOrderedCategoryId != 0" v-on:click="$root.openProductDetailsPopupFromParentCategory(imageItem.linkUrl, undefined, undefined)" class="menu-of-the-day-most-ordered-display-menu">
722									<table>
723										<tr>
724											<td>
725												Vezi produs
726											</td>
727										</tr>
728									</table>
729								</a>-->
729
730								<a style="position: relative;" v-if="_mostOrderedCategoryId != 0" class="menu-of-the-day-most-ordered-display-menu-whithout-click">
731									<table>
732										<tr>
733											<td>
734												Livrari la domiciliu
735											</td>
736										</tr>
737									</table>
738								</a>
739
740								<a v-if="_mostOrderedCategoryId != 0" v-on:click="$root.scrollToMenuElement(`cat-${ _mostOrderedCategoryId }`)" class="menu-of-the-day-most-ordered-top-products">
741									<table>
742										<tr>
743											<td v-html="_mostOrderedCategoryName">
744											</td>
745										</tr>
746									</table>
747								</a>
748							</div>
749						</swiper-slide>
750					</swiper-container>
751					<div v-if="_mostOrderedCategoryId === 0" class="sub-header-image" v-bind:style="{ backgroundImage: 'url(' + $root.settings.headerPhoto + '?mode=crop&width=1920&height=600&bgcolor=ffffff' + ')' }">
752
753						<div class="apps-ad" v-if="$root.displayAppsAd && ( _urlAndroidApp != '' || _urlIosApp != '' )">
754							<p>Instaleaza acum si aplicatia noastra mobila direct din Google Store si Apple Store</p>
755							<a v-bind:href="_urlAndroidApp" v-if="_urlAndroidApp" class="external" target="_blank">
756								<img src="https://api.rpd.roweb.ro/documents/aboutus/gplay.png" class="gplay">
757							</a>
758							<a v-bind:href="_urlIosApp" v-if="_urlIosApp" class="external" target="_blank">
759								<img src="https://api.rpd.roweb.ro/documents/aboutus/appstore.png" class="appstore">
760							</a>
761							<a class="close" v-on:click="$root.closeBanner">
762								<i class="f7-icons">multiply</i>
763							</a>
764						</div>
765
766						<a v-on:click="$root.scrollToMenuElement(`cat-${$root.settings.websiteSetup.productCategoryId}`)" class="menu-of-the-day" v-if="$root.settings.websiteSetup.showMenuOfTheDay === true && $root.isLoadingProducts === false">
767							<table>
768								<tr>
769									<td v-html="$root.menuOfTheDayName">
770									</td>
771								</tr>
772							</table>
773						</a>
774					</div>
775					<div class="main-inner-wrapper" v-bind:style="_deactivateSaporiCustom === true ? 'padding-bottom: 20px;' : ''">
776						<div class="row infoBanner" v-if="_showReservationPage == false">
777							<div v-bind:class="[{'col-100 medium-30':$root.settings.websiteSetup.showVenueName || _renderLandingPage != ''}, {'col-100 medium-30 mrg-bottom-43':$root.settings.websiteSetup.showVenueName === false && _renderLandingPage === ''}]">
778								<div class="logo" v-bind:style="{ backgroundImage: 'url(' + $root.settings.logo + '?' + ')' }"></div>
779
780								<h1 v-html="$root.settings.websiteSetup.showVenueName ? $root.settings.title : '&nbsp;'"></h1>
781							</div>
782							<div class="col-100 medium-70">
783								<div class="info-button float-right">
784									<div v-if="_renderLandingPage != ''" class="display-inline-block padLft categoryInfoBox">
785										<f7-link v-on:click="$root.redirectToRenderLandingPage()" title="Acasa"><i class="f7-icons icon-color">house</i><span class="categoryInfo">Acasa</span></f7-link>
786									</div>
787									<div class="display-inline-block padLft categoryInfoBox" v-if="$root.settings.websiteSetup.multiCategoryMenu === true">
788										<f7-link v-on:click="$root.openMenuSelection()" v-if="$root.settings.websiteSetup.multiCategoryMenu === true"><i class="f7-icons categoryInfoIcon icon-color">book</i><span class="categoryInfo">{{ $root.productCategoryName }}</span></f7-link>
789									</div>
790
791									<div class="display-inline-block padLft categoryInfoBox" v-if="$root.windowWidth > 767 && _deactivateSaporiCustom === false">
792										<a class="external call phone-tooltip" v-bind:href="'tel:'+$root.settings.websiteSetup.phone" title="Suna localul"><i class="f7-icons icon-color">phone</i><!--<span class="categoryInfo">Suna localul</span>--></a>
793									</div>
794									<div class="display-inline-block padLft categoryInfoBox" v-if="$root.windowWidth <= 767 && _deactivateSaporiCustom === false">
795										<a class="external call" v-bind:href="'tel:'+$root.settings.websiteSetup.phone" title="Suna"><i class="f7-icons icon-color">phone</i><!--<span class="categoryInfo">Suna</span>--></a>
796									</div>
797
798									<div class="display-inline-block padLft categoryInfoBox" v-if="_deactivateSaporiCustom === false">
799										<f7-link popup-open="#info-venue-popup" title="Informatii"><i class="f7-icons icon-color">info_circle</i><!--<span class="categoryInfo">Informatii</span>--></f7-link>
800									</div>
801								</div>
802							</div>
803						</div>
804						<div class="row infoBanner" v-if="_showReservationPage">
805							<div v-bind:class="[{'col-100 medium-30':$root.settings.websiteSetup.showVenueName || _renderLandingPage != ''}, {'col-100 medium-30 mrg-bottom-43':$root.settings.websiteSetup.showVenueName === false && _renderLandingPage === ''}]">
806								<div class="logo" v-bind:style="{ backgroundImage: 'url(' + $root.settings.logo + '?' + ')' }"></div>
807
808								<h1 v-html="$root.settings.websiteSetup.showVenueName ? $root.settings.title : '&nbsp;'"></h1>
809							</div>
810							<div class="col-100 medium-70">
811								<div class="info-button float-right">
812									<div v-if="_renderLandingPage != '' && _deactivateSaporiCustom === false" class="display-inline-block padLft categoryInfoBox">
813										<f7-link v-on:click="$root.redirectToRenderLandingPage()" title="Acasa"><i class="f7-icons icon-color">house</i><span class="categoryInfo">Acasa</span></f7-link>
814									</div>
815									<div class="display-inline-block padLft categoryInfoBox" v-if="_showReservationPage">
816										<f7-link v-on:click="$root.openReservation()" v-if="_deactivateSaporiCustom === false">
817											<i class="f7-icons icon-color">book</i>
818											<span class="categoryInfo" v-if="$root.windowWidth > 767">Rezerva o masa</span>
819											<span class="categoryInfo" v-else>Rezerva</span>
820										</f7-link>
821									</div>
822
823									<div class="display-inline-block padLft categoryInfoBox" v-if="_activateCategoryPage === false && _categoryDataFromDb === false">
824										<f7-link v-on:click="$root.displayCategoryPage()">
825											<i class="f7-icons icon-color">book</i>
826											<span class="categoryInfo" v-if="$root.windowWidth > 767" title="Meniu">Meniu</span>
827											<span class="categoryInfo" title="Meniu" v-else>Meniu</span>
828										</f7-link>
829									</div>
830
831									<div class="display-inline-block padLft categoryInfoBox" v-if="$root.settings.websiteSetup.multiCategoryMenu === true">
832										<f7-link v-on:click="$root.openMenuSelection()" v-if="$root.settings.websiteSetup.multiCategoryMenu === true"><i class="f7-icons categoryInfoIcon icon-color">book</i><span class="categoryInfo">{{ $root.productCategoryName }}</span></f7-link>
833									</div>
834
835									<div class="display-inline-block padLft categoryInfoBox" v-if="$root.windowWidth > 767 && _deactivateSaporiCustom === false">
836										<a class="external call" v-bind:href="'tel:'+$root.settings.websiteSetup.phone" title="Suna localul"><i class="f7-icons icon-color">phone</i><!--<span class="categoryInfo">Suna localul</span>--></a>
837									</div>
838
839									<div class="display-inline-block padLft categoryInfoBox" v-if="$root.windowWidth <= 767 && _deactivateSaporiCustom === false">
840										<a class="external call" v-bind:href="'tel:'+$root.settings.websiteSetup.phone" title="Suna"><i class="f7-icons icon-color">phone</i><!--<span class="categoryInfo">Suna</span>--></a>
841									</div>
842
843									<div class="display-inline-block padLft categoryInfoBox" v-if="_deactivateSaporiCustom === false">
844										<f7-link popup-open="#info-venue-popup" title="Informatii"><i class="f7-icons icon-color">info_circle</i><!--<span class="categoryInfo">Informatii</span>--></f7-link>
845									</div>
846								</div>
847							</div>
848						</div>
849						<div class="row promoBanner" v-if="_promoBanner.length > 0">
850							<div class="col-100 sliderCarousel" v-if="_promoBanner.length > 1">
851								<div class="container">
852									<div class="text-container">
853										<div class="carousel">
854											<div class="inner" v-for="(name, index) in _promoBanner">
855												<div class="element">{{ name }}</div>
856											</div>
857										</div>
858									</div>
859								</div>
860							</div>
861							<div class="col-100 oneCarousel" v-if="_promoBanner.length == 1">
862								<div class="container">
863									<div class="text-container">
864										<div class="carousel">
865											<div class="inner" v-for="(name, index) in _promoBanner">
866												<div class="element">{{ name }}</div>
867											</div>
868										</div>
869									</div>
870								</div>
871							</div>
872						</div>
873
874					</div>
875				</div>
876				<div class="sub-menu-bar sticky" v-if="_activateCategoryPage === false">
877					<div class="main-inner-wrapper">
878						<div class="digital-menu">
879							<div class="row">
880
881								<div class="col-10 xlarge-5 back-categories-page" v-if="_activateCategoryPage === false && _categoryDataFromDb === false">
882									<a href="#" v-on:click="$root.displayCategoryPage()" class="searchbar-trigger">
883										<i class="f7-icons" title="Meniu">
884											arrowshape_turn_up_left_2
885										</i>
886									</a>
887								</div>
888								<div style="cursor: pointer;" v-on:click="$root.displayCategoryPage()" class="col-10 xlarge-5" v-if="localStorage.getItem('activateParentCategoryNewVersion') != null">
889									<span class="label-for-back-categories-button">Inapoi la meniu</span>
890								</div>
891
892								<div class="col-10 xlarge-5" v-if="localStorage.getItem('activateParentCategoryNewVersion') === null">
893									<a href="#" v-on:click="toggleSearch" class="searchbar-trigger">
894										<i class="f7-icons" v-if="!searchbarVisible">search</i>
895										<i class="f7-icons" v-if="searchbarVisible">arrow_left</i>
896									</a>
897								</div>
898
899								<div v-if="localStorage.getItem('activateParentCategoryNewVersion') === null && localStorage.getItem('selectedSubcategoryId') === null"
900									 v-bind:class="[{'col-90':_activateCategoryPage === false && _categoryDataFromDb === true}, { 'xlarge-95' : _activateCategoryPage === false && _categoryDataFromDb === true }, {'col-80':_activateCategoryPage === false && _categoryDataFromDb === false}, { 'xlarge-90' : _activateCategoryPage === false && _categoryDataFromDb === false }]">
901									<f7-searchbar placeholder="Cauta produse" custom-search="false" v-on:searchbar:search="searchProducts" :form="false" v-bind:id="'txtSearch'" ref="serchbar"
902												  :disable-button="false" :backdrop="false" v-show="searchbarVisible" v-on:click:disable="toggleSearch"></f7-searchbar>
903									<div class="skeleton-text skeleton-effect-fade" v-if="isLoading">
904										<p>**** *******</p>
905									</div>
906									<div class="carousel-wrapper" v-if="showCarousel">
907										<div class="owl-carousel owl-theme" v-show="!searchbarVisible">
908											<div v-if="localStorage.getItem('selectedParetCategoryId') === null" class="item" v-for="(item, index) in productCategories">
909												<f7-link v-on:click="scrollToElementSiteLite(`cat-${item.id}`)" v-bind:data-to-id="`cat-${item.id}`" v-html="item.name"></f7-link>
910											</div>
911											<div v-if="localStorage.getItem('selectedParetCategoryId') != null" class="item" v-for="(item, index) in productCategories.filter(x => x.parentId === (lsHelper().getQueryStringValue('category') != null || lsHelper().getQueryStringValue('category') != undefined ? parseInt(lsHelper().getQueryStringValue('category')) : parseInt(localStorage.getItem('selectedParetCategoryId'))))">
912												<f7-link v-on:click="scrollToElementSiteLite(`cat-${item.id}`)" v-bind:data-to-id="`cat-${item.id}`" v-html="item.name"></f7-link>
913											</div>
914										</div>
915										<div class="owl-nav">
916											<button type="button" role="presentation" class="owl-prev">
917												<span aria-label="Previous">‹</span>
918											</button>
919											<button type="button" role="presentation" class="owl-next">
920												<span aria-label="Next">›</span>
921											</button>
922										</div>
923									</div>
924								</div>
925
926								<div v-if="localStorage.getItem('selectedSubcategoryId') != null"
927									 v-bind:class="[{'col-90':_activateCategoryPage === false && _categoryDataFromDb === true}, { 'xlarge-95' : _activateCategoryPage === false && _categoryDataFromDb === true }, {'col-80':_activateCategoryPage === false && _categoryDataFromDb === false}, { 'xlarge-90' : _activateCategoryPage === false && _categoryDataFromDb === false }]">
928									<f7-searchbar placeholder="Cauta produse" custom-search="false" v-on:searchbar:search="searchProductsBySubcategory" :form="false" v-bind:id="'txtSearch'" ref="serchbar"
929												  :disable-button="false" :backdrop="false" v-show="searchbarVisible" v-on:click:disable="toggleSearch"></f7-searchbar>
930									<div class="skeleton-text skeleton-effect-fade" v-if="isLoading">
931										<p>**** *******</p>
932									</div>
933									<div class="carousel-wrapper" v-if="showCarousel">
934										<div class="owl-carousel owl-theme" v-show="!searchbarVisible">
935											<div class="item" v-for="(item, index) in selectedProductsBySubcategory">
936												<f7-link v-on:click="scrollToElementSiteLite(`cat-${item.id}`)" v-bind:data-to-id="`cat-${item.id}`" v-html="item.name"></f7-link>
937											</div>
938										</div>
939										<div class="owl-nav">
940											<button type="button" role="presentation" class="owl-prev">
941												<span aria-label="Previous">‹</span>
942											</button>
943											<button type="button" role="presentation" class="owl-next">
944												<span aria-label="Next">›</span>
945											</button>
946										</div>
947									</div>
948								</div>
949							</div>
950						</div>
951					</div>
952				</div>
953
954				<div class="main-inner-wrapper p-list">
955					<div class="spy-section-e" v-if="isLoading && _activateCategoryPage === false && (localStorage.getItem('activateParentCategoryNewVersion') === null || localStorage.getItem('selectedSubcategoryId'))" id="skeletron-cards">
956						<h2 class="skeleton-text skeleton-effect-fade">****** ** *******</h2>
957						<div class="row digital-menu-list">
958							<div class="col-100 medium-50">
959								<div class="card">
960									<div class="card-content card-content-padding">
961										<a href="#">
962											<div class="data-table">
963												<table>
964													<tbody>
965														<tr>
966															<td class="">
967																<span class="title skeleton-text skeleton-effect-fade">
968																	******** ******* ****
969																</span>
970																<span class="description skeleton-text skeleton-effect-fade">
971																	***** ***** ***** ***** ***** ****
972																</span>
973																<span class="price skeleton-text skeleton-effect-fade">
974																	******
975																</span>
976															</td>
977															<td class="td-image skeleton-text skeleton-effect-fade">
978																<div class="skeleton-block" style="width: 88px; height: 88px; "></div>
979															</td>
980														</tr>
981													</tbody>
982												</table>
983											</div>
984										</a>
985									</div>
986								</div>
987							</div>
988							<div class="col-100 medium-50">
989								<div class="card">
990									<div class="card-content card-content-padding">
991										<a href="#">
992											<div class="data-table">
993												<table>
994													<tbody>
995														<tr>
996															<td class="">
997																<span class="title skeleton-text skeleton-effect-fade">
998																	******** ******* ****
999																</span>
1000																<span class="description skeleton-text skeleton-effect-fade">
1001																	***** ***** ***** ***** ***** ****
1002																</span>
1003																<span class="price skeleton-text skeleton-effect-fade">
1004																	******
1005																</span>
1006															</td>
1007															<td class="td-image skeleton-text skeleton-effect-fade">
1008																<div class="skeleton-block" style="width: 88px; height: 88px; "></div>
1009															</td>
1010														</tr>
1011													</tbody>
1012												</table>
1013											</div>
1014										</a>
1015									</div>
1016								</div>
1017							</div>
1018						</div>
1019					</div>
1020					<!--display products-->
1021					<div v-if="_activateCategoryPage === false && localStorage.getItem('activateParentCategoryNewVersion') === null && localStorage.getItem('selectedSubcategoryId') === null" class="spy-section" v-bind:data-id="`cat-${item.id}`" v-for="(item, index) in products">
1022						<div class="wrapper">
1023
1024							<div class="row promotionsBanner" v-if="index == 0 && ( _promotions != undefined && _promotions.length > 0 ) && !_isPhoneOrder">
1025								<div v-if="promo.redirectLink != ''" class="promotion" v-bind:class="$root.promotionsCols" v-for="promo in _promotions" v-on:click="$root.redirectToExternalURL(promo.redirectLink)" :style="[promo.imageBase64 ? {'background': 'url(' + promo.imageBase64 + ') center no-repeat'} : {'background': 'var(--f7-theme-color)'}]">
1026									<div class="container">
1027										<p>{{ promo.text }}</p>
1028									</div>
1029								</div>
1030								<div v-if="promo.redirectLink === ''" class="def-cursor promotion" v-bind:class="$root.promotionsCols" v-for="promo in _promotions" v-on:click="$root.redirectToExternalURL(promo.redirectLink)" :style="[promo.imageBase64 ? {'background': 'url(' + promo.imageBase64 + ') center no-repeat'} : {'background': 'var(--f7-theme-color)'}]">
1031									<div class="container">
1032										<p>{{ promo.text }}</p>
1033									</div>
1034								</div>
1035							</div>
1036
1037							<h2 class="category-title" v-html="item.name"></h2>
1038
1039							<div class="row digital-menu-list">
1040								<div class="col-100 medium-50" v-for="(product, productIndex) in item.products">
1041									<div class="card" v-on:click="$root.openProductDetailsPopup(`${product.id}`, `${product.photo}`)">
1042										<div class="card-content card-content-padding">
1043											<a>
1044												<div class="data-table">
1045													<table>
1046														<tbody>
1047															<tr>
1048																<td class="" v-bind:class="{'with-padd': product.photo === '' }">
1049																	<span class="title" v-bind:class="[{'no-image': product.photo === ''}, { 'min-height-auto' : _isPhoneOrder }]" v-html="product.name">
1050																	</span>
1051																	<span class="price">
1052																		<span class="cutPrice" v-if="product.regularPrice != product.price && product.regularPrice != 0">{{product.regularPrice}} lei&nbsp</span>{{product.price}} lei
1053																	</span>
1054
1055																	<span class="add-image background-color" v-if="product.photo === '' && !_isPhoneOrder">
1056																		<img v-if="_apiUrl.includes('rpd')" :src="_woocommerceUrl + 'AppMenu/src/resources/plus.svg'" />
1057																		<img v-if="!_apiUrl.includes('rpd')" src="src/resources/plus.svg" />
1058																	</span>
1059																</td>
1060																<td class="td-image" v-if="product.photo !== '' && !_isPhoneOrder">
1061																	<span class="image " v-bind:style="{ backgroundImage: 'url(' + product.photo + '?width=176&height=176&bgcolor=ffffff&mode=crop' + ')' }"
1062																		  v-bind:data-src="product.photo !== '' ? product.photo + '?width=176&height=176&bgcolor=ffffff' : ''"></span>
1063
1064																	<span class="add-image background-color" v-bind:class="{ withImage: product.photo != '' }">
1065																		<img v-if="_apiUrl.includes('rpd')" :src="_woocommerceUrl + 'AppMenu/src/resources/plus.svg'" />
1066																		<img v-if="!_apiUrl.includes('rpd')" src="src/resources/plus.svg" />
1067																	</span>
1068																</td>
1069															</tr>
1070														</tbody>
1071													</table>
1072												</div>
1073											</a>
1074										</div>
1075									</div>
1076								</div>
1077							</div>
1078						</div>
1079					</div>
1080					<!--end display products-->
1080
1081					<!--display products by subcategory-->
1082					<div v-if="_activateCategoryPage === false && localStorage.getItem('selectedSubcategoryId') != null" class="spy-section" v-bind:data-id="`cat-${item.id}`" v-for="(item, index) in selectedProductsBySubcategory">
1083						<div class="wrapper">
1084
1085							<div class="row promotionsBanner" v-if="index == 0 && ( _promotions != undefined && _promotions.length > 0 ) && !_isPhoneOrder">
1086								<div v-if="promo.redirectLink != ''" class="promotion" v-bind:class="$root.promotionsCols" v-for="promo in _promotions" v-on:click="$root.redirectToExternalURL(promo.redirectLink)" :style="[promo.imageBase64 ? {'background': 'url(' + promo.imageBase64 + ') center no-repeat'} : {'background': 'var(--f7-theme-color)'}]">
1087									<div class="container">
1088										<p>{{ promo.text }}</p>
1089									</div>
1090								</div>
1091								<div v-if="promo.redirectLink === ''" class="def-cursor promotion" v-bind:class="$root.promotionsCols" v-for="promo in _promotions" v-on:click="$root.redirectToExternalURL(promo.redirectLink)" :style="[promo.imageBase64 ? {'background': 'url(' + promo.imageBase64 + ') center no-repeat'} : {'background': 'var(--f7-theme-color)'}]">
1092									<div class="container">
1093										<p>{{ promo.text }}</p>
1094									</div>
1095								</div>
1096							</div>
1097
1098							<h2 class="category-title" v-html="item.name"></h2>
1099
1100							<div class="row digital-menu-list">
1101								<div class="col-100 medium-50" v-for="(product, productIndex) in item.products">
1102									<div class="card" v-on:click="$root.openProductDetailsPopup(`${product.id}`, `${product.photo}`)">
1103										<div class="card-content card-content-padding">
1104											<a>
1105												<div class="data-table">
1106													<table>
1107														<tbody>
1108															<tr>
1109																<td class="" v-bind:class="{'with-padd': product.photo === '' }">
1110																	<span class="title" v-bind:class="[{'no-image': product.photo === ''}, { 'min-height-auto' : _isPhoneOrder }]" v-html="product.name">
1111																	</span>
1112																	<span class="price">
1113																		<span class="cutPrice" v-if="product.regularPrice != product.price && product.regularPrice != 0">{{product.regularPrice}} lei&nbsp</span>{{product.price}} lei
1114																	</span>
1115
1116																	<span class="add-image background-color" v-if="product.photo === '' && !_isPhoneOrder">
1117																		<img v-if="_apiUrl.includes('rpd')" :src="_woocommerceUrl + 'AppMenu/src/resources/plus.svg'" />
1118																		<img v-if="!_apiUrl.includes('rpd')" src="src/resources/plus.svg" />
1119																	</span>
1120																</td>
1121																<td class="td-image" v-if="product.photo !== '' && !_isPhoneOrder">
1122																	<span class="image " v-bind:style="{ backgroundImage: 'url(' + product.photo + '?width=176&height=176&bgcolor=ffffff&mode=crop' + ')' }"
1123																		  v-bind:data-src="product.photo !== '' ? product.photo + '?width=176&height=176&bgcolor=ffffff' : ''"></span>
1124
1125																	<span class="add-image background-color" v-bind:class="{ withImage: product.photo != '' }">
1126																		<img v-if="_apiUrl.includes('rpd')" :src="_woocommerceUrl + 'AppMenu/src/resources/plus.svg'" />
1127																		<img v-if="!_apiUrl.includes('rpd')" src="src/resources/plus.svg" />
1128																	</span>
1129																</td>
1130															</tr>
1131														</tbody>
1132													</table>
1133												</div>
1134											</a>
1135										</div>
1136									</div>
1137								</div>
1138							</div>
1139						</div>
1140					</div>
1141					<!--end display products by subcategory-->
1142					<!--display subcategories-->
1143					<div v-if="_activateCategoryPage === false && localStorage.getItem('activateParentCategoryNewVersion') != null && localStorage.getItem('selectedSubcategoryId') === null" class="spy-section">
1144						<div class="wrapper">
1145							<div class="row digital-menu-list">
1146								<div class="col-100 medium-50" v-for="(item, productIndex) in products.filter(x => x.parentId === parseInt(localStorage.getItem('selectedParetCategoryId')))">
1147									<div class="card" v-on:click="loadNewPageOfProductsBySubcategory(`${item.id}`)">
1148										<div class="card-content card-content-padding">
1149											<a>
1150												<div class="data-table">
1151													<table>
1152														<tbody>
1153															<tr>
1154																<td class="" v-bind:class="{'with-padd': item.photo === '' }">
1155																	<span style="font-family: unset !important; padding-top: 30px; margin-bottom: unset !important; line-height: unset !important;" class="title" v-bind:class="[{'no-image': item.photo === ''}, { 'min-height-auto' : _isPhoneOrder }]" v-html="item.name">
1156																	</span>
1157
1158																	<span class="add-image background-color" v-if="item.photo === '' && !_isPhoneOrder">
1159																		<img v-if="_apiUrl.includes('rpd')" :src="_woocommerceUrl + 'AppMenu/src/resources/plus.svg'" />
1160																		<img v-if="!_apiUrl.includes('rpd')" src="src/resources/plus.svg" />
1161																	</span>
1162																</td>
1163																<td class="td-image" v-if="item.photo !== '' && !_isPhoneOrder">
1164																	<span class="image " v-bind:style="{ backgroundImage: 'url(' + item.photo + '?width=176&height=176&bgcolor=ffffff&mode=crop' + ')' }"
1165																		  v-bind:data-src="item.photo !== '' ? item.photo + '?width=176&height=176&bgcolor=ffffff' : ''"></span>
1166
1167																	<span class="add-image background-color" v-bind:class="{ withImage: item.photo != '' }">
1168																		<img v-if="_apiUrl.includes('rpd')" :src="_woocommerceUrl + 'AppMenu/src/resources/plus.svg'" />
1169																		<img v-if="!_apiUrl.includes('rpd')" src="src/resources/plus.svg" />
1170																	</span>
1171																</td>
1172															</tr>
1173														</tbody>
1174													</table>
1175												</div>
1176											</a>
1177										</div>
1178									</div>
1179								</div>
1180							</div>
1181						</div>
1182					</div>
1183					<!--end display subcategories-->
1184					<!--display categories-->
1185					<h2 v-if="_activateCategoryPage === true" class="category-title" style="text-align: center;">Categorii</h2>
1186					<div v-if="_activateCategoryPage === true" class="spy-section" style="background: unset !important; padding: unset !important;">
1187						<div class="wrapper">
1188							<div class="row digital-menu-list gridNumberOfColumns">
1189								<div class="col-50 medium-25" style="background: unset !important; width: 100%;" v-bind:data-id="`cat-${item.id}`" v-for="(item, index) in _parentCategories">
1190									<!--<div class="card" v-bind:style="{ backgroundImage: 'url(' + item.photo + '?height=200&bgcolor=ffffff&mode=crop' + ')' }"
1191						 style="height: 200px; cursor: pointer; background-repeat: no-repeat; background-position: center;" v-on:click="scrollToElementSiteLiteCategory(`cat-${item.id}`)">
1192					</div>-->
1193									<div class="card" v-bind:style="{ backgroundImage: 'url(' + item.photo + '?height=200&bgcolor=ffffff&mode=crop' + ')' }"
1194										 style="height: 200px; cursor: pointer; background-repeat: no-repeat; background-position: center;" v-on:click="loadNewProductsCategory(`cat-${item.id}`)">
1195									</div>
1196									<span style="font-weight: 800; font-size: 14px; line-height: 32px;" class="title" v-bind:class="[{'no-image': item.photo === ''}, { 'min-height-auto' : _isPhoneOrder }]" v-html="item.name">
1197									</span>
1198								</div>
1199							</div>
1200						</div>
1201					</div>
1202					<!--end display categories-->
1203
1204
1205					<p class="no-products-found" v-if="products.length === 0 && !isLoading">Nu exista produse pentru aceasta cautare</p>
1206
1207				</div>
1208
1209				<div class="checkout-button" v-if="$root.basket.products.length > 0">
1210					<div class="row">
1211						<div class="col-5"></div>
1212						<div class="col-90">
1213							<f7-button fill popup-open="#checkout-popup" large>
1214								<span class="no-items">
1215									<i class="f7-icons">bag</i>
1216									{{$root.noOfItemsFromBasket}}
1217								</span>
1218								Vezi cosul tau
1219								<span class="total-price">
1220									{{$root.basket.total.toFixed(2)}} lei
1221								</span>
1222							</f7-button>
1223						</div>
1224						<div class="col-5"></div>
1225					</div>
1226				</div>
1227			</div>
1228		</f7-page>
1229	</script>
1229
1230
1231	
1231<script type="text/x-template" id="page-checkout-template">
1232		<f7-page name="checkout" @page:init="onPageInit">
1233			<f7-navbar class="mobile-only-navbar">
1234
1235				<f7-nav-left>
1236					<f7-link back>
1237						<i class="f7-icons icon-color" v-on:click="$root.backToMainPage">arrow_left</i>
1238					</f7-link>
1239					<p class="navbar-title">
1240						{{$root.settings.websiteSetup.navbarTitle}}
1241					</p>
1242				</f7-nav-left>
1243				<f7-nav-right v-if="!_isPhoneOrder">
1244					<f7-link panel-open="right">
1245						<i class="f7-icons icon-color">line_horizontal_3</i>
1246					</f7-link>
1247				</f7-nav-right>
1248
1249			</f7-navbar>
1250
1251			<div class="side-split checkout">
1252				<iframe :src="iFrameSrc" class="checkout-iframe" id="iframeCheckout" onload="resizeIframe(this)"></iframe>
1253			</div>
1254		</f7-page>
1255	</script>
1255
1256
1257	
1257<script type="text/x-template" id="page-custom-page-template">
1258		<f7-page name="custompage" @page:init="onPageInit">
1259			<f7-navbar class="mobile-only-navbar">
1260
1261				<f7-nav-left>
1262					<f7-link back>
1263						<i class="f7-icons icon-color">arrow_left</i>
1264					</f7-link>
1265					<p class="navbar-title">
1266						{{$root.settings.websiteSetup.navbarTitle}}
1267					</p>
1268				</f7-nav-left>
1269				<f7-nav-right v-if="!_isPhoneOrder">
1270					<f7-link panel-open="right">
1271						<i class="f7-icons icon-color">line_horizontal_3</i>
1272					</f7-link>
1273				</f7-nav-right>
1274
1275			</f7-navbar>
1276
1277			<div class="side-split checkout">
1278				<iframe :src="iFrameUrl" class="checkout-iframe" id="iframeCustom" onload="resizeIframe(this)"></iframe>
1279			</div>
1280		</f7-page>
1281	</script>
1281
1282
1283	
1283<script type="text/x-template" id="page-my-account-template">
1284		<f7-page name="my-account" @page:init="onPageInit">
1285			<f7-navbar class="mobile-only-navbar">
1286				<f7-nav-left>
1287					<f7-link back>
1288						<i class="f7-icons icon-color">arrow_left</i>
1289					</f7-link>
1290					<p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') === null">
1291						<f7-link panel-open="right">
1292							<i class="f7-icons icon-color lock">person</i>
1293							<i class="f7-icons gray-arrow">chevron_down</i>
1294						</f7-link>
1295					</p>
1296					<p class="navbar-title">
1297						{{$root.settings.websiteSetup.navbarTitle}}
1298					</p>
1299				</f7-nav-left>
1300				<f7-nav-right>
1301					<p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') != null">
1302						<f7-link panel-open="right">
1303							<i class="f7-icons icon-color lock">person</i>
1304							<i class="f7-icons gray-arrow">chevron_down</i>
1305						</f7-link>
1306					</p>
1307					<p class="right-details cart">
1308						<f7-link @click="$root.displayExistingBasket(true)">
1309							<i class="f7-icons icon-color">cart</i>
1310							Cosul tau
1311							<span class="bascket-counter">{{ $root.noOfItemsFromBasket }}</span>
1312						</f7-link>
1313					</p>
1314					<p class="right-details name" v-if="$root.loggedUserName">
1315						<f7-link panel-open="right">
1316							{{$root.loggedUserName}}
1317							<i class="f7-icons">chevron_down</i>
1318						</f7-link>
1319					</p>
1320					<p class="right-details name" v-if="!$root.loggedUserName && _deactivateSaporiCustom === false">
1321						<f7-link panel-open="right">
1322							<i class="f7-icons icon-color lock">lock</i>
1323							Autentificare
1324						</f7-link>
1325					</p>
1326					<p class="mobile-only">
1327						<f7-link popup-open="#checkout-popup">
1328							<i class="f7-icons icon-color lock">cart</i>
1329							<span class="bascket-counter">{{ $root.noOfItemsFromBasket }}</span>
1330						</f7-link>
1331					</p>
1332					<f7-link panel-open="right">
1333						<i class="f7-icons icon-color">line_horizontal_3</i>
1334					</f7-link>
1335				</f7-nav-right>
1336			</f7-navbar>
1337			<div class="myaccountPage">
1338				<div class="containerMenu">
1339					<div class="iconSpanActive" id="changePersonalDetails" v-on:click="changePersonalDetails">
1340						<span v-if="$root.windowWidth > 767">Detalii personale</span>
1341						<span v-else>Detalii</span>
1342					</div>
1343					<div class="mrgTop iconSpanInactive" id="changeDeliveryAddress" v-on:click="changeDeliveryAddress">
1344						<span v-if="$root.windowWidth > 767">Adresa de livrare</span>
1345						<span v-else>Adresa</span>
1346					</div>
1347					<div class="mrgTop iconSpanInactive" id="changeUserPassword" v-on:click="changeUserPassword">
1348						<span>Schimba parola</span>
1349					</div>
1350				</div>
1351				<div class="containerMenuDetails">
1352					<div class="row" id="personalInfo">
1353						<div class="col">
1354							<div class="row">
1355								<div class="col-100 large-50">
1356									<span class="fltLft infTitle">Contul meu</span>
1357								</div>
1358							</div>
1359							<div class="row">
1360								<div class="col-100 large-50">
1361									<f7-list>
1362										<f7-list-input :disabled="_hidePersonalData === true || _deactivateEditAccount === true" label="Nume"
1363													   type="text"
1364													   outline
1365													   placeholder="Numele tau"
1366													   :value="user.firstName"
1367													   @input="user.firstName = $event.target.value">
1368											<f7-icon class="iconColor" slot="media" f7="square_pencil"></f7-icon>
1369										</f7-list-input>
1370									</f7-list>
1371								</div>
1372								<div class="col-100 large-50">
1373									<f7-list>
1374										<f7-list-input :disabled="_hidePersonalData === true || _deactivateEditAccount === true" label="Prenume"
1375													   type="text"
1376													   outline
1377													   placeholder="Prenumele tau"
1378													   :value="user.lastName"
1379													   @input="user.lastName = $event.target.value">
1380											<f7-icon class="iconColor" slot="media" f7="square_pencil"></f7-icon>
1381										</f7-list-input>
1382									</f7-list>
1383								</div>
1384							</div>
1385							<div class="row">
1386								<div class="col-100 large-50">
1387									<f7-list>
1388										<f7-list-input :disabled="_hidePersonalData === true || _deactivateEditAccount === true" label="E-mail"
1389													   type="email"
1390													   outline
1391													   placeholder="Adresa ta de email"
1392													   :value="user.email"
1393													   @input="user.email = $event.target.value">
1394											<f7-icon class="iconColor" slot="media" f7="square_pencil"></f7-icon>
1395										</f7-list-input>
1396									</f7-list>
1397								</div>
1398								<div class="col-100 large-50">
1399									<f7-list>
1400										<f7-list-input :disabled="_hidePersonalData === true || _deactivateEditAccount === true" label="Telefon"
1401													   type="tel"
1402													   outline
1403													   placeholder="Telefonul tau"
1404													   info=""
1405													   error-message="Doar cifre si caracterul '+' sunt permise"
1406													   required
1407													   validate
1408													   pattern="^([+\d].*)?\d$"
1409													   :value="user.phone"
1410													   @input="user.phone = $event.target.value">
1411											<f7-icon class="iconColor" slot="media" f7="square_pencil"></f7-icon>
1412										</f7-list-input>
1413									</f7-list>
1414								</div>
1415							</div>
1416							<div class="row" v-if="user.companyName != undefined || user.companyCUI != undefined">
1417								<div class="col-100 large-50" v-if="user.companyName != undefined && user.companyName != ''">
1418									<f7-list>
1419										<f7-list-input :disabled="_hidePersonalData === true || _deactivateEditAccount === true" label="Numele companiei"
1420													   type="text"
1421													   outline
1422													   placeholder="Numele companiei"
1423													   :value="user.companyName"
1424													   @input="user.companyName = $event.target.value">
1425											<f7-icon class="iconColor" slot="media" f7="square_pencil"></f7-icon>
1426										</f7-list-input>
1427									</f7-list>
1428								</div>
1429								<div class="col-100 large-50" v-if="user.companyCUI != undefined && user.companyCUI != ''">
1430									<f7-list>
1431										<f7-list-input :disabled="_hidePersonalData === true || _deactivateEditAccount === true" label="CUI companie"
1432													   type="text"
1433													   outline
1434													   placeholder="CUI companie"
1435													   :value="user.companyCUI"
1436													   @input="user.companyCUI = $event.target.value">
1437											<f7-icon class="iconColor" slot="media" f7="square_pencil"></f7-icon>
1438										</f7-list-input>
1439									</f7-list>
1440								</div>
1441							</div>
1442							<div class="row notify-section first">
1443								<div class="col-100 large-50 padBtnSmall">
1444									<span class="fontNotify">Permite notificari</span>
1445									<f7-toggle :disabled="_deactivateEditAccount === true" class="floatRgt" :checked="user.allowNotifications" @change="user.allowNotifications = $event.target.checked"></f7-toggle>
1446								</div>
1447							</div>
1448							<div class="row notify-section">
1449								<div class="col-100 large-50 padBtnSmall">
1450									<span class="fontNotify">Permite notificari sms</span>
1451									<f7-toggle :disabled="_deactivateEditAccount === true" class="floatRgt" :checked="user.allowSmsNotifications" @change="user.allowSmsNotifications = $event.target.checked"></f7-toggle>
1452								</div>
1453							</div>
1454							<div class="row notify-section last">
1455								<div class="col-100 large-50 padBtnSmall">
1456									<span class="fontNotify">Permite notificari email</span>
1457									<f7-toggle :disabled="_deactivateEditAccount === true" class="floatRgt" :checked="user.allowEmailNotifications" @change="user.allowEmailNotifications = $event.target.checked"></f7-toggle>
1458								</div>
1459							</div>
1460							<div class="row save-button">
1461								<div class="col-100 large-50"></div>
1462								<div class="col-100 large-50">
1463									<f7-button :disabled="_deactivateEditAccount === true" class="floatRgt" fill large v-on:click="saveAccountDetails">Salveaza</f7-button>
1464								</div>
1465							</div>
1466						</div>
1467					</div>
1468					<div class="row displNone" id="deliveryAddr">
1469						<div class="col">
1470							<div class="row">
1471								<div class="col-100 large-50">
1472									<span class="fltLft infTitle">Adresa de livrare</span>
1473								</div>
1474							</div>
1475							<div class="row">
1476								<div class="col-100 large-100">
1477									<f7-list>
1478										<f7-list-input label="Oras"
1479													   :disabled="_deactivateEditAccount === true"
1480													   type="text"
1481													   outline
1482													   placeholder="Orasul tau"
1483													   :value="city"
1484													   @input="city = $event.target.value">
1485											<f7-icon class="iconColor" slot="media" f7="square_pencil"></f7-icon>
1486										</f7-list-input>
1487									</f7-list>
1488								</div>
1489							</div>
1490							<div class="row">
1491								<div class="col-100 large-100">
1492									<f7-list>
1493										<f7-list-input label="Adresa"
1494													   :disabled="_deactivateEditAccount === true"
1495													   type="textarea"
1496													   outline
1497													   placeholder="strada, bloc, scara, oras, judet"
1498													   :value="fullAddress"
1499													   @input="fullAddress = $event.target.value">
1500											<f7-icon class="iconColor" slot="media" f7="square_pencil"></f7-icon>
1501										</f7-list-input>
1502									</f7-list>
1503								</div>
1504							</div>
1505							<div class="row padBtn save-button">
1506								<div class="col-100 large-50"></div>
1507								<div class="col-100 large-50">
1508									<f7-button :disabled="_deactivateEditAccount === true" class="floatRgt" fill large v-on:click="saveAddress">Salveaza</f7-button>
1509								</div>
1510							</div>
1511						</div>
1512					</div>
1513					<div class="row displNone" id="changePasw">
1514						<div class="col">
1515							<div class="row">
1516								<div class="col-100 large-50">
1517									<span class="fltLft infTitle">Schimba parola</span>
1518								</div>
1519							</div>
1520							<div class="row">
1521								<div class="col-100 large-50">
1522									<f7-list>
1523										<f7-list-input label="Parola curenta"
1524													   :disabled="_deactivateEditAccount === true"
1525													   type="password"
1526													   outline
1527													   placeholder="Parola curenta"
1528													   :value="currentPassword"
1529													   @input="currentPassword = $event.target.value">
1530											<f7-icon class="iconColor" slot="media" f7="square_pencil"></f7-icon>
1531										</f7-list-input>
1532									</f7-list>
1533								</div>
1534								<div class="col-100 large-50">
1535									<f7-list>
1536										<f7-list-input label="Parola noua"
1537													   :disabled="_deactivateEditAccount === true"
1538													   type="password"
1539													   outline
1540													   placeholder="Parola noua"
1541													   :value="newPassword"
1542													   @input="newPassword = $event.target.value">
1543											<f7-icon class="iconColor" slot="media" f7="square_pencil"></f7-icon>
1544										</f7-list-input>
1545									</f7-list>
1546								</div>
1547							</div>
1548							<div class="row padBtn save-button">
1549								<div class="col-100 large-50"></div>
1550								<div class="col-100 large-50">
1551									<f7-button :disabled="_deactivateEditAccount === true" class="floatRgt" fill large v-on:click="changePassword">Salveaza</f7-button>
1552								</div>
1553							</div>
1554						</div>
1555					</div>
1556				</div>
1557			</div>
1558		</f7-page>
1559	</script>
1559
1560
1561	
1561<script type="text/x-template" id="page-my-orders-template">
1562		<f7-page name="my-orders" @page:init="onPageInit">
1563			<f7-navbar class="mobile-only-navbar">
1564				<f7-nav-left>
1565					<f7-link back>
1566						<i class="f7-icons icon-color">arrow_left</i>
1567					</f7-link>
1568					<p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') === null">
1569						<f7-link panel-open="right">
1570							<i class="f7-icons icon-color lock">person</i>
1571							<i class="f7-icons gray-arrow">chevron_down</i>
1572						</f7-link>
1573					</p>
1574					<p class="navbar-title">
1575						{{$root.settings.websiteSetup.navbarTitle}}
1576					</p>
1577					<p class="left-details"><a class="external" v-bind:href="'tel:'+$root.settings.websiteSetup.phone">{{$root.settings.websiteSetup.phone}}</a></p>
1578				</f7-nav-left>
1579				<f7-nav-right>
1580					<p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') != null">
1581						<f7-link panel-open="right">
1582							<i class="f7-icons icon-color lock">person</i>
1583							<i class="f7-icons gray-arrow">chevron_down</i>
1584						</f7-link>
1585					</p>
1586					<p class="right-details cart">
1587						<f7-link @click="$root.displayExistingBasket(true)">
1588							<i class="f7-icons icon-color">cart</i>
1589							Cosul tau
1590							<span class="bascket-counter">{{ $root.noOfItemsFromBasket }}</span>
1591						</f7-link>
1592					</p>
1593					<p class="right-details name" v-if="$root.loggedUserName">
1594						<f7-link panel-open="right">
1595							{{$root.loggedUserName}}
1596							<i class="f7-icons">chevron_down</i>
1597						</f7-link>
1598					</p>
1599					<p class="right-details name" v-if="!$root.loggedUserName && _deactivateSaporiCustom === false">
1600						<f7-link panel-open="right">
1601							<i class="f7-icons icon-color lock">lock</i>
1602							Autentificare
1603						</f7-link>
1604					</p>
1605					<p class="mobile-only">
1606						<f7-link popup-open="#checkout-popup">
1607							<i class="f7-icons icon-color lock">cart</i>
1608							<span class="bascket-counter">{{ $root.noOfItemsFromBasket }}</span>
1609						</f7-link>
1610					</p>
1611					<f7-link panel-open="right">
1612						<i class="f7-icons icon-color">line_horizontal_3</i>
1613					</f7-link>
1614				</f7-nav-right>
1615			</f7-navbar>
1616			<div class="myaordersPage">
1617				<div class="row">
1618					<div class="col-100 large-50">
1619						<span class="orderTitle">Istoric comenzi</span>
1620					</div>
1621				</div>
1622				<div class="borderBtt" v-for="(order, index) in orders">
1623					<div class="row" style="position: relative;" v-if="order.refNumber != 'Comanda: #'">
1624						<div class="col-100 large-50">
1625							<span class="cmdSpn fltLft">{{ order.refNumber }}</span>
1626						</div>
1627						<div class="col-100 large-50">
1628							<span class="totalRight txtColor fltRgt">{{ order.totalPrice }}</span>
1629						</div>
1630					</div>
1631					<div class="row">
1632						<div class="col-100 large-50">
1633							<span v-if="displayOrderDateDelivery === true" class="dateContent contentInfo fltLft">{{ 'Date creare: ' + order.dateDelivery }}</span>
1634							<span v-if="displayOrderDateDelivery === false" class="dateContent contentInfo fltLft">{{ order.dateDelivery }}</span>
1635						</div>
1636					</div>
1637					<div class="row" v-if="displayOrderDateDelivery === true">
1638						<div class="col-100 large-50">
1639							<span class="dateContent contentInfo fltLft">{{ 'Data livrare: ' + order.orderDateDelivery }}</span>
1640						</div>
1641					</div>
1642					<div class="row">
1643						<div class="col-100 large-50">
1644							<span class="contentTitle titleSpn fltLft">Continut</span>
1645						</div>
1646
1647					</div>
1648					<div class="row">
1649						<div class="col-100 large-100">
1650							<span class="cntContent contentInfo fltLft">{{ order.productsContent }}</span>
1651						</div>
1652					</div>
1653					<div class="row">
1654						<div class="col-100 large-50">
1655							<span class="contentTitle titleSpn fltLft">Adresa de livrare</span>
1656						</div>
1657					</div>
1658					<div class="row">
1659						<div class="col-100 large-100">
1660							<span class="cntContent contentInfo fltLft">{{ order.deliveryAddress }}</span>
1661						</div>
1662					</div>
1663					<div class="row">
1664						<div class="col-100 large-50">
1665							<span class="contentTitle titleSpn fltLft">Canal</span>
1666						</div>
1667					</div>
1668					<div class="row">
1669						<div class="col-100 large-100">
1670							<span class="cntContent contentInfo fltLft">{{ order.orderChannel }}</span>
1671						</div>
1672					</div>
1673					<div class="row">
1674						<div class="col-100 large-50">
1675							<span class="contentTitle titleSpn fltLft">Status</span>
1676						</div>
1677					</div>
1678					<div class="row mrgBott">
1679						<div class="col-100 large-100">
1680							<span class="cntContent contentInfo fltLft">{{ order.status }}</span>
1681						</div>
1682					</div>
1683					<div class="row follow-review-order" v-if="$root.settings.allowTrackingOrder">
1684						<div class="col-100">
1685							<f7-button large raised fill v-on:click="$root.trackingOrderClick(order.orderId)">Urmareste comanda</f7-button>
1686						</div>
1687					</div>
1688					<div class="row follow-review-order" v-if="_cancelOrdersActive === true && order.statusId != 2">
1689						<div class="col-100">
1690							<f7-button style="background: red;" large raised fill v-on:click="$root.cancelOrderByClient(order.venueId, order.orderId)">Anuleaza comanda</f7-button>
1691						</div>
1692					</div>
1693					<div class="row follow-review-order" v-if="$root.settings.allowFeedbackOrder && order.readyForFeedback">
1694						<div class="col-100">
1695							<f7-button large raised fill v-on:click="$root.feedbackOrderClick(order.orderId)">Spune-ne parerea</f7-button>
1696						</div>
1697					</div>
1698				</div>
1699			</div>
1700		</f7-page>
1701	</script>
1701
1702
1703	
1703<script type="text/x-template" id="page-login-template">
1704		<f7-page no-toolbar no-navbar no-swipeback login-screen class="paddingLR">
1705			<f7-link back>
1706				<i class="f7-icons icon-color" v-on:click="backMainPage">arrow_left</i>
1707			</f7-link>
1708			<f7-login-screen-title>Autentificare</f7-login-screen-title>
1709			<p class="subtitle">Completeaza toate datele</p>
1710
1711			<f7-list>
1712				<f7-list-input class="widthInput" label="Email"
1713							   type="text"
1714							   inputStyle="form-control"
1715							   placeholder="Scrie email-ul..."
1716							   :value="email"
1717							   required
1718							   @input="email = $event.target.value"></f7-list-input>
1719			</f7-list>
1720
1721			<f7-list>
1722				<f7-list-input class="mrgtop" label="Parola"
1723							   type="password"
1724							   placeholder="Scrie parola..."
1725							   :value="password"
1726							   required
1727							   @input="password = $event.target.value"></f7-list-input>
1728			</f7-list>
1729
1730			<f7-list>
1731				<f7-button raised large fill @click="signIn(false)">Autentifica-te</f7-button>
1732			</f7-list>
1733
1734			<f7-link href="#" @click="changePasswordLg">Ai uitat parola?</f7-link>
1735
1736			<f7-list id="loginErrorContainer" class="loginErrorContainerDiv" v-if="loginErrorMessage.length > 0">
1737				<p class="loginErrorContainerTxt">{{ loginErrorMessage }}</p>
1738			</f7-list>
1739		</f7-page>
1740	</script>
1740
1741
1742	
1742<script type="text/x-template" id="register-template">
1743		<f7-page no-toolbar no-navbar no-swipeback login-screen class="paddingLR">
1744			<f7-link back>
1745				<i class="f7-icons icon-color">arrow_left</i>
1746			</f7-link>
1747			<f7-login-screen-title>Creeaza cont</f7-login-screen-title>
1748
1749			<p class="subtitle">Completeaza toate datele</p>
1750
1751			<f7-list class="firstname-field">
1752				<f7-list-input class="widthInput" label="Nume"
1753							   type="text"
1754							   inputStyle="form-control"
1755							   placeholder="Nume"
1756							   :value="first_name"
1757							   required
1758							   @input="first_name = $event.target.value"></f7-list-input>
1759			</f7-list>
1760
1761			<f7-list class="lastname-field">
1762				<f7-list-input class="widthInput" label="Prenume"
1763							   type="text"
1764							   inputStyle="form-control"
1765							   placeholder="Prenume"
1766							   :value="last_name"
1767							   required
1768							   @input="last_name = $event.target.value"></f7-list-input>
1769			</f7-list>
1770
1771			<f7-list class="email-field">
1772				<f7-list-input class="widthInput" label="Email"
1773							   type="email"
1774							   inputStyle="form-control"
1775							   placeholder="Scrie email-ul..."
1776							   :value="email"
1777							   required
1778							   @input="handleEmailTyping"></f7-list-input>
1779			</f7-list>
1780
1781			<f7-list class="phone-field">
1782				<f7-list-input class="widthInput" label="Telefon"
1783							   type="number"
1784							   inputStyle="form-control"
1785							   placeholder="Telefon"
1786							   :value="phone"
1787							   required
1788							   @input="handlePhoneTyping"></f7-list-input>
1789			</f7-list>
1790
1791			<f7-list class="password-field">
1792				<f7-list-input class="mrgtop" label="Parola"
1793							   type="password"
1794							   placeholder="Scrie parola..."
1795							   :value="password"
1796							   required
1797							   @input="password = $event.target.value"></f7-list-input>
1798			</f7-list>
1799
1800			<f7-list class="password-2-field">
1801				<f7-list-input class="mrgtop" label="Introdu parola din nou"
1802							   type="password"
1803							   placeholder="Scrie parola..."
1804							   :value="password_check"
1805							   required
1806							   @input="password_check = $event.target.value"></f7-list-input>
1807			</f7-list>
1808
1809			<div class="input-dropdown-wrap" v-if="_activatePersonType === true">
1810				<label for="userType" class="control-title-display">Tip persoana</label>
1811				<select id="userType" v-model="userType" class="form-control drop-down-show-all-text" v-on:change="changeUserType">
1812					<option v-for="option in userTypes" v-bind:value="option.id">
1813						{{ option.name }}
1814					</option>
1815				</select>
1816			</div>
1817
1818			<f7-list class="cui-field" v-if="companyDisabledData === true && _activatePersonType === true">
1819				<f7-list-input class="widthInput" label="Cod fiscal(CUI)"
1820							   type="text"
1821							   inputStyle="form-control"
1822							   placeholder=""
1823							   :value="cui"
1824							   required
1825							   @input="handleTyping"></f7-list-input>
1826			</f7-list>
1827
1828			<f7-list class="companyName-field" v-if="companyDisabledData === true && _activatePersonType === true">
1829				<f7-list-input class="widthInput" label="Numele companiei"
1830							   type="text"
1831							   inputStyle="form-control"
1832							   placeholder=""
1833							   :value="companyName"
1834							   required
1835							   @input="companyName = $event.target.value"></f7-list-input>
1836			</f7-list>
1837
1838			<f7-list class="tradeRegistrationNumber-field" v-if="companyDisabledData === true && _activatePersonType === true">
1839				<f7-list-input class="widthInput" label="Nr. Inregistrare Registrul Comertului"
1840							   type="text"
1841							   inputStyle="form-control"
1842							   placeholder=""
1843							   :value="tradeRegistrationNumber"
1844							   required
1845							   @input="tradeRegistrationNumber = $event.target.value"></f7-list-input>
1846			</f7-list>
1847
1848			<f7-list>
1849				<f7-button :disabled="disableRegisterBtn === true" raised large fill @click="register(false)">Creeaza</f7-button>
1850			</f7-list>
1851
1852			<f7-list id="registerErrorContainer" class="loginErrorContainerDiv" v-if="registerDesktopErrorMessage.length > 0">
1853				<p class="loginErrorContainerTxt">{{ registerDesktopErrorMessage }}</p>
1854			</f7-list>
1855
1856		</f7-page>
1857	</script>
1857
1858
1859	
1859<script type="text/x-template" id="page-changePassword-template">
1860		<f7-page no-toolbar no-navbar no-swipeback class="changePasswordPad">
1861			<f7-link back>
1862				<i class="f7-icons icon-color">arrow_left</i>
1863			</f7-link>
1864			<h2>Schimba parola</h2>
1865			<p class="subtitle">Completeaza toate datele</p>
1866			<f7-list id="email" class="displayBlock">
1867				<f7-list-input label="Email"
1868							   type="text"
1869							   inputStyle="form-control"
1870							   placeholder="Email"
1871							   :value="emailLg"
1872							   required
1873							   @input="emailLg = $event.target.value"></f7-list-input>
1874			</f7-list>
1875			<f7-list id="emailBtn" class="displayBlock">
1876				<f7-button raised large fill @click="sendPinCode(false)">Reseteaza parola</f7-button>
1877			</f7-list>
1878
1879			<f7-list id="pinCode" class="diplayNone">
1880				<f7-list-input label="Cod pin"
1881							   type="text"
1882							   inputStyle="form-control"
1883							   placeholder="Cod pin"
1884							   :value="pinCode"
1885							   required
1886							   @input="pinCode = $event.target.value"></f7-list-input>
1887			</f7-list>
1888			<f7-list id="pinCodeBtn" class="diplayNone">
1889				<f7-button raised large fill @click="receivePinCode(false)">Trimite</f7-button>
1890			</f7-list>
1891			<f7-list id="passwordLg" class="diplayNone">
1892				<f7-list-input label="Parola noua"
1893							   type="password"
1894							   inputStyle="form-control"
1895							   placeholder="Parola noua"
1896							   :value="newPasswordLg"
1897							   required
1898							   @input="newPasswordLg = $event.target.value"></f7-list-input>
1899			</f7-list>
1900
1901			<f7-list id="passwordBtn" class="diplayNone">
1902				<f7-button raised large fill @click="changePasswordLg(false)">Salveaza</f7-button>
1903			</f7-list>
1904			<f7-list id="changePasswordContainer" class="loginErrorContainerDiv" v-if="changePasswordDesktopErrorMessage.length > 0">
1905				<p class="loginErrorContainerTxt">{{ changePasswordDesktopErrorMessage }}</p>
1906			</f7-list>
1907		</f7-page>
1908	</script>
1908
1909
1910	
1910<script type="text/x-template" id="basket-component-template">
1911
1912	</script>
1912
1913
1914	
1914<script type="text/x-template" id="page-trackingorder-template">
1915		<f7-page name="checkout" @page:init="onPageInit">
1916			<f7-navbar class="mobile-only-navbar">
1917				<f7-nav-left>
1918					<f7-link back>
1919						<i class="f7-icons icon-color">arrow_left</i>
1920					</f7-link>
1921					<p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') === null">
1922						<f7-link panel-open="right">
1923							<i class="f7-icons icon-color lock">person</i>
1924							<i class="f7-icons gray-arrow">chevron_down</i>
1925						</f7-link>
1926					</p>
1927					<p class="navbar-title">
1928						{{$root.settings.websiteSetup.navbarTitle}}
1929					</p>
1930				</f7-nav-left>
1931				<f7-nav-title>
1932					Urmareste comanda
1933				</f7-nav-title>
1934				<f7-nav-right>
1935					<p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') != null">
1936						<f7-link panel-open="right">
1937							<i class="f7-icons icon-color lock">person</i>
1938							<i class="f7-icons gray-arrow">chevron_down</i>
1939						</f7-link>
1940					</p>
1941					<p class="right-details cart">
1942						<f7-link @click="$root.displayExistingBasket">
1943							<i class="f7-icons icon-color">cart</i>
1944							Cosul tau
1945							<span class="bascket-counter">{{ $root.noOfItemsFromBasket }}</span>
1946						</f7-link>
1947					</p>
1948					<p class="right-details name" v-if="$root.loggedUserName">
1949						<f7-link panel-open="right">
1950							{{$root.loggedUserName}}
1951							<i class="f7-icons">chevron_down</i>
1952						</f7-link>
1953					</p>
1954					<p class="right-details name" v-if="!$root.loggedUserName && _deactivateSaporiCustom === false">
1955						<f7-link panel-open="right">
1956							<i class="f7-icons icon-color lock">lock</i>
1957							Autentificare
1958						</f7-link>
1959					</p>
1960					<p class="mobile-only">
1961						<f7-link popup-open="#checkout-popup">
1962							<i class="f7-icons icon-color lock">cart</i>
1963							<span class="bascket-counter">{{ $root.noOfItemsFromBasket }}</span>
1964						</f7-link>
1965					</p>
1966					<f7-link panel-open="right">
1967						<i class="f7-icons icon-color">line_horizontal_3</i>
1968					</f7-link>
1969				</f7-nav-right>
1970			</f7-navbar>
1971
1972			<div class="side-split checkout">
1973				<iframe :src="iFrameSrc" class="checkout-iframe" id="iframeCheckout" onload="resizeIframe(this)"></iframe>
1974			</div>
1975		</f7-page>
1976	</script>
1976
1977
1978	
1978<script type="text/x-template" id="page-feedbackorder-template">
1979		<f7-page name="checkout" @page:init="onPageInit">
1980			<f7-navbar class="mobile-only-navbar">
1981				<f7-navbar>
1982					<f7-nav-left>
1983						<f7-link back>
1984							<i class="f7-icons icon-color">arrow_left</i>
1985						</f7-link>
1986						<p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') === null">
1987							<f7-link panel-open="right">
1988								<i class="f7-icons icon-color lock">person</i>
1989								<i class="f7-icons gray-arrow">chevron_down</i>
1990							</f7-link>
1991						</p>
1992						<p class="navbar-title">
1993							{{$root.settings.websiteSetup.navbarTitle}}
1994						</p>
1995					</f7-nav-left>
1996					<f7-nav-title>
1997						Spune-ne parerea ta
1998					</f7-nav-title>
1999					<f7-nav-right>
2000						<p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') != null">
2001							<f7-link panel-open="right">
2002								<i class="f7-icons icon-color lock">person</i>
2003								<i class="f7-icons gray-arrow">chevron_down</i>
2004							</f7-link>
2005						</p>
2006						<p class="right-details cart">
2007							<f7-link @click="$root.displayExistingBasket">
2008								<i class="f7-icons icon-color">cart</i>
2009								Cosul tau
2010								<span class="bascket-counter">{{ $root.noOfItemsFromBasket }}</span>
2011							</f7-link>
2012						</p>
2013						<p class="right-details name" v-if="$root.loggedUserName">
2014							<f7-link panel-open="right">
2015								{{$root.loggedUserName}}
2016								<i class="f7-icons">chevron_down</i>
2017							</f7-link>
2018						</p>
2019						<p class="right-details name" v-if="!$root.loggedUserName && _deactivateSaporiCustom === false">
2020							<f7-link panel-open="right">
2021								<i class="f7-icons icon-color lock">lock</i>
2022								Autentificare
2023							</f7-link>
2024						</p>
2025						<p class="mobile-only">
2026							<f7-link popup-open="#checkout-popup">
2027								<i class="f7-icons icon-color lock">cart</i>
2028								<span class="bascket-counter">{{ $root.noOfItemsFromBasket }}</span>
2029							</f7-link>
2030						</p>
2031						<f7-link panel-open="right">
2032							<i class="f7-icons icon-color">line_horizontal_3</i>
2033						</f7-link>
2034					</f7-nav-right>
2035				</f7-navbar>
2036			</f7-navbar>
2037
2038			<div class="side-split checkout">
2039				<iframe :src="iFrameSrc" class="checkout-iframe" id="iframeCheckout" onload="resizeIframe(this)"></iframe>
2040			</div>
2041		</f7-page>
2042	</script>
2042
2043
2044	
2044<script type="text/x-template" id="page-pincode-template">
2045		<f7-page name="pincode" @page:init="onPageInit">
2046			<div class="pincode-wrapper">
2047				<img v-bind:src="$root.settings.logo" class="logoImage" />
2048				<f7-login-screen-title>Te rugam sa introduci codul pin</f7-login-screen-title>
2049				<f7-list>
2050					<input type="text" id="venuePin">
2051				</f7-list>
2052
2053				<f7-list>
2054					<f7-button raised large fill @click="pinAccessClick">Acceseaza</f7-button>
2055				</f7-list>
2056			</div>
2057		</f7-page>
2058	</script>
2058
2059
2060	
2060<script type="text/x-template" id="page-startPage-template">
2061		<f7-page name="startPage" @page:init="onPageInit">
2062			<div class="startpage-wrapper">
2063				<img v-bind:src="$root.settings.logo" class="logoImage" />
2064				<f7-login-screen-title>Detalii aplicatie</f7-login-screen-title>
2065				<div v-html="_startPageText"></div>
2066				<f7-list>
2067					<f7-button raised large fill @click="startPageClick">Intra in aplicatie</f7-button>
2068				</f7-list>
2069			</div>
2070		</f7-page>
2071	</script>
2071
2072
2073	
2073<script type="text/x-template" id="page-reservation-template">
2074		<f7-page name="reservation-page" @page:init="onPageInit">
2075			<f7-navbar class="mobile-only-navbar">
2076				<f7-nav-left>
2077					<f7-link back>
2078						<i class="f7-icons icon-color">arrow_left</i>
2079					</f7-link>
2080					<p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') === null">
2081						<f7-link panel-open="right">
2082							<i class="f7-icons icon-color lock">person</i>
2083							<i class="f7-icons gray-arrow">chevron_down</i>
2084						</f7-link>
2085					</p>
2086					<p class="navbar-title">
2087						{{$root.settings.websiteSetup.navbarTitle}}
2088					</p>
2089				</f7-nav-left>
2090				<f7-nav-right>
2091					<p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') != null">
2092						<f7-link panel-open="right">
2093							<i class="f7-icons icon-color lock">person</i>
2094							<i class="f7-icons gray-arrow">chevron_down</i>
2095						</f7-link>
2096					</p>
2097					<p class="right-details cart">
2098						<f7-link @click="$root.displayExistingBasket(true)">
2099							<i class="f7-icons icon-color">cart</i>
2100							Cosul tau
2101							<span class="bascket-counter">{{ $root.noOfItemsFromBasket }}</span>
2102						</f7-link>
2103					</p>
2104					<p class="right-details name" v-if="$root.loggedUserName">
2105						<f7-link panel-open="right">
2106							{{$root.loggedUserName}}
2107							<i class="f7-icons">chevron_down</i>
2108						</f7-link>
2109					</p>
2110					<p class="right-details name" v-if="!$root.loggedUserName && _deactivateSaporiCustom === false">
2111						<f7-link panel-open="right">
2112							<i class="f7-icons icon-color lock">lock</i>
2113							Autentificare
2114						</f7-link>
2115					</p>
2116					<p class="mobile-only">
2117						<f7-link popup-open="#checkout-popup">
2118							<i class="f7-icons icon-color lock">cart</i>
2119							<span class="bascket-counter">{{ $root.noOfItemsFromBasket }}</span>
2120						</f7-link>
2121					</p>
2122					<f7-link panel-open="right"><i class="f7-icons icon-color">line_horizontal_3</i></f7-link>
2123				</f7-nav-right>
2124			</f7-navbar>
2125			<div class="containerMenuReservation">
2126				<div class="containerMenuDetails">
2127					<div class="row" id="reservationInfo">
2128						<div class="col">
2129							<div class="row booking-details">
2130								<div class="col-100 large-50">
2131									<p class="reservationTitle">Rezerva o masa</p>
2132									<p class="reservationDescription">Completeaza toate datele</p>
2133								</div>
2134							</div>
2135							<div class="row">
2136								<div class="col-100 large-33">
2137									<f7-list>
2138										<f7-list-input label="Data"
2139													   type="date"
2140													   outline
2141													   placeholder="MM/DD/YYYY"
2142													   :min="minDate"
2143													   :value="date"
2144													   @input="date = $event.target.value">
2145										</f7-list-input>
2146									</f7-list>
2147								</div>
2148								<div class="col-50 large-33">
2149									<f7-list>
2150										<f7-list-input label="Ora"
2151													   type="time"
2152													   outline
2153													   placeholder="--:-- --"
2154													   :value="hour"
2155													   @input="hour = $event.target.value">
2156										</f7-list-input>
2157									</f7-list>
2158								</div>
2159								<div class="col-50 large-33">
2160									<f7-list>
2161										<f7-list-input label="Numar de persoane"
2162													   type="number"
2163													   outline
2164													   placeholder="Scrie nr de persoane"
2165													   :value="personNumber"
2166													   @input="personNumber = $event.target.value">
2167										</f7-list-input>
2168									</f7-list>
2169								</div>
2170							</div>
2171							<div class="row contact-details">
2172								<div class="col-100 large-50">
2173									<span class="reservationTitle">Detalii de contact</span>
2174									<p class="reservationDescription">Completeaza toate datele</p>
2175								</div>
2176							</div>
2177							<div class="row">
2178								<div class="col-100 large-50">
2179									<f7-list>
2180										<f7-list-input label="Nume"
2181													   type="text"
2182													   outline
2183													   placeholder="Scrie numele..."
2184													   :value="firstName"
2185													   @input="firstName = $event.target.value">
2186										</f7-list-input>
2187									</f7-list>
2188								</div>
2189								<div class="col-100 large-50">
2190									<f7-list>
2191										<f7-list-input label="Prenume"
2192													   type="text"
2193													   outline
2194													   placeholder="Scrie prenumele..."
2195													   :value="lastName"
2196													   @input="lastName = $event.target.value">
2197										</f7-list-input>
2198									</f7-list>
2199								</div>
2200							</div>
2201							<div class="row">
2202								<div class="col-100 large-50">
2203									<f7-list>
2204										<f7-list-input label="Telefon"
2205													   type="text"
2206													   outline
2207													   placeholder="Scrie nr de telefon..."
2208													   info=""
2209													   error-message="Doar cifre si caracterul '+' sunt permise"
2210													   required
2211													   validate
2212													   pattern="^([+\d].*)?\d$"
2213													   :value="phone"
2214													   @input="phone = $event.target.value">
2215										</f7-list-input>
2216									</f7-list>
2217								</div>
2218								<div class="col-100 large-50">
2219									<f7-list>
2220										<f7-list-input label="Email"
2221													   type="text"
2222													   outline
2223													   placeholder="Scrie adresa de email..."
2224													   :value="email"
2225													   @input="email = $event.target.value">
2226										</f7-list-input>
2227									</f7-list>
2228								</div>
2229							</div>
2230							<div class="row">
2231								<div class="col-100 large-100">
2232									<f7-list>
2233										<f7-list-input label="Mesaj"
2234													   type="textarea"
2235													   outline
2236													   placeholder="Scrie mesajul aici..."
2237													   :value="details"
2238													   @input="details = $event.target.value">
2239										</f7-list-input>
2240									</f7-list>
2241								</div>
2242							</div>
2243							<div class="row">
2244								<div class="col-100 large-50"></div>
2245								<div class="col-100 large-50">
2246									<f7-button class="floatRgt" fill large :disabled="blockSaveBtn" v-on:click="saveReservation">Rezerva o masa</f7-button>
2247								</div>
2248							</div>
2249						</div>
2250					</div>
2251				</div>
2252			</div>
2253	</script>
2253
2254
2255	
2255<script type="text/x-template" id="page-termsAndCondition-template">
2256		<f7-page name="termsAndCondition-page" @page:init="onPageInit">
2257			<f7-navbar class="mobile-only-navbar">
2258				<f7-nav-left>
2259					<f7-link back>
2260						<i class="f7-icons icon-color">arrow_left</i>
2261					</f7-link>
2262					<p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') === null">
2263						<f7-link panel-open="right">
2264							<i class="f7-icons icon-color lock">person</i>
2265							<i class="f7-icons gray-arrow">chevron_down</i>
2266						</f7-link>
2267					</p>
2268					<p class="navbar-title">
2269						{{$root.settings.websiteSetup.navbarTitle}}
2270					</p>
2271				</f7-nav-left>
2272				<f7-nav-right>
2273					<p class="mobile-only" v-if="localStorage.getItem('appMenuGroup') != null">
2274						<f7-link panel-open="right">
2275							<i class="f7-icons icon-color lock">person</i>
2276							<i class="f7-icons gray-arrow">chevron_down</i>
2277						</f7-link>
2278					</p>
2279					<p class="right-details cart">
2280						<f7-link @click="$root.displayExistingBasket">
2281							<i class="f7-icons icon-color">cart</i>
2282							Cosul tau
2283							<span class="bascket-counter">{{ $root.noOfItemsFromBasket }}</span>
2284						</f7-link>
2285					</p>
2286					<p class="right-details name" v-if="$root.loggedUserName">
2287						<f7-link panel-open="right">
2288							{{$root.loggedUserName}}
2289							<i class="f7-icons">chevron_down</i>
2290						</f7-link>
2291					</p>
2292					<p class="right-details name" v-if="!$root.loggedUserName && _deactivateSaporiCustom === false">
2293						<f7-link panel-open="right">
2294							<i class="f7-icons icon-color lock">lock</i>
2295							Autentificare
2296						</f7-link>
2297					</p>
2298					<f7-link panel-open="right">
2299						<i class="f7-icons icon-color">line_horizontal_3</i>
2300					</f7-link>
2301				</f7-nav-right>
2302			</f7-navbar>
2303			<div class="termsAndConditionsContainer">
2304				<iframe class="termsAndConditionsIframe" :src="$root.termsAndConditionsIframe"></iframe>
2305			</div>
2306		</f7-page>
2307	</script>
2307
2308
2309	
2309<script type="text/x-template" id="page-landingInit-template">
2310		<f7-page name="landingInitPage" @page:init="onPageInit">
2311			<div class="section-lista-partenere">
2312				<div class="main-logo-top">
2313					<img v-bind:src="$root.settings.logo" alt="Horeka Logo" />
2314				</div>
2315				<div class="box-restaurante-partenere">
2316					<h1>Selecteaza una din locatiile noastre</h1>
2317					<!-- BOX RESTAURANT PARTENER -->
2318					<div class="box-partener" v-for="(item, index) in _venueChildren">
2319						<!-- FEATURED IMAGE -->
2320						<div class="featured-image">
2321							<a href="#" v-on:click="$root.redirectToSiteVenuePartners(item.appMenuUrl)" class="external">
2322								<img class="header-image" v-bind:src="item.header" alt="Restaurant partener" />
2323							</a>
2324							<a href="#" v-on:click="$root.redirectToSiteVenuePartners(item.appMenuUrl)" class="external">
2325								<div class="box-nume-partener">
2326									<div class="inner-nume-partener">
2327										<div class="logo-partener">
2328											<img v-bind:src="item.logo" alt="Logo Partener" />
2329										</div>
2330										<p class="titlu-partener">{{ item.title }}</p>
2331									</div>
2332								</div>
2333							</a>
2334						</div>
2335						<!-- PARTENER INFORMATII -->
2336						<a href="#" v-on:click="$root.redirectToSiteVenuePartners(item.appMenuUrl)" class="external">
2337							<div class="box-info-partener">
2338								<ul class="info-partener">
2339									<li>
2340										<!--<img src="src/resources/landing-page/location_icon.svg" alt="Locatie icon" />-->
2341										<i class="f7-icons icon-color">placemark</i>
2342										<p>{{ item.venueAddress }}</p>
2343									</li>
2344									<li>
2345										<!--<img src="src/resources/landing-page/phone_icon.svg" alt="Telefon icon" />-->
2346										<i class="f7-icons icon-color">phone</i>
2347										<p>
2348											<a v-bind:href="'tel:' + item.venuePhoneNumber">{{ item.venuePhoneNumber }}</a>
2349										</p>
2350									</li>
2351								</ul>
2352
2353								<ul class="box-app-store">
2354									<li>
2355										<a v-bind:href="item.appleStoreLink" target="_blank" class="external">
2356											<img src="https://api.rpd.roweb.ro/documents/aboutus/app_store.png" alt="Alternate Text" />
2357										</a>
2358									</li>
2359									<li>
2360										<a v-bind:href="item.googleStoreLink" target="_blank" class="external">
2361											<img src="https://api.rpd.roweb.ro/documents/aboutus/google_play.png" alt="Alternate Text" />
2362										</a>
2363									</li>
2364								</ul>
2365							</div>
2366						</a>
2367						<!-- ACCES PAGINA -->
2368						<div class="box-acces-partener">
2369							<a href="#" v-on:click="$root.redirectToSiteVenuePartners(item.appMenuUrl)" class="external">
2370								<span>Comanda acum</span>
2371								<img src="https://api.rpd.roweb.ro/documents/aboutus/arrow_icon.svg" alt="Comanda acum" />
2372							</a>
2373						</div>
2374					</div>
2375					<!-- END BOX RESTAURANT PARTENER -->
2376				</div>
2377			</div>
2378
2379			<footer class="parteneri-footer">
2380				<div class="inner-footer-parteneri">
2381					<p>Solutie de comenzi online pentru restaurante</p>
2382					<a v-if="_deactivateSaporiCustom === false" href="https://horeka.ro" target="_blank" class="external"><img src="https://api.rpd.roweb.ro/documents/aboutus/horeka_logo.svg" alt="Horeka Logo" /></a>
2383					<a v-if="_deactivateSaporiCustom === true" href="#" target="_blank" class="external"><img src="https://api.rpd.roweb.ro/documents/aboutus/horeka_logo.svg" alt="Horeka Logo" /></a>
2384				</div>
2385			</footer>
2386		</f7-page>
2387	</script>
2387
2388
2389	
2389<script type="text/x-template" id="page-landing-template">
2390		<f7-page name="landing-page" @page:init="onPageInit">
2391
2392			<header>
2393				<div class="container text-center">
2394					<div class="row">
2395						<div class="col-12 text-center">
2396							<div class="logo">
2397								<a href="/">
2398									<img v-bind:src="$root.settings.logo" alt="Pub App Logo" class="mx-auto">
2399								</a>
2400							</div>
2401							<div class="divider"></div>
2402							<h1>{{ $root.settings.title }}</h1>
2403							<a class="btn btn-primary" v-on:click="$root.goHome">Vezi meniul</a>
2404						</div>
2405					</div>
2406				</div>
2407			</header>
2408
2409			<main>
2410				<!-- CTA BOXES -->
2411				<div class="container pb-40">
2412					<div class="row">
2413						<div class="col-6 col-md-12">
2414							<div class="inner-box">
2415								<div class="text-center">
2416									<img src="src/resources/landing/food-delivery.png" alt="Food Delivery" class="img-fluid">
2417									<h3>Comenzi online</h3>
2418									<p>Pentru comenzi mai jos da click pe butonul de mai jos</p>
2419									<a v-on:click="$root.goHome" class="btn btn-primary"><img src="src/resources/landing/comanda-icon.svg" class="img-fluid vertical-middle"> Comanda acum</a>
2420								</div>
2421							</div>
2422						</div>
2423						<div class="col-6 col-md-12">
2424							<div class="inner-box last">
2425								<div class="text-center">
2426									<img src="src/resources/landing/take-away.png" alt="Take away" class="img-fluid">
2427									<h3>Takeaway ridicare de la adresa </h3>
2428									<p>{{$root.settings.address}}, {{$root.settings.postalCode}} {{$root.settings.city}}, {{$root.settings.county}} <a class="external" v-bind:href="'https://www.google.com/maps/search/?api=1&query=' + $root.settings.address + ', ' + $root.settings.postalCode + ', ' + $root.settings.city + ', ' + $root.settings.county" target="_blank"><u>Vezi pe harta</u></a></p>
2429									<a v-bind:href="'tel:'+$root.settings.websiteSetup.phone" class="btn btn-primary external call"><img src="src/resources/landing/phone-icon.svg" class="img-fluid vertical-middle">{{ $root.settings.websiteSetup.phone }}</a>
2430								</div>
2431							</div>
2432						</div>
2433					</div>
2434				</div>
2435				<!-- END CTA BOXES -->
2436				<!-- BANNER CTA  -->
2437				<section class="banner-cta">
2438					<div class="overlay">
2439						<div class="container">
2440							<div class="row">
2441								<div class="col-6 col-md-12">
2442									<div class="text-center">
2443										<h2>Prinde si tu cea mai buna oferta din restaurant</h2>
2444										<div class="price-container">
2445											<span class="price-big">
2446												39.99 LEI
2447											</span>
2448										</div>
2449										<a v-on:click="$root.goHome" class="btn btn-primary">Comanda acum</a>
2450									</div>
2451								</div>
2452							</div>
2453						</div>
2454					</div>
2455				</section>
2456				<!-- END BANNER CTA  -->
2457				<!-- SLIDER PRODUSE -->
2458				<div class="swiper-overlay">
2459					<div class="swiper-container">
2460						<div class="swiper-wrapper">
2461							<div class="swiper-slide">
2462								<img src="src/resources/landing/3.jpg" alt="Slider Produse" class="img-fluid">
2463							</div>
2464							<div class="swiper-slide">
2465								<img src="src/resources/landing/3.jpg" " alt="Slider Produse" class="img-fluid">
2466							</div>
2467							<div class="swiper-slide">
2468								<img src="src/resources/landing/3.jpg" " alt="Slider Produse" class="img-fluid">
2469							</div>
2470							<div class="swiper-slide">
2471								<img src="src/resources/landing/3.jpg" " alt="Slider Produse" class="img-fluid">
2472							</div>
2473							<div class="swiper-slide">
2474								<img src="src/resources/landing/3.jpg" " alt="Slider Produse" class="img-fluid">
2475							</div>
2476						</div>
2477						<div class="swiper-pagination"></div>
2478					</div>
2479				</div>
2480				<!-- END SLIDER PRODUSE -->
2481				<!-- CONTACT SECTION -->
2482				<section class="contact-container-slider">
2483					<div class="container">
2484						<div class="row align-items-center">
2485							<div class="col-6 col-md-12">
2486								<h3>Unde ne gasiti?</h3>
2487								<ul class="no-style">
2488									<li>
2489										<img src="src/resources/landing/map-2-fill.png" alt="Map Icon" class="img-fluid vertical-middle">
2490										<span>{{$root.settings.address}}, {{$root.settings.postalCode}} {{$root.settings.city}}, {{$root.settings.county}}</span>
2491									</li>
2492									<li>
2493										<img src="src/resources/landing/phone-line.png" alt="Phone Icon" class="img-fluid vertical-middle">
2494										<span>
2494<a class="external call" v-bind:href="'tel:'+$root.settings.websiteSetup.phone">{{ $root.settings.websiteSetup.phone }}</a></span>
2495									</li>
2496								</ul>
2497							</div>
2498							<div class="col-6 col-md-12">
2499								<div class="map-container">
2500									<iframe v-bind:src="'https://maps.google.com/maps?width=100%&height=600&hl=en&q=' + encodeURIComponent( $root.settings.address + ', ' + $root.settings.postalCode + ', ' + $root.settings.city + ', ' + $root.settings.county ) +  '&t=&z=14&ie=UTF8&iwloc=B&output=embed'" width="100%" height="320" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
2501								</div>
2502							</div>
2503						</div>
2504					</div>
2505				</section>
2506				<!-- END CONTACT SECTION -->
2507			</main>
2508
2509			<footer>
2510				<div class="container">
2511					<div class="row">
2512						<div class="col-3 col-md-6">
2513							<div class="text-left">
2514								<span class="tel">Tel: <a class="external call" v-bind:href="'tel:'+$root.settings.websiteSetup.phone">{{ $root.settings.websiteSetup.phone }}</a></span>
2515							</div>
2516						</div>
2517						<div class="col-3 col-md-12 d-md-none">
2518							<div class="text-center">
2519								<span class="copyright">Copyright Horeka 2021. All rights reserved</span>
2520							</div>
2521						</div>
2522						<!--<div class="col-3 col-md-6">
2523							<div class="text-right">
2524								<span class="info">CUI: 12345678</span>
2525							</div>
2526						</div>-->
2527						<div class="col-12 d-none d-md-block">
2528							<div class="text-center">
2529								<span class="copyright">Copyright Horeka 2021. All rights reserved</span>
2530							</div>
2531						</div>
2532					</div>
2533				</div>
2534			</footer>
2535
2536		</f7-page>
2537	</script>
2537
2538
2539	
2539<script src="src/bundle.js?v=001d20ae-1762-4a73-a2a2-e2efa19080ec"></script>
2539
2540
2541</body>
2542</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.