add all files
This commit is contained in:
@@ -0,0 +1 @@
|
||||
Az oldal nem található
|
||||
+7
@@ -0,0 +1,7 @@
|
||||
<?php
|
||||
|
||||
include(getcwd().'/application/views/includes/skeleton-top.php');
|
||||
echo '<div class="mainTitle">Új felhasználó létrehozása</div>';
|
||||
include(getcwd().'/application/views/includes/add-new-user-form.php');
|
||||
include(getcwd().'/application/views/includes/skeleton-bottom.php');
|
||||
?>
|
||||
@@ -0,0 +1,12 @@
|
||||
<?php
|
||||
include(getcwd().'/application/views/includes/barber-skeleton-top.php');
|
||||
$langArray = array('en', 'hu', 'no');
|
||||
if(in_array($selectedLang, $langArray)){
|
||||
include(getcwd().'/application/views/pages/includes/booking-finished-form-'.$selectedLang.'.php');
|
||||
}
|
||||
else{
|
||||
include(getcwd().'/application/views/pages/includes/booking-finished-form-en.php');
|
||||
}
|
||||
|
||||
include(getcwd().'/application/views/includes/barber-skeleton-bottom.php');
|
||||
?>
|
||||
+12
@@ -0,0 +1,12 @@
|
||||
<?php
|
||||
include(getcwd().'/application/views/includes/barber-skeleton-top.php');
|
||||
$langArray = array('en', 'hu', 'no');
|
||||
if(in_array($selectedLang, $langArray)){
|
||||
include(getcwd().'/application/views/pages/includes/booking-form-'.$selectedLang.'.php');
|
||||
}
|
||||
else{
|
||||
include(getcwd().'/application/views/pages/includes/booking-form-en.php');
|
||||
}
|
||||
|
||||
include(getcwd().'/application/views/includes/barber-skeleton-bottom.php');
|
||||
?>
|
||||
Executable
+11
@@ -0,0 +1,11 @@
|
||||
<?php
|
||||
include(getcwd().'/application/views/includes/barber-skeleton-top.php');
|
||||
$langArray = array('en', 'hu', 'no');
|
||||
if(in_array($selectedLang, $langArray)){
|
||||
include(getcwd().'/application/views/pages/includes/barber-form-'.$selectedLang.'.php');
|
||||
}
|
||||
else{
|
||||
include(getcwd().'/application/views/pages/includes/barber-form-en.php');
|
||||
}
|
||||
include(getcwd().'/application/views/includes/barber-skeleton-bottom.php');
|
||||
?>
|
||||
@@ -0,0 +1,12 @@
|
||||
<?php
|
||||
include(getcwd().'/application/views/includes/beauty-skeleton-top.php');
|
||||
$langArray = array('en', 'hu', 'no');
|
||||
if(in_array($selectedLang, $langArray)){
|
||||
include(getcwd().'/application/views/pages/includes/booking-finished-form-'.$selectedLang.'.php');
|
||||
}
|
||||
else{
|
||||
include(getcwd().'/application/views/pages/includes/booking-finished-form-en.php');
|
||||
}
|
||||
|
||||
include(getcwd().'/application/views/includes/beauty-skeleton-bottom.php');
|
||||
?>
|
||||
+13
@@ -0,0 +1,13 @@
|
||||
<?php
|
||||
include(getcwd().'/application/views/includes/beauty-skeleton-top.php');
|
||||
$langArray = array('en', 'hu', 'no');
|
||||
if(in_array($selectedLang, $langArray)){
|
||||
include(getcwd().'/application/views/pages/includes/booking-form-'.$selectedLang.'.php');
|
||||
|
||||
}
|
||||
else{
|
||||
include(getcwd().'/application/views/pages/includes/booking-form-en.php');
|
||||
}
|
||||
|
||||
include(getcwd().'/application/views/includes/beauty-skeleton-bottom.php');
|
||||
?>
|
||||
Executable
+12
@@ -0,0 +1,12 @@
|
||||
<?php
|
||||
include(getcwd().'/application/views/includes/beauty-skeleton-top.php');
|
||||
$langArray = array('en', 'hu', 'no');
|
||||
if(in_array($selectedLang, $langArray)){
|
||||
include(getcwd().'/application/views/pages/includes/beauty-form-'.$selectedLang.'.php');
|
||||
|
||||
}
|
||||
else{
|
||||
include(getcwd().'/application/views/pages/includes/beauty-form-en.php');
|
||||
}
|
||||
include(getcwd().'/application/views/includes/beauty-skeleton-bottom.php');
|
||||
?>
|
||||
Executable
+5
@@ -0,0 +1,5 @@
|
||||
<?php
|
||||
include(getcwd().'/application/views/includes/main-skeleton-top.php');
|
||||
include(getcwd().'/application/views/pages/includes/home-form.php');
|
||||
include(getcwd().'/application/views/includes/main-skeleton-bottom.php');
|
||||
?>
|
||||
@@ -0,0 +1,293 @@
|
||||
<!-- Banner -->
|
||||
|
||||
<section id="banner">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/banner.jpg" />
|
||||
<!--div class="inner">
|
||||
<h2>Ipsum dolore</h2>
|
||||
<p>Amet lorem ipsum consequat feugiat</p>
|
||||
</div-->
|
||||
</section>
|
||||
|
||||
<section id="mobil-menu">
|
||||
<div class="mobil-menucont">
|
||||
<ul>
|
||||
<li class="mobil-menu-book"><a href="<?php echo SITEURL;?>en/booking/barber">BOOK TIME</a></li>
|
||||
<li class=""><a href="https://www.facebook.com/studiobevebarber" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
|
||||
<li class=""><a href="https://www.instagram.com/studio.beve.barber/" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- About Us -->
|
||||
<section id="aboutus" class="wrapper style1">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>assets/img/ollo.png">
|
||||
<h2>About Us</h2>
|
||||
</header>
|
||||
<div class="bemutatkozas">
|
||||
<div class="bem-bal">
|
||||
<p>
|
||||
My name is Evelin Bence, leader and creator of Studio Beve. I consider it
|
||||
important that our guests during their stay – resting a little from the noise of the
|
||||
world – recharge their batteries and return to everyday life beautified inside as
|
||||
well as outside.
|
||||
</p>
|
||||
<p>
|
||||
Quality time, maximum attention, the most professional tools, together with
|
||||
professionalism and expertise, stand for the basis of our philosophy and
|
||||
services.
|
||||
</p>
|
||||
<p>
|
||||
I believe that beauty, fashion, and trend are not gender-specific, so we have the
|
||||
opportunity for everyone to become beautiful in one place, regardless of gender.
|
||||
And among our Barber and Beauty departments, you can find the right services
|
||||
for you.
|
||||
</p>
|
||||
<p>
|
||||
With nearly 10 years of experience in the beauty industry, including many years
|
||||
of international experience, I thought it was time to open my own studio here in
|
||||
Trondheim at Innheredsveien 92, where guests can park free of charge during
|
||||
the treatments.
|
||||
</p>
|
||||
<p>
|
||||
It is an extra pleasure for me that I managed to find a traditional place where
|
||||
there was already a beauty salon in the 50s. Therefore, I now have the
|
||||
opportunity to carry on this tradition in a modern environment.
|
||||
Become beautiful with us. We look forward to seeing you.
|
||||
</p>
|
||||
</div>
|
||||
<div class="bem-jobb">
|
||||
<img src="<?php echo SITEURL;?>assets/img/evelin.JPG">
|
||||
<h4>Evelin Bence <br> <span>Owner, Studio Beve</span></h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dolgozo-nev">
|
||||
<hr>
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/evelin.jpg" class="dolgozo-kep">
|
||||
<h4>EVELIN Bence <span>- Barber</span></h4>
|
||||
</div>
|
||||
<div class="bemutatkozas-dolgozo">
|
||||
<div class="bem-dolgozo-bal">
|
||||
<p>
|
||||
"I got acquainted with the basics of being a barber at a very young age, as my
|
||||
mother is also a barber. From her I managed at a very young age to master the
|
||||
tricks of this wonderful profession. You could say I was born into the profession,
|
||||
and I've been officially a second-generation barber for a few years now.
|
||||
I am proud to have learned from the best. My master barber and friend Ruben
|
||||
Tenkely, owner of "Peaky Barbers – Tenkely Limited Company", European Cup
|
||||
winner and Hungarian champion, has gained a lot of experience internationally.
|
||||
Among other things, he worked at one of Norway's most famous traditional
|
||||
salons, Brødrene Fevangs Barberstue. This allowed me to learn about trends in
|
||||
Norway.
|
||||
</p>
|
||||
<p>
|
||||
I have been living in Norway since April 2023 and am eager to learn
|
||||
Norwegian. I feel fortunate to have had the opportunity to work alongside Felipe
|
||||
Romero in Trondheim, who is also an incredibly knowledgeable barber. More
|
||||
than one of you may have met and gotten to know me at his salon.
|
||||
I constantly participate in further trainings because I believe that continuous
|
||||
development, quality work and dedication help me to become a better
|
||||
professional day by day."
|
||||
</p>
|
||||
</div>
|
||||
<div class="bem-dolgozo-jobb">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/1.jpg">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/2.jpg">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/3.jpg">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/4.jpg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Treatments -->
|
||||
<section id="treatments" class="wrapper style2">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>assets/img/ollo.png">
|
||||
<h2 class="nyitva">Treatments</h2>
|
||||
</header>
|
||||
</div>
|
||||
<div class="service-block">
|
||||
<div class="service-area">
|
||||
<div class="one-third service-part1">
|
||||
<div class="service-inner">
|
||||
<div class="service service1">
|
||||
<div class="service-text service-text1">
|
||||
<div class="service-icon icon1"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Beard Trimming</div>
|
||||
<div class="sub-title-serv">with scissors and machine and knife shave with hot towel</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text2">
|
||||
<div class="service-icon icon2"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Child Haircut</div>
|
||||
<div class="sub-title-serv">0-12 years old</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text3">
|
||||
<div class="service-icon icon3"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Beard dying</div>
|
||||
<div class="sub-title-serv">beard dying</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="one-third service-part2">
|
||||
<div class="service-inner">
|
||||
<div class="service service2">
|
||||
<a href="#" class="banner-anchor"><img src="<?php echo SITEURL;?>assets/img/service-banner.png" alt="service-banner1" class="banner-image1"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="one-third service-part3">
|
||||
<div class="service-inner">
|
||||
<div class="service service3">
|
||||
<div class="service-text service-text1">
|
||||
<div class="service-icon icon1"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Traditional shave</div>
|
||||
<div class="sub-title-serv">traditional knife shave<br> with hot towel</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text2">
|
||||
<div class="service-icon icon2"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Men's haircut or Skinfade men's haircut</div>
|
||||
<div class="sub-title-serv">fade from skin, that is taper, low, mid or high</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text3">
|
||||
<div class="service-icon icon3"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Wax</div>
|
||||
<div class="sub-title-serv">nose, ear and<br> eyebrow waxing</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- One -->
|
||||
|
||||
<section id="one" class="wrapper style1">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>/assets/img/barber/ollo.png">
|
||||
<h2>Prices</h2>
|
||||
<h4>The price of all hair treatments include hairwash and styling. <br>10% student reduction upon showing ID, available from Monday to Thursday.</h4>
|
||||
</header>
|
||||
<?php
|
||||
$prevousCategory = '';
|
||||
|
||||
if(is_array($services)){
|
||||
foreach($services as $serviceItem){
|
||||
if($serviceItem->service_category != $prevousCategory){
|
||||
?>
|
||||
<div class="prices-category" style="width: 100%;">
|
||||
<h4 style="color: #9e8462;"><?php echo $serviceItem->service_category;?></h4>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
<div class="one-half">
|
||||
<div class="category-content">
|
||||
<div class="category-text-left">
|
||||
<div class="main-title"><a><?php echo $serviceItem->service_name;?></a></div>
|
||||
<div class="sub-title"><?php echo $serviceItem->service_description;?></div>
|
||||
</div>
|
||||
<div class="category-text-right">
|
||||
<div class="price">kr <?php echo $serviceItem->service_price;?></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
$prevousCategory = $serviceItem->service_category;
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
<?php
|
||||
/*
|
||||
if(is_array($services)){
|
||||
foreach($services as $serviceItem){
|
||||
?>
|
||||
<div class="one-half">
|
||||
<div class="category-content">
|
||||
<div class="category-text-left">
|
||||
<div class="main-title"><a><?php echo $serviceItem->service_name;?></a></div>
|
||||
<div class="sub-title"><?php echo $serviceItem->service_description;?></div>
|
||||
</div>
|
||||
<div class="category-text-right">
|
||||
<div class="price">kr <?php echo $serviceItem->service_price;?></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
}
|
||||
*/
|
||||
?>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Two -->
|
||||
<section id="two" class="wrapper style2">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/ollo.png">
|
||||
<h2 class="nyitva">Working Hours</h2>
|
||||
<h4>Free customer parking during treatments</h4>
|
||||
</header>
|
||||
</div>
|
||||
<div class="nyitvatartas">
|
||||
<div class="about-content">
|
||||
<div class="about-text-left">
|
||||
<div class="title">Weekdays</div>
|
||||
</div>
|
||||
<div class="about-text-right">
|
||||
<div class="time">10:00 - 18:00</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="about-content">
|
||||
<div class="about-text-left">
|
||||
<div class="title">Saturday</div>
|
||||
</div>
|
||||
<div class="about-text-right">
|
||||
<div class="time">10:00 - 16:00</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="about-content">
|
||||
<div class="about-text-left">
|
||||
<div class="title">Sunday</div>
|
||||
</div>
|
||||
<div class="about-text-right">
|
||||
<div class="closed">Closed</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,261 @@
|
||||
<!-- Banner -->
|
||||
|
||||
<section id="banner">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/banner.jpg" />
|
||||
<!--div class="inner">
|
||||
<h2>Ipsum dolore</h2>
|
||||
<p>Amet lorem ipsum consequat feugiat</p>
|
||||
</div-->
|
||||
</section>
|
||||
|
||||
<section id="mobil-menu">
|
||||
<div class="mobil-menucont">
|
||||
<ul>
|
||||
<li class="mobil-menu-book"><a href="<?php echo SITEURL;?>en/booking/barber">BOOK TIME</a></li>
|
||||
<li class=""><a href="https://www.facebook.com/studiobevebarber" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
|
||||
<li class=""><a href="https://www.instagram.com/studio.beve.barber/" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- About Us -->
|
||||
<section id="aboutus" class="wrapper style1">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>assets/img/ollo.png">
|
||||
<h2>About Us</h2>
|
||||
</header>
|
||||
<div class="bemutatkozas">
|
||||
<div class="bem-bal">
|
||||
<p>
|
||||
My name is Evelin Bence, leader and creator of Studio Beve. I consider it
|
||||
important that our guests during their stay – resting a little from the noise of the
|
||||
world – recharge their batteries and return to everyday life beautified inside as
|
||||
well as outside.
|
||||
</p>
|
||||
<p>
|
||||
Quality time, maximum attention, the most professional tools, together with
|
||||
professionalism and expertise, stand for the basis of our philosophy and
|
||||
services.
|
||||
</p>
|
||||
<p>
|
||||
I believe that beauty, fashion, and trend are not gender-specific, so we have the
|
||||
opportunity for everyone to become beautiful in one place, regardless of gender.
|
||||
And among our Barber and Beauty departments, you can find the right services
|
||||
for you.
|
||||
</p>
|
||||
<p>
|
||||
With nearly 10 years of experience in the beauty industry, including many years
|
||||
of international experience, I thought it was time to open my own studio here in
|
||||
Trondheim at Innheredsveien 92, where guests can park free of charge during
|
||||
the treatments.
|
||||
</p>
|
||||
<p>
|
||||
It is an extra pleasure for me that I managed to find a traditional place where
|
||||
there was already a beauty salon in the 50s. Therefore, I now have the
|
||||
opportunity to carry on this tradition in a modern environment.
|
||||
Become beautiful with us. We look forward to seeing you.
|
||||
</p>
|
||||
</div>
|
||||
<div class="bem-jobb">
|
||||
<img src="<?php echo SITEURL;?>assets/img/evelin.JPG">
|
||||
<h4>Evelin Bence <br> <span>Owner, Studio Beve</span></h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dolgozo-nev">
|
||||
<hr>
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/evelin.jpg" class="dolgozo-kep">
|
||||
<h4>EVELIN Bence <span>- Barber</span></h4>
|
||||
</div>
|
||||
<div class="bemutatkozas-dolgozo">
|
||||
<div class="bem-dolgozo-bal">
|
||||
<p>
|
||||
"I got acquainted with the basics of being a barber at a very young age, as my
|
||||
mother is also a barber. From her I managed at a very young age to master the
|
||||
tricks of this wonderful profession. You could say I was born into the profession,
|
||||
and I've been officially a second-generation barber for a few years now.
|
||||
I am proud to have learned from the best. My master barber and friend Ruben
|
||||
Tenkely, owner of "Peaky Barbers – Tenkely Limited Company", European Cup
|
||||
winner and Hungarian champion, has gained a lot of experience internationally.
|
||||
Among other things, he worked at one of Norway's most famous traditional
|
||||
salons, Brødrene Fevangs Barberstue. This allowed me to learn about trends in
|
||||
Norway.
|
||||
</p>
|
||||
<p>
|
||||
I have been living in Norway since April 2023 and am eager to learn
|
||||
Norwegian. I feel fortunate to have had the opportunity to work alongside Felipe
|
||||
Romero in Trondheim, who is also an incredibly knowledgeable barber. More
|
||||
than one of you may have met and gotten to know me at his salon.
|
||||
I constantly participate in further trainings because I believe that continuous
|
||||
development, quality work and dedication help me to become a better
|
||||
professional day by day."
|
||||
</p>
|
||||
</div>
|
||||
<div class="bem-dolgozo-jobb">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/1.jpg">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/2.jpg">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/3.jpg">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/4.jpg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Treatments -->
|
||||
<section id="treatments" class="wrapper style2">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>assets/img/ollo.png">
|
||||
<h2 class="nyitva">Treatments</h2>
|
||||
</header>
|
||||
</div>
|
||||
<div class="service-block">
|
||||
<div class="service-area">
|
||||
<div class="one-third service-part1">
|
||||
<div class="service-inner">
|
||||
<div class="service service1">
|
||||
<div class="service-text service-text1">
|
||||
<div class="service-icon icon1"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Beard Trimming</div>
|
||||
<div class="sub-title-serv">with scissors and machine and knife shave with hot towel</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text2">
|
||||
<div class="service-icon icon2"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Child Haircut</div>
|
||||
<div class="sub-title-serv">0-12 years old</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text3">
|
||||
<div class="service-icon icon3"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Beard dying</div>
|
||||
<div class="sub-title-serv">beard dying</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="one-third service-part2">
|
||||
<div class="service-inner">
|
||||
<div class="service service2">
|
||||
<a href="#" class="banner-anchor"><img src="<?php echo SITEURL;?>assets/img/service-banner.png" alt="service-banner1" class="banner-image1"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="one-third service-part3">
|
||||
<div class="service-inner">
|
||||
<div class="service service3">
|
||||
<div class="service-text service-text1">
|
||||
<div class="service-icon icon1"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Traditional shave</div>
|
||||
<div class="sub-title-serv">traditional knife shave<br> with hot towel</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text2">
|
||||
<div class="service-icon icon2"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Men's haircut or Skinfade men's haircut</div>
|
||||
<div class="sub-title-serv">fade from skin, that is taper, low, mid or high</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text3">
|
||||
<div class="service-icon icon3"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Wax</div>
|
||||
<div class="sub-title-serv">nose, ear and<br> eyebrow waxing</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- One -->
|
||||
|
||||
<section id="one" class="wrapper style1">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>/assets/img/barber/ollo.png">
|
||||
<h2>Prices</h2>
|
||||
<h4>The price of all hair treatments include hairwash and styling. <br>10% student reduction upon showing ID, available from Monday to Thursday.</h4>
|
||||
</header>
|
||||
<?php
|
||||
if(is_array($services)){
|
||||
foreach($services as $serviceItem){
|
||||
?>
|
||||
<div class="one-half">
|
||||
<div class="category-content">
|
||||
<div class="category-text-left">
|
||||
<div class="main-title"><a><?php echo $serviceItem->service_name;?></a></div>
|
||||
<div class="sub-title"><?php echo $serviceItem->service_description;?></div>
|
||||
</div>
|
||||
<div class="category-text-right">
|
||||
<div class="price">kr <?php echo $serviceItem->service_price;?></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Two -->
|
||||
<section id="two" class="wrapper style2">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/ollo.png">
|
||||
<h2 class="nyitva">Working Hours</h2>
|
||||
<h4>Free customer parking during treatments</h4>
|
||||
</header>
|
||||
</div>
|
||||
<div class="nyitvatartas">
|
||||
<div class="about-content">
|
||||
<div class="about-text-left">
|
||||
<div class="title">Weekdays</div>
|
||||
</div>
|
||||
<div class="about-text-right">
|
||||
<div class="time">10:00 - 18:00</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="about-content">
|
||||
<div class="about-text-left">
|
||||
<div class="title">Saturday</div>
|
||||
</div>
|
||||
<div class="about-text-right">
|
||||
<div class="time">10:00 - 16:00</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="about-content">
|
||||
<div class="about-text-left">
|
||||
<div class="title">Sunday</div>
|
||||
</div>
|
||||
<div class="about-text-right">
|
||||
<div class="closed">Closed</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,270 @@
|
||||
<!-- Banner -->
|
||||
<section id="banner">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/banner.jpg" />
|
||||
<!--div class="inner">
|
||||
<h2>Ipsum dolore</h2>
|
||||
<p>Amet lorem ipsum consequat feugiat</p>
|
||||
</div-->
|
||||
</section>
|
||||
|
||||
<section id="mobil-menu">
|
||||
<div class="mobil-menucont">
|
||||
<ul>
|
||||
<li class="mobil-menu-book"><a href="<?php echo SITEURL;?>en/booking/barber">IDŐPONTFOGLALÁS</a></li>
|
||||
<li class=""><a href="https://www.facebook.com/studiobevebarber" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
|
||||
<li class=""><a href="https://www.instagram.com/studio.beve.barber/" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- About Us -->
|
||||
<section id="aboutus" class="wrapper style1">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>assets/img/ollo.png">
|
||||
<h2>Rólunk</h2>
|
||||
</header>
|
||||
<div class="bemutatkozas">
|
||||
<div class="bem-bal">
|
||||
<p>
|
||||
Bence Evelin vagyok a Studio Beve vezetője és megálmodója. Fontosnak tartom, hogy a vendégek a nálunk töltött idő alatt – egy kicsit megpihenve a világ zajától – feltöltődjenek, és kívül-belül megszépülve térjenek vissza a mindennapokhoz.
|
||||
</p>
|
||||
<p>
|
||||
A minőségi idő, a maximális figyelem, a legprofesszionálisabb eszközök, a hivatástudattal és szakértelemmel karöltve jelentik a filozófiánk és szolgáltatásaink alapjait.
|
||||
</p>
|
||||
<p>
|
||||
Hiszem, hogy a szépség, a divat és a trend nem nemhez kötött, így nálunk lehetőség van arra, hogy mindenki egy helyen szépülhessen nemtől függetlenül. A Barber és Beauty részlegeink között pedig megtalálhatjátok a számotokra megfelelő szolgáltatásokat.
|
||||
</p>
|
||||
<p>
|
||||
Közel 10 éves szépségipari, és közte több éves nemzetközi tapasztalattal elérkezettnek láttam az időt, hogy megnyissam saját stúdiómat itt Trondheimben, az Innheredsveien 92 szám alatt, ahol a vendégeknek lehetősége van ingyenes parkolásra is a kezelések időtartama alatt.
|
||||
</p>
|
||||
<p>
|
||||
Extra öröm számomra, hogy egy olyan tradicionális helyet sikerült találnom, ahol az 50-es években már szépségszalon működött, ennek köszönhetően a hagyományt, modern környezetben lehetőségem van tovább vinni.
|
||||
Szépülj velünk, szeretettel várunk.
|
||||
</p>
|
||||
</div>
|
||||
<div class="bem-jobb">
|
||||
<img src="<?php echo SITEURL;?>assets/img/evelin.JPG">
|
||||
<h4>Bence Evelin <br> <span>Tulajdonos, Studio Beve</span></h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dolgozo-nev">
|
||||
<hr>
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/evelin.jpg" class="dolgozo-kep">
|
||||
<h4>EVELIN Bence <span>- Barber</span></h4>
|
||||
</div>
|
||||
<div class="bemutatkozas-dolgozo">
|
||||
<div class="bem-dolgozo-bal">
|
||||
<p>
|
||||
"Már egészen kiskoromban megismerkedtem a borbély lét alapjaival, hiszen édesanyám is borbély. Tőle, egészen fiatalon sikerült elsajátítanom ennek a csodálatos szakmának a fortélyait. Mondhatni beleszülettem a szakmába, és már néhány éve, hivatalosan is második generációs borbély vagyok.
|
||||
</p>
|
||||
<p>
|
||||
Büszke vagyok arra, hogy a legjobbaktól tanulhattam. A fodrászmesterem és barátom Tenkely Ruben, a „Peaky Barbers - Tenkely Limited Company” tulajdonosa, európa kupagyőztes és magyar bajnok, aki nemzetközi szinten is rengeteg tapasztalatot szerzett. Többek között dolgozott norvégia egyik leghíresebb tradicionális szalonjában a Brødrene Fevangs Barberstue-ben. Így általa is megismerhettem a norvégiai trendeket.
|
||||
</p>
|
||||
<p>
|
||||
2023 áprilisától élek Norvégiában, a norvég nyelvet lelkesen tanulom. Szerencsésnek érzem magam, hogy ez idő alatt lehetőségem volt Felipe Romero mellett dolgozni Trondheimben, aki szintén elképesztően nagy tudással rendelkező borbély. Nála már többen is találkozhattatok velem és megismerhettetek.
|
||||
</p>
|
||||
<p>
|
||||
Folyamatosan veszek részt továbbképzéseken, mert hiszem, hogy a folyamatos fejlődés, a minőségi munka és az odaadás segít, hogy napról-napra jobb szakember lehessek."
|
||||
</p>
|
||||
</div>
|
||||
<div class="bem-dolgozo-jobb">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/1.jpg">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/2.jpg">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/3.jpg">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/4.jpg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Treatments -->
|
||||
<section id="treatments" class="wrapper style2">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>assets/img/ollo.png">
|
||||
<h2 class="nyitva">Szolgáltatások</h2>
|
||||
</header>
|
||||
</div>
|
||||
|
||||
<div class="service-block">
|
||||
<div class="service-area">
|
||||
<div class="one-third service-part1">
|
||||
<div class="service-inner">
|
||||
<div class="service service1">
|
||||
<div class="service-text service-text1">
|
||||
<div class="service-icon icon1"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Szakálligazítás</div>
|
||||
<div class="sub-title-serv">ollóval, géppel és forró törölközős késes borotválással</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text2">
|
||||
<div class="service-icon icon2"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Gyermek hajvágás</div>
|
||||
<div class="sub-title-serv">0-12 éves korig</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text3">
|
||||
<div class="service-icon icon3"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Szakállfestés</div>
|
||||
<div class="sub-title-serv">szakállfestés</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="one-third service-part2">
|
||||
<div class="service-inner">
|
||||
<div class="service service2">
|
||||
<a href="#" class="banner-anchor"><img src="<?php echo SITEURL;?>assets/img/service-banner.png" alt="service-banner1" class="banner-image1"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="one-third service-part3">
|
||||
<div class="service-inner">
|
||||
<div class="service service3">
|
||||
<div class="service-text service-text1">
|
||||
<div class="service-icon icon1"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Hagyományos borotválás</div>
|
||||
<div class="sub-title-serv">forrótörölközős késesborotválás</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text2">
|
||||
<div class="service-icon icon2"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Hajvágás vagy skinfade hajvágás</div>
|
||||
<div class="sub-title-serv">bőrből indított átmenet mint pl taper, low, mid vagy high</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text3">
|
||||
<div class="service-icon icon3"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Gyanta</div>
|
||||
<div class="sub-title-serv">orr, fül és<br> szemöldök gyanta</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- One -->
|
||||
|
||||
<section id="one" class="wrapper style1">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>/assets/img/barber/ollo.png">
|
||||
<h2>Árlista</h2>
|
||||
<h4>Minden hajkezelés ára tartalmazza a hajmosást és a formázást<br>10%-os diákkedvezmény, igazolvány felmutatásával, ami hétfőtől csütörtökig vehető igénybe.</h4>
|
||||
</header>
|
||||
<?php
|
||||
$prevousCategory = '';
|
||||
|
||||
if(is_array($services)){
|
||||
foreach($services as $serviceItem){
|
||||
if($serviceItem->service_category != $prevousCategory){
|
||||
?>
|
||||
<div class="prices-category" style="width: 100%;">
|
||||
<h4 style="color: #9e8462;"><?php echo $serviceItem->service_category;?></h4>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
<div class="one-half">
|
||||
<div class="category-content">
|
||||
<div class="category-text-left">
|
||||
<div class="main-title"><a><?php echo $serviceItem->service_name;?></a></div>
|
||||
<div class="sub-title"><?php echo $serviceItem->service_description;?></div>
|
||||
</div>
|
||||
<div class="category-text-right">
|
||||
<div class="price">kr <?php echo $serviceItem->service_price;?></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
$prevousCategory = $serviceItem->service_category;
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
|
||||
<?php
|
||||
/*
|
||||
if(is_array($services)){
|
||||
foreach($services as $serviceItem){
|
||||
?>
|
||||
<div class="one-half">
|
||||
<div class="category-content">
|
||||
<div class="category-text-left">
|
||||
<div class="main-title"><a><?php echo $serviceItem->service_name;?></a></div>
|
||||
<div class="sub-title"><?php echo $serviceItem->service_description;?></div>
|
||||
</div>
|
||||
<div class="category-text-right">
|
||||
<div class="price">kr <?php echo $serviceItem->service_price;?></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
}
|
||||
*/
|
||||
?>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Two -->
|
||||
<section id="two" class="wrapper style2">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>assets/img/ollo.png">
|
||||
<h2 class="nyitva">Nyitvatartási idő</h2>
|
||||
<h4>Ingyenes parkolás a szolgáltatások ideje alatt</h4>
|
||||
</header>
|
||||
</div>
|
||||
<div class="nyitvatartas">
|
||||
<div class="about-content">
|
||||
<div class="about-text-left">
|
||||
<div class="title">Hétköznap</div>
|
||||
</div>
|
||||
<div class="about-text-right">
|
||||
<div class="time">10:00 - 18:00</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="about-content">
|
||||
<div class="about-text-left">
|
||||
<div class="title">Szombat</div>
|
||||
</div>
|
||||
<div class="about-text-right">
|
||||
<div class="time">10:00 - 16:00</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="about-content">
|
||||
<div class="about-text-left">
|
||||
<div class="title">Vasárnap</div>
|
||||
</div>
|
||||
<div class="about-text-right">
|
||||
<div class="closed">Zárva</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,237 @@
|
||||
<!-- Banner -->
|
||||
<section id="banner">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/banner.jpg" />
|
||||
<!--div class="inner">
|
||||
<h2>Ipsum dolore</h2>
|
||||
<p>Amet lorem ipsum consequat feugiat</p>
|
||||
</div-->
|
||||
</section>
|
||||
|
||||
<section id="mobil-menu">
|
||||
<div class="mobil-menucont">
|
||||
<ul>
|
||||
<li class="mobil-menu-book"><a href="<?php echo SITEURL;?>en/booking/barber">IDŐPONTFOGLALÁS</a></li>
|
||||
<li class=""><a href="https://www.facebook.com/studiobevebarber" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
|
||||
<li class=""><a href="https://www.instagram.com/studio.beve.barber/" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- About Us -->
|
||||
<section id="aboutus" class="wrapper style1">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>assets/img/ollo.png">
|
||||
<h2>Rólunk</h2>
|
||||
</header>
|
||||
<div class="bemutatkozas">
|
||||
<div class="bem-bal">
|
||||
<p>
|
||||
Bence Evelin vagyok a Studio Beve vezetője és megálmodója. Fontosnak tartom, hogy a vendégek a nálunk töltött idő alatt – egy kicsit megpihenve a világ zajától – feltöltődjenek, és kívül-belül megszépülve térjenek vissza a mindennapokhoz.
|
||||
</p>
|
||||
<p>
|
||||
A minőségi idő, a maximális figyelem, a legprofesszionálisabb eszközök, a hivatástudattal és szakértelemmel karöltve jelentik a filozófiánk és szolgáltatásaink alapjait.
|
||||
</p>
|
||||
<p>
|
||||
Hiszem, hogy a szépség, a divat és a trend nem nemhez kötött, így nálunk lehetőség van arra, hogy mindenki egy helyen szépülhessen nemtől függetlenül. A Barber és Beauty részlegeink között pedig megtalálhatjátok a számotokra megfelelő szolgáltatásokat.
|
||||
</p>
|
||||
<p>
|
||||
Közel 10 éves szépségipari, és közte több éves nemzetközi tapasztalattal elérkezettnek láttam az időt, hogy megnyissam saját stúdiómat itt Trondheimben, az Innheredsveien 92 szám alatt, ahol a vendégeknek lehetősége van ingyenes parkolásra is a kezelések időtartama alatt.
|
||||
</p>
|
||||
<p>
|
||||
Extra öröm számomra, hogy egy olyan tradicionális helyet sikerült találnom, ahol az 50-es években már szépségszalon működött, ennek köszönhetően a hagyományt, modern környezetben lehetőségem van tovább vinni.
|
||||
Szépülj velünk, szeretettel várunk.
|
||||
</p>
|
||||
</div>
|
||||
<div class="bem-jobb">
|
||||
<img src="<?php echo SITEURL;?>assets/img/evelin.JPG">
|
||||
<h4>Bence Evelin <br> <span>Tulajdonos, Studio Beve</span></h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dolgozo-nev">
|
||||
<hr>
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/evelin.jpg" class="dolgozo-kep">
|
||||
<h4>EVELIN Bence <span>- Barber</span></h4>
|
||||
</div>
|
||||
<div class="bemutatkozas-dolgozo">
|
||||
<div class="bem-dolgozo-bal">
|
||||
<p>
|
||||
"Már egészen kiskoromban megismerkedtem a borbély lét alapjaival, hiszen édesanyám is borbély. Tőle, egészen fiatalon sikerült elsajátítanom ennek a csodálatos szakmának a fortélyait. Mondhatni beleszülettem a szakmába, és már néhány éve, hivatalosan is második generációs borbély vagyok.
|
||||
</p>
|
||||
<p>
|
||||
Büszke vagyok arra, hogy a legjobbaktól tanulhattam. A fodrászmesterem és barátom Tenkely Ruben, a „Peaky Barbers - Tenkely Limited Company” tulajdonosa, európa kupagyőztes és magyar bajnok, aki nemzetközi szinten is rengeteg tapasztalatot szerzett. Többek között dolgozott norvégia egyik leghíresebb tradicionális szalonjában a Brødrene Fevangs Barberstue-ben. Így általa is megismerhettem a norvégiai trendeket.
|
||||
</p>
|
||||
<p>
|
||||
2023 áprilisától élek Norvégiában, a norvég nyelvet lelkesen tanulom. Szerencsésnek érzem magam, hogy ez idő alatt lehetőségem volt Felipe Romero mellett dolgozni Trondheimben, aki szintén elképesztően nagy tudással rendelkező borbély. Nála már többen is találkozhattatok velem és megismerhettetek.
|
||||
</p>
|
||||
<p>
|
||||
Folyamatosan veszek részt továbbképzéseken, mert hiszem, hogy a folyamatos fejlődés, a minőségi munka és az odaadás segít, hogy napról-napra jobb szakember lehessek."
|
||||
</p>
|
||||
</div>
|
||||
<div class="bem-dolgozo-jobb">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/1.jpg">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/2.jpg">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/3.jpg">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/4.jpg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Treatments -->
|
||||
<section id="treatments" class="wrapper style2">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>assets/img/ollo.png">
|
||||
<h2 class="nyitva">Szolgáltatások</h2>
|
||||
</header>
|
||||
</div>
|
||||
|
||||
<div class="service-block">
|
||||
<div class="service-area">
|
||||
<div class="one-third service-part1">
|
||||
<div class="service-inner">
|
||||
<div class="service service1">
|
||||
<div class="service-text service-text1">
|
||||
<div class="service-icon icon1"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Szakálligazítás</div>
|
||||
<div class="sub-title-serv">ollóval, géppel és forró törölközős késes borotválással</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text2">
|
||||
<div class="service-icon icon2"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Gyermek hajvágás</div>
|
||||
<div class="sub-title-serv">0-12 éves korig</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text3">
|
||||
<div class="service-icon icon3"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Szakállfestés</div>
|
||||
<div class="sub-title-serv">szakállfestés</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="one-third service-part2">
|
||||
<div class="service-inner">
|
||||
<div class="service service2">
|
||||
<a href="#" class="banner-anchor"><img src="<?php echo SITEURL;?>assets/img/service-banner.png" alt="service-banner1" class="banner-image1"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="one-third service-part3">
|
||||
<div class="service-inner">
|
||||
<div class="service service3">
|
||||
<div class="service-text service-text1">
|
||||
<div class="service-icon icon1"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Hagyományos borotválás</div>
|
||||
<div class="sub-title-serv">forrótörölközős késesborotválás</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text2">
|
||||
<div class="service-icon icon2"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Hajvágás vagy skinfade hajvágás</div>
|
||||
<div class="sub-title-serv">bőrből indított átmenet mint pl taper, low, mid vagy high</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text3">
|
||||
<div class="service-icon icon3"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Gyanta</div>
|
||||
<div class="sub-title-serv">orr, fül és<br> szemöldök gyanta</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- One -->
|
||||
|
||||
<section id="one" class="wrapper style1">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>/assets/img/barber/ollo.png">
|
||||
<h2>Árlista</h2>
|
||||
<h4>Minden hajkezelés ára tartalmazza a hajmosást és a formázást<br>10%-os diákkedvezmény, igazolvány felmutatásával, ami hétfőtől csütörtökig vehető igénybe.</h4>
|
||||
</header>
|
||||
<?php
|
||||
if(is_array($services)){
|
||||
foreach($services as $serviceItem){
|
||||
?>
|
||||
<div class="one-half">
|
||||
<div class="category-content">
|
||||
<div class="category-text-left">
|
||||
<div class="main-title"><a><?php echo $serviceItem->service_name;?></a></div>
|
||||
<div class="sub-title"><?php echo $serviceItem->service_description;?></div>
|
||||
</div>
|
||||
<div class="category-text-right">
|
||||
<div class="price">kr <?php echo $serviceItem->service_price;?></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Two -->
|
||||
<section id="two" class="wrapper style2">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>assets/img/ollo.png">
|
||||
<h2 class="nyitva">Nyitvatartási idő</h2>
|
||||
<h4>Ingyenes parkolás a szolgáltatások ideje alatt</h4>
|
||||
</header>
|
||||
</div>
|
||||
<div class="nyitvatartas">
|
||||
<div class="about-content">
|
||||
<div class="about-text-left">
|
||||
<div class="title">Hétköznap</div>
|
||||
</div>
|
||||
<div class="about-text-right">
|
||||
<div class="time">10:00 - 18:00</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="about-content">
|
||||
<div class="about-text-left">
|
||||
<div class="title">Szombat</div>
|
||||
</div>
|
||||
<div class="about-text-right">
|
||||
<div class="time">10:00 - 16:00</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="about-content">
|
||||
<div class="about-text-left">
|
||||
<div class="title">Vasárnap</div>
|
||||
</div>
|
||||
<div class="about-text-right">
|
||||
<div class="closed">Zárva</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,269 @@
|
||||
<!-- Banner -->
|
||||
<section id="banner">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/banner.jpg" />
|
||||
<!--div class="inner">
|
||||
<h2>Ipsum dolore</h2>
|
||||
<p>Amet lorem ipsum consequat feugiat</p>
|
||||
</div-->
|
||||
</section>
|
||||
|
||||
|
||||
<section id="mobil-menu">
|
||||
<div class="mobil-menucont">
|
||||
<ul>
|
||||
<li class="mobil-menu-book"><a href="<?php echo SITEURL;?>en/booking/barber">BESTILL TIME</a></li>
|
||||
<li class=""><a href="https://www.facebook.com/studiobevebarber" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
|
||||
<li class=""><a href="https://www.instagram.com/studio.beve.barber/" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- About Us -->
|
||||
<section id="aboutus" class="wrapper style1">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>assets/img/ollo.png">
|
||||
<h2>Om oss</h2>
|
||||
</header>
|
||||
<div class="bemutatkozas">
|
||||
<div class="bem-bal">
|
||||
<p>
|
||||
Mitt navn er Evelin Bence, lederen og skaperen av Studio Beve. Jeg anser det som viktig at våre gjester under oppholdet hos oss – mens de stenger ute litt av støyen fra omverdenen – kan lade sine batterier og kan vende tilbake til hverdagen forskjønnet både innvendig og utvendig.
|
||||
</p>
|
||||
<p>
|
||||
Kvalitetstid, maksimal oppmerksomhet, de mest profesjonelle verktøyene, hånd i hånd med profesjonalitet og kompetanse, utgjør grunnlaget for vår filosofi og våre tjenester.
|
||||
</p>
|
||||
<p>
|
||||
Jeg mener at skjønnhet, mote og trend ikke er kjønnsspesifikke, og hos oss har derfor alle mulighet til å bli vakrere på ett sted, uavhengig av kjønn. Hos Studio Beve Barber og Studio Beve Beauty kan dere finne de tjenestene som er riktige for dere.
|
||||
</p>
|
||||
<p>
|
||||
Med nesten 10 års erfaring fra skjønnhetsindustrien, inkludert mange års internasjonal erfaring, tenkte jeg det var på tide å åpne mitt eget studio her i Trondheim i Innheredsveien 92, hvor gjestene har mulighet til å parkere gratis under behandlingene.
|
||||
</p>
|
||||
<p>
|
||||
Det er en ekstra glede for meg at jeg klarte å finne et tradisjonelt sted hvor det allerede var en skjønnhetssalong på 50-tallet. Derfor har jeg nå muligheten til å videreføre denne tradisjonen i et moderne miljø.
|
||||
Bli vakker hos oss. Vi ser frem til å ønske deg velkommen.
|
||||
</p>
|
||||
</div>
|
||||
<div class="bem-jobb">
|
||||
<img src="<?php echo SITEURL;?>assets/img/evelin.JPG">
|
||||
<h4>Evelin Bence <br> <span>Eieren, Studio Beve</span></h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dolgozo-nev">
|
||||
<hr>
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/evelin.jpg" class="dolgozo-kep">
|
||||
<h4>EVELIN Bence <span>- Barber</span></h4>
|
||||
</div>
|
||||
<div class="bemutatkozas-dolgozo">
|
||||
<div class="bem-dolgozo-bal">
|
||||
<p>
|
||||
"Jeg lærte å kjenne det grunnleggende om det å være barber allerede i svært ung alder, siden min mor også er barber. Fra henne klarte jeg i svært ung alder å mestre knepene i dette fantastiske yrket. Man kan si at jeg ble født inn i yrket, og jeg har offisielt vært andregenerasjons barber i noen år nå.
|
||||
</p>
|
||||
<p>
|
||||
Jeg er stolt over å ha lært av de beste. Min mesterbarber og venn Ruben Tenkely, eier av «Peaky Barbers – Tenkely Limited Company», europacupvinner og ungarsk mester, har også skaffet seg mye erfaring internasjonalt. Han har blant annet arbeidet i en av Norges mest kjente tradisjonelle salonger, Brødrene Fevangs Barberstue. Slik lærte jeg om trender i Norge.
|
||||
</p>
|
||||
<p>
|
||||
Jeg har bodd i Norge siden april 2023 og er ivrig etter å lære norsk. Jeg føler meg heldig som har fått muligheten til å jobbe sammen med Felipe Romero i Trondheim, som også er en utrolig kunnskapsrik barber. Hos ham kan flere av dere ha møtt og blitt kjent med meg.
|
||||
</p>
|
||||
<p>
|
||||
Jeg deltar stadig på videreutdanninger fordi jeg tror at kontinuerlig utvikling, kvalitetsarbeid og engasjement hjelper meg til å bli en bedre fagperson dag for dag."
|
||||
</p>
|
||||
</div>
|
||||
<div class="bem-dolgozo-jobb">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/1.jpg">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/2.jpg">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/3.jpg">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/4.jpg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Treatments -->
|
||||
<section id="treatments" class="wrapper style2">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>assets/img/ollo.png">
|
||||
<h2 class="nyitva">Behandlinger</h2>
|
||||
</header>
|
||||
</div>
|
||||
|
||||
<div class="service-block">
|
||||
<div class="service-area">
|
||||
<div class="one-third service-part1">
|
||||
<div class="service-inner">
|
||||
<div class="service service1">
|
||||
<div class="service-text service-text1">
|
||||
<div class="service-icon icon1"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Skjeggtrimming</div>
|
||||
<div class="sub-title-serv">knivbarbering med varmt håndkle</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text2">
|
||||
<div class="service-icon icon2"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Barneklipp</div>
|
||||
<div class="sub-title-serv">0-12 år</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text3">
|
||||
<div class="service-icon icon3"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Skjeggfarging</div>
|
||||
<div class="sub-title-serv">skjeggfarging</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="one-third service-part2">
|
||||
<div class="service-inner">
|
||||
<div class="service service2">
|
||||
<a href="#" class="banner-anchor"><img src="<?php echo SITEURL;?>assets/img/service-banner.png" alt="service-banner1" class="banner-image1"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="one-third service-part3">
|
||||
<div class="service-inner">
|
||||
<div class="service service3">
|
||||
<div class="service-text service-text1">
|
||||
<div class="service-icon icon1"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Tradisjonell knivbarbering med varmt håndkle</div>
|
||||
<div class="sub-title-serv">hele ansiktet</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text2">
|
||||
<div class="service-icon icon2"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Herreklipp eller Skinfade herreklipp</div>
|
||||
<div class="sub-title-serv">overgang fra hodebunnen f.eks taper, low, mid eller high</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text3">
|
||||
<div class="service-icon icon3"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Voks</div>
|
||||
<div class="sub-title-serv">nese, øre og<br> øyenbrynvoksing</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- One -->
|
||||
|
||||
<section id="one" class="wrapper style1">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>/assets/img/barber/ollo.png">
|
||||
<h2>Priser</h2>
|
||||
<h4>Prisen på alle hårbehandling inkluderer hårvask og styling.<br>10% studentrabatt ved framvising av ID, kan benyttes fra mandag til torsdag.</h4>
|
||||
</header>
|
||||
<?php
|
||||
$prevousCategory = '';
|
||||
|
||||
if(is_array($services)){
|
||||
foreach($services as $serviceItem){
|
||||
if($serviceItem->service_category != $prevousCategory){
|
||||
?>
|
||||
<div class="prices-category" style="width: 100%;">
|
||||
<h4 style="color: #9e8462;"><?php echo $serviceItem->service_category;?></h4>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
<div class="one-half">
|
||||
<div class="category-content">
|
||||
<div class="category-text-left">
|
||||
<div class="main-title"><a><?php echo $serviceItem->service_name;?></a></div>
|
||||
<div class="sub-title"><?php echo $serviceItem->service_description;?></div>
|
||||
</div>
|
||||
<div class="category-text-right">
|
||||
<div class="price">kr <?php echo $serviceItem->service_price;?></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
$prevousCategory = $serviceItem->service_category;
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
<?php
|
||||
/*
|
||||
if(is_array($services)){
|
||||
foreach($services as $serviceItem){
|
||||
?>
|
||||
<div class="one-half">
|
||||
<div class="category-content">
|
||||
<div class="category-text-left">
|
||||
<div class="main-title"><a><?php echo $serviceItem->service_name;?></a></div>
|
||||
<div class="sub-title"><?php echo $serviceItem->service_description;?></div>
|
||||
</div>
|
||||
<div class="category-text-right">
|
||||
<div class="price">kr <?php echo $serviceItem->service_price;?></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
}
|
||||
*/
|
||||
?>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Two -->
|
||||
<section id="two" class="wrapper style2">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>assets/img/ollo.png">
|
||||
<h2 class="nyitva">Åpningstider</h2>
|
||||
<h4>Gratis kundeprarking under behandlingen</h4>
|
||||
</header>
|
||||
</div>
|
||||
<div class="nyitvatartas">
|
||||
<div class="about-content">
|
||||
<div class="about-text-left">
|
||||
<div class="title">Ukedager</div>
|
||||
</div>
|
||||
<div class="about-text-right">
|
||||
<div class="time">10:00 - 18:00</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="about-content">
|
||||
<div class="about-text-left">
|
||||
<div class="title">Lørdag</div>
|
||||
</div>
|
||||
<div class="about-text-right">
|
||||
<div class="time">10:00 - 16:00</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="about-content">
|
||||
<div class="about-text-left">
|
||||
<div class="title">Søndag</div>
|
||||
</div>
|
||||
<div class="about-text-right">
|
||||
<div class="closed">Stengt</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,237 @@
|
||||
<!-- Banner -->
|
||||
<section id="banner">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/banner.jpg" />
|
||||
<!--div class="inner">
|
||||
<h2>Ipsum dolore</h2>
|
||||
<p>Amet lorem ipsum consequat feugiat</p>
|
||||
</div-->
|
||||
</section>
|
||||
|
||||
|
||||
<section id="mobil-menu">
|
||||
<div class="mobil-menucont">
|
||||
<ul>
|
||||
<li class="mobil-menu-book"><a href="<?php echo SITEURL;?>en/booking/barber">BESTILL TIME</a></li>
|
||||
<li class=""><a href="https://www.facebook.com/studiobevebarber" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
|
||||
<li class=""><a href="https://www.instagram.com/studio.beve.barber/" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- About Us -->
|
||||
<section id="aboutus" class="wrapper style1">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>assets/img/ollo.png">
|
||||
<h2>Om oss</h2>
|
||||
</header>
|
||||
<div class="bemutatkozas">
|
||||
<div class="bem-bal">
|
||||
<p>
|
||||
Mitt navn er Evelin Bence, lederen og skaperen av Studio Beve. Jeg anser det som viktig at våre gjester under oppholdet hos oss – mens de stenger ute litt av støyen fra omverdenen – kan lade sine batterier og kan vende tilbake til hverdagen forskjønnet både innvendig og utvendig.
|
||||
</p>
|
||||
<p>
|
||||
Kvalitetstid, maksimal oppmerksomhet, de mest profesjonelle verktøyene, hånd i hånd med profesjonalitet og kompetanse, utgjør grunnlaget for vår filosofi og våre tjenester.
|
||||
</p>
|
||||
<p>
|
||||
Jeg mener at skjønnhet, mote og trend ikke er kjønnsspesifikke, og hos oss har derfor alle mulighet til å bli vakrere på ett sted, uavhengig av kjønn. Hos Studio Beve Barber og Studio Beve Beauty kan dere finne de tjenestene som er riktige for dere.
|
||||
</p>
|
||||
<p>
|
||||
Med nesten 10 års erfaring fra skjønnhetsindustrien, inkludert mange års internasjonal erfaring, tenkte jeg det var på tide å åpne mitt eget studio her i Trondheim i Innheredsveien 92, hvor gjestene har mulighet til å parkere gratis under behandlingene.
|
||||
</p>
|
||||
<p>
|
||||
Det er en ekstra glede for meg at jeg klarte å finne et tradisjonelt sted hvor det allerede var en skjønnhetssalong på 50-tallet. Derfor har jeg nå muligheten til å videreføre denne tradisjonen i et moderne miljø.
|
||||
Bli vakker hos oss. Vi ser frem til å ønske deg velkommen.
|
||||
</p>
|
||||
</div>
|
||||
<div class="bem-jobb">
|
||||
<img src="<?php echo SITEURL;?>assets/img/evelin.JPG">
|
||||
<h4>Evelin Bence <br> <span>Eieren, Studio Beve</span></h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dolgozo-nev">
|
||||
<hr>
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/evelin.jpg" class="dolgozo-kep">
|
||||
<h4>EVELIN Bence <span>- Barber</span></h4>
|
||||
</div>
|
||||
<div class="bemutatkozas-dolgozo">
|
||||
<div class="bem-dolgozo-bal">
|
||||
<p>
|
||||
"Jeg lærte å kjenne det grunnleggende om det å være barber allerede i svært ung alder, siden min mor også er barber. Fra henne klarte jeg i svært ung alder å mestre knepene i dette fantastiske yrket. Man kan si at jeg ble født inn i yrket, og jeg har offisielt vært andregenerasjons barber i noen år nå.
|
||||
</p>
|
||||
<p>
|
||||
Jeg er stolt over å ha lært av de beste. Min mesterbarber og venn Ruben Tenkely, eier av «Peaky Barbers – Tenkely Limited Company», europacupvinner og ungarsk mester, har også skaffet seg mye erfaring internasjonalt. Han har blant annet arbeidet i en av Norges mest kjente tradisjonelle salonger, Brødrene Fevangs Barberstue. Slik lærte jeg om trender i Norge.
|
||||
</p>
|
||||
<p>
|
||||
Jeg har bodd i Norge siden april 2023 og er ivrig etter å lære norsk. Jeg føler meg heldig som har fått muligheten til å jobbe sammen med Felipe Romero i Trondheim, som også er en utrolig kunnskapsrik barber. Hos ham kan flere av dere ha møtt og blitt kjent med meg.
|
||||
</p>
|
||||
<p>
|
||||
Jeg deltar stadig på videreutdanninger fordi jeg tror at kontinuerlig utvikling, kvalitetsarbeid og engasjement hjelper meg til å bli en bedre fagperson dag for dag."
|
||||
</p>
|
||||
</div>
|
||||
<div class="bem-dolgozo-jobb">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/1.jpg">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/2.jpg">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/3.jpg">
|
||||
<img src="<?php echo SITEURL;?>assets/img/barber/evelin/4.jpg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Treatments -->
|
||||
<section id="treatments" class="wrapper style2">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>assets/img/ollo.png">
|
||||
<h2 class="nyitva">Behandlinger</h2>
|
||||
</header>
|
||||
</div>
|
||||
|
||||
<div class="service-block">
|
||||
<div class="service-area">
|
||||
<div class="one-third service-part1">
|
||||
<div class="service-inner">
|
||||
<div class="service service1">
|
||||
<div class="service-text service-text1">
|
||||
<div class="service-icon icon1"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Skjeggtrimming</div>
|
||||
<div class="sub-title-serv">knivbarbering med varmt håndkle</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text2">
|
||||
<div class="service-icon icon2"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Barneklipp</div>
|
||||
<div class="sub-title-serv">0-12 år</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text3">
|
||||
<div class="service-icon icon3"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Skjeggfarging</div>
|
||||
<div class="sub-title-serv">skjeggfarging</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="one-third service-part2">
|
||||
<div class="service-inner">
|
||||
<div class="service service2">
|
||||
<a href="#" class="banner-anchor"><img src="<?php echo SITEURL;?>assets/img/service-banner.png" alt="service-banner1" class="banner-image1"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="one-third service-part3">
|
||||
<div class="service-inner">
|
||||
<div class="service service3">
|
||||
<div class="service-text service-text1">
|
||||
<div class="service-icon icon1"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Tradisjonell knivbarbering med varmt håndkle</div>
|
||||
<div class="sub-title-serv">hele ansiktet</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text2">
|
||||
<div class="service-icon icon2"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Herreklipp eller Skinfade herreklipp</div>
|
||||
<div class="sub-title-serv">overgang fra hodebunnen f.eks taper, low, mid eller high</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text3">
|
||||
<div class="service-icon icon3"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Voks</div>
|
||||
<div class="sub-title-serv">nese, øre og<br> øyenbrynvoksing</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- One -->
|
||||
|
||||
<section id="one" class="wrapper style1">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>/assets/img/barber/ollo.png">
|
||||
<h2>Priser</h2>
|
||||
<h4>Prisen på alle hårbehandling inkluderer hårvask og styling.<br>10% studentrabatt ved framvising av ID, kan benyttes fra mandag til torsdag.</h4>
|
||||
</header>
|
||||
<?php
|
||||
if(is_array($services)){
|
||||
foreach($services as $serviceItem){
|
||||
?>
|
||||
<div class="one-half">
|
||||
<div class="category-content">
|
||||
<div class="category-text-left">
|
||||
<div class="main-title"><a><?php echo $serviceItem->service_name;?></a></div>
|
||||
<div class="sub-title"><?php echo $serviceItem->service_description;?></div>
|
||||
</div>
|
||||
<div class="category-text-right">
|
||||
<div class="price">kr <?php echo $serviceItem->service_price;?></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Two -->
|
||||
<section id="two" class="wrapper style2">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>assets/img/ollo.png">
|
||||
<h2 class="nyitva">Åpningstider</h2>
|
||||
<h4>Gratis kundeprarking under behandlingen</h4>
|
||||
</header>
|
||||
</div>
|
||||
<div class="nyitvatartas">
|
||||
<div class="about-content">
|
||||
<div class="about-text-left">
|
||||
<div class="title">Ukedager</div>
|
||||
</div>
|
||||
<div class="about-text-right">
|
||||
<div class="time">10:00 - 18:00</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="about-content">
|
||||
<div class="about-text-left">
|
||||
<div class="title">Lørdag</div>
|
||||
</div>
|
||||
<div class="about-text-right">
|
||||
<div class="time">10:00 - 16:00</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="about-content">
|
||||
<div class="about-text-left">
|
||||
<div class="title">Søndag</div>
|
||||
</div>
|
||||
<div class="about-text-right">
|
||||
<div class="closed">Stengt</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,261 @@
|
||||
<!-- Banner -->
|
||||
|
||||
<section id="banner">
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/banner.jpg" style="width: 100%;" />
|
||||
<!--div class="inner">
|
||||
<h2>Ipsum dolore</h2>
|
||||
<p>Amet lorem ipsum consequat feugiat</p>
|
||||
</div-->
|
||||
</section>
|
||||
<section id="mobil-menu">
|
||||
<div class="mobil-menucont">
|
||||
<ul>
|
||||
<li class="mobil-menu-book"><a href="<?php echo SITEURL;?>en/booking/beauty">BOOK TIME</a></li>
|
||||
<li class=""><a href="https://www.facebook.com/studiobevebeauty" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
|
||||
<li class=""><a href="https://www.instagram.com/studio.beve.beauty/" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- About Us -->
|
||||
<section id="aboutus" class="wrapper style1">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/ollo_rose.png">
|
||||
<h2>About Us</h2>
|
||||
</header>
|
||||
<div class="bemutatkozas">
|
||||
<div class="bem-bal">
|
||||
<p>
|
||||
My name is Evelin Bence, leader and creator of Studio Beve. I consider it
|
||||
important that our guests during their stay – resting a little from the noise of the
|
||||
world – recharge their batteries and return to everyday life beautified inside as
|
||||
well as outside.
|
||||
</p>
|
||||
<p>
|
||||
Quality time, maximum attention, the most professional tools, together with
|
||||
professionalism and expertise, stand for the basis of our philosophy and
|
||||
services.
|
||||
</p>
|
||||
<p>
|
||||
I believe that beauty, fashion, and trend are not gender-specific, so we have the
|
||||
opportunity for everyone to become beautiful in one place, regardless of gender.
|
||||
And among our Barber and Beauty departments, you can find the right services
|
||||
for you.
|
||||
</p>
|
||||
<p>
|
||||
With nearly 10 years of experience in the beauty industry, including many years
|
||||
of international experience, I thought it was time to open my own studio here in
|
||||
Trondheim at Innheredsveien 92, where guests can park free of charge during
|
||||
the treatments.
|
||||
</p>
|
||||
<p>
|
||||
It is an extra pleasure for me that I managed to find a traditional place where
|
||||
there was already a beauty salon in the 50s. Therefore, I now have the
|
||||
opportunity to carry on this tradition in a modern environment.
|
||||
Become beautiful with us. We look forward to seeing you.
|
||||
</p>
|
||||
</div>
|
||||
<div class="bem-jobb">
|
||||
<img src="<?php echo base_url();?>assets/img/evelin_beauty.JPG">
|
||||
<h4>Evelin Bence <br> <span>Owner, Studio Beve</span></h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dolgozo-nev">
|
||||
<hr>
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/evelin/evelin.jpg" class="dolgozo-kep">
|
||||
<h4>EVELIN Bence <span>- lash stylist, make up artist, PMU artist</span></h4>
|
||||
</div>
|
||||
<div class="bemutatkozas-dolgozo">
|
||||
<div class="bem-dolgozo-bal">
|
||||
<p>
|
||||
My attraction and love for the profession was already evident as a child. First, I acquired the basics of makeup on myself, and then on my girlfriends. As an adult, there was no question what my path should be. I finished my studies as a beautician in 2016, and also obtained my eyelash extension qualification in the same year.
|
||||
</p>
|
||||
<p>
|
||||
I have always strived – and still strive – to provide my guests with the fullest possible service. Therefore, I pay special attention to further training. Among my instructors you can find multiple Hungarian champion makeup artists or make-up tattooists.
|
||||
</p>
|
||||
<p>
|
||||
My latest passion is making makeup tattoos. Today, the use of state-of-the-art technology and professional materials allows me to provide my guests with a natural, individualized look. The services in my portfolio reflect the natural direction I represent, be it makeup, makeup tattoos or even eyelashes.
|
||||
</p>
|
||||
<p>
|
||||
I am proud that over the years I have been able to close the happy smiles of satisfied guests in my heart, in my native Ukraine, and then in Hungary. I am also pleased that although I have only been living in Norway since April 2023, I nevertheless manage to establish a good relationship with my guests and spend time with them in a good mood. I also place great emphasis on learning the magical Norwegian language so that I can talk to my guests in their native language.
|
||||
</p>
|
||||
<p>
|
||||
I believe that continuous development, quality work and dedication help me to become a better professional day by day.
|
||||
</p>
|
||||
</div>
|
||||
<div class="bem-dolgozo-jobb">
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/evelin/1.jpg">
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/evelin/2.jpg">
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/evelin/3.jpg">
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/evelin/4.jpg">
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/evelin/5.jpg">
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/evelin/6.jpg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Treatments -->
|
||||
<section id="treatments" class="wrapper style2">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/ollo_rose.png">
|
||||
<h2 class="nyitva">Treatments</h2>
|
||||
</header>
|
||||
</div>
|
||||
<div class="service-block">
|
||||
<div class="service-area">
|
||||
<div class="one-third service-part1">
|
||||
<div class="service-inner">
|
||||
<div class="service service1">
|
||||
<div class="service-text service-text1">
|
||||
<div class="service-icon icon1"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Wax</div>
|
||||
<div class="sub-title-serv">arm, leg, nose, bikini line waxing</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text2">
|
||||
<div class="service-icon icon2"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Makeup</div>
|
||||
<div class="sub-title-serv">day, special, wedding makeup</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text3">
|
||||
<div class="service-icon icon3"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Eyelash extension</div>
|
||||
<div class="sub-title-serv">classical single, double, volume</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="one-third service-part2">
|
||||
<div class="service-inner">
|
||||
<div class="service service2">
|
||||
<a href="#" class="banner-anchor"><img src="<?php echo base_url();?>assets/img/service-banner-beauty.png" alt="service-banner1" class="banner-image1"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="one-third service-part3">
|
||||
<div class="service-inner">
|
||||
<div class="service service3">
|
||||
<div class="service-text service-text1">
|
||||
<div class="service-icon icon1"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Powder brows PMU makeup</div>
|
||||
<div class="sub-title-serv">incl. one refill after 4-8 weeks</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text2">
|
||||
<div class="service-icon icon2"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Manicure</div>
|
||||
<div class="sub-title-serv">coming soon..</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text3">
|
||||
<div class="service-icon icon3"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Eyebrow and eyelash styling</div>
|
||||
<div class="sub-title-serv">brow lamination, Henna dying, Lash lift, forming and dying</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- One -->
|
||||
<section id="one" class="wrapper style1">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>assets/img/beauty/ollo_rose.png">
|
||||
<h2>Prices</h2>
|
||||
</header>
|
||||
|
||||
<?php
|
||||
$prevousCategory = '';
|
||||
|
||||
if(is_array($services)){
|
||||
foreach($services as $serviceItem){
|
||||
if($serviceItem->service_category != $prevousCategory){
|
||||
?>
|
||||
<div class="prices-category" style="width: 100%">
|
||||
<h4><?php echo $serviceItem->service_category;?></h4>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
<div class="one-half">
|
||||
<div class="category-content">
|
||||
<div class="category-text-left">
|
||||
<div class="main-title"><a><?php echo $serviceItem->service_name;?></a></div>
|
||||
<div class="sub-title"><?php echo $serviceItem->service_description;?></div>
|
||||
</div>
|
||||
<div class="category-text-right">
|
||||
<div class="price">kr <?php echo $serviceItem->service_price;?></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
$prevousCategory = $serviceItem->service_category;
|
||||
}
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<!-- Two -->
|
||||
|
||||
<section id="two" class="wrapper style2">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>assets/img/beauty/ollo_rose.png">
|
||||
<h2 class="nyitva">Working Hours</h2>
|
||||
<h4>Free customer parking during treatments</h4>
|
||||
</header>
|
||||
</div>
|
||||
<div class="nyitvatartas">
|
||||
<div class="about-content">
|
||||
<div class="about-text-left">
|
||||
<div class="title">Weekdays</div>
|
||||
</div>
|
||||
<div class="about-text-right">
|
||||
<div class="time">10:00 - 18:00</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="about-content">
|
||||
<div class="about-text-left">
|
||||
<div class="title">Saturday</div>
|
||||
</div>
|
||||
<div class="about-text-right">
|
||||
<div class="time">10:00 - 16:00</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="about-content">
|
||||
<div class="about-text-left">
|
||||
<div class="title">Sunday</div>
|
||||
</div>
|
||||
<div class="about-text-right">
|
||||
<div class="closed">Closed</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,280 @@
|
||||
https://www.facebook.com/studiobevebeauty<!-- Banner -->
|
||||
<section id="banner">
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/banner.jpg" style="width: 100%;" />
|
||||
<!--div class="inner">
|
||||
<h2>Ipsum dolore</h2>
|
||||
<p>Amet lorem ipsum consequat feugiat</p>
|
||||
</div-->
|
||||
</section>
|
||||
|
||||
<section id="mobil-menu">
|
||||
<div class="mobil-menucont">
|
||||
<ul>
|
||||
<li class="mobil-menu-book"><a href="<?php echo SITEURL;?>en/booking/beauty">IDŐPONTFOGLALÁS</a></li>
|
||||
<li class=""><a href="https://www.facebook.com/studiobevebeauty" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
|
||||
<li class=""><a href="https://www.instagram.com/studio.beve.beauty/" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- About Us -->
|
||||
<section id="aboutus" class="wrapper style1">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/ollo_rose.png">
|
||||
<h2>Rólunk</h2>
|
||||
</header>
|
||||
<div class="bemutatkozas">
|
||||
<div class="bem-bal">
|
||||
<p>
|
||||
Bence Evelin vagyok a Studio Beve vezetője és megálmodója. Fontosnak
|
||||
tartom, hogy a vendégek a nálunk töltött idő alatt – egy kicsit megpihenve a világ zajától – feltöltődjenek, és kívül-belül egszépülve térjenek vissza a mindennapokhoz.
|
||||
</p>
|
||||
<p>
|
||||
A minőségi idő, a maximális figyelem, a legprofesszionálisabb eszközök, a
|
||||
hivatástudattal és szakértelemmel karöltve jelentik a filozófiánk és
|
||||
szolgáltatásaink alapjait.
|
||||
</p>
|
||||
<p>
|
||||
Hiszem, hogy a szépség, a divat és a trend nem nemhez kötött, így nálunk
|
||||
lehetőség van arra, hogy mindenki egy helyen szépülhessen nemtől függetlenül.
|
||||
A Barber és Beauty részlegeink között pedig megtalálhatjátok a számotokra
|
||||
megfelelő szolgáltatásokat.
|
||||
</p>
|
||||
<p>
|
||||
Közel 10 éves szépségipari, és közte több éves nemzetközi tapasztalattal
|
||||
elérkezettnek láttam az időt, hogy megnyissam saját stúdiómat itt
|
||||
Trondheimben, az Innheredsveien 92 szám alatt, ahol a vendégeknek lehetősége
|
||||
van ingyenes parkolásra is a kezelések időtartama alatt.
|
||||
</p>
|
||||
<p>
|
||||
Extra öröm számomra, hogy egy olyan tradicionális helyet sikerült találnom,
|
||||
ahol az 50-es években már szépségszalon működött, ennek köszönhetően a
|
||||
hagyományt, modern környezetben lehetőségem van tovább vinni.
|
||||
Szépülj velünk, szeretettel várunk.
|
||||
</p>
|
||||
</div>
|
||||
<div class="bem-jobb">
|
||||
<img src="<?php echo base_url();?>assets/img/evelin_beauty.JPG">
|
||||
<h4>Bence Evelin <br> <span>Tulajdonos, Studio Beve</span></h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dolgozo-nev">
|
||||
<hr>
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/evelin/evelin.jpg" class="dolgozo-kep">
|
||||
<h4>EVELIN Bence <span>- szempilla- és szemöldök stylist, sminkes</span></h4>
|
||||
</div>
|
||||
<div class="bemutatkozas-dolgozo">
|
||||
<div class="bem-dolgozo-bal">
|
||||
<p>
|
||||
"A szakma iránti vonzalmam, szeretetem már kisgyerekként megmutatkozott.
|
||||
Először saját magamon, majd később a barátnőimen sajátítottam el a sminkelés
|
||||
alapjait. Felnőttként pedig nem volt kérdés, hogy mi is az én utam. Kozmetikusi
|
||||
tanulmányaimat 2016-ban fejeztem be és ugyanebben az évben szempillaépítő
|
||||
képesítést is szereztem.
|
||||
</p>
|
||||
<p>
|
||||
Mindig törekedtem - és mai napig törekszem - arra, hogy a vendégeimnek minél
|
||||
teljeskörűbb szolgáltatást tudjak nyújtani. Ezért kiemelt figyelmet fordítok a
|
||||
továbbképzésekre. Oktatóim között megtalálhatóak többszörös magyar bajnok
|
||||
sminkmesterek vagy épp sminktetoválók.
|
||||
</p>
|
||||
<p>
|
||||
A legújabb szenvedélyem a sminktetoválások készítése. Ma már a
|
||||
csúcstechnológia és a professzionális alapanyagok használata lehetővé teszi,
|
||||
hogy természetes, egyénre szabott megjelenést biztosíthassak a vendégeimnek.
|
||||
A portfóliómban lévő szolgáltatásoknál a természetes irányt képviselem, legyen
|
||||
szó sminkről, sminktetoválásról vagy épp műszempilláról.
|
||||
</p>
|
||||
<p>
|
||||
Büszke vagyok arra, hogy az évek alatt elégedett vendégek boldog mosolyát
|
||||
zárhattam a szívembe, szülőhazámban Ukrajnában, majd Magyarországon.
|
||||
Szintén örömmel tölt el, hogy noha még csak 2023 áprilisától élek Norvégiában,
|
||||
mégis sikerül a vendégeimmel jó kapcsolatot kialakítani, a közös időt jó
|
||||
hangulatban eltölteni. A varázslatos norvég nyelv elsajátítására is nagy
|
||||
hangsúlyt fektetek, hogy a vendégeimmel, az anyanyelvükön tudjak beszélgetni.
|
||||
</p>
|
||||
<p>
|
||||
Hiszem, hogy a folyamatos fejlődés, a minőségi munka és az odaadás segít,
|
||||
hogy napról-napra jobb szakember lehessek."
|
||||
</p>
|
||||
</div>
|
||||
<div class="bem-dolgozo-jobb">
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/evelin/1.jpg">
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/evelin/2.jpg">
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/evelin/3.jpg">
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/evelin/4.jpg">
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/evelin/5.jpg">
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/evelin/6.jpg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Treatments -->
|
||||
<section id="treatments" class="wrapper style2">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/ollo_rose.png">
|
||||
<h2 class="nyitva">Szolgáltatások</h2>
|
||||
</header>
|
||||
</div>
|
||||
|
||||
<div class="service-block">
|
||||
<div class="service-area">
|
||||
<div class="one-third service-part1">
|
||||
<div class="service-inner">
|
||||
<div class="service service1">
|
||||
<div class="service-text service-text1">
|
||||
<div class="service-icon icon1"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Gyanta</div>
|
||||
<div class="sub-title-serv">kar, láb, orr intim gyanta</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text2">
|
||||
<div class="service-icon icon2"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Smink</div>
|
||||
<div class="sub-title-serv">nappali, alkalmi, esküvői smink</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text3">
|
||||
<div class="service-icon icon3"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Szempillaépítés</div>
|
||||
<div class="sub-title-serv">klasszikus, dupla, újratöltés</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="one-third service-part2">
|
||||
<div class="service-inner">
|
||||
<div class="service service2">
|
||||
<a href="#" class="banner-anchor"><img src="<?php echo base_url();?>assets/img/service-banner-beauty.png" alt="service-banner1" class="banner-image1"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="one-third service-part3">
|
||||
<div class="service-inner">
|
||||
<div class="service service3">
|
||||
<div class="service-text service-text1">
|
||||
<div class="service-icon icon1"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Szemöldök tetoválás</div>
|
||||
<div class="sub-title-serv">puderes szemöldöktetoválás</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text2">
|
||||
<div class="service-icon icon2"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Műköröm</div>
|
||||
<div class="sub-title-serv">hamarosan..</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text3">
|
||||
<div class="service-icon icon3"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Szemöldök és szempilla</div>
|
||||
<div class="sub-title-serv">szemöldök laminálás, formázás és festés</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- One -->
|
||||
<section id="one" class="wrapper style1">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>assets/img/beauty/ollo_rose.png">
|
||||
<h2>Árlista</h2>
|
||||
</header>
|
||||
|
||||
<?php
|
||||
$prevousCategory = '';
|
||||
|
||||
if(is_array($services)){
|
||||
foreach($services as $serviceItem){
|
||||
if($serviceItem->service_category != $prevousCategory){
|
||||
?>
|
||||
<div class="prices-category" style="width: 100%">
|
||||
<h4><?php echo $serviceItem->service_category;?></h4>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
<div class="one-half">
|
||||
<div class="category-content">
|
||||
<div class="category-text-left">
|
||||
<div class="main-title"><a><?php echo $serviceItem->service_name;?></a></div>
|
||||
<div class="sub-title"><?php echo $serviceItem->service_description;?></div>
|
||||
</div>
|
||||
<div class="category-text-right">
|
||||
<div class="price">kr <?php echo $serviceItem->service_price;?></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
$prevousCategory = $serviceItem->service_category;
|
||||
}
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Two -->
|
||||
|
||||
<section id="two" class="wrapper style2">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>assets/img/beauty/ollo_rose.png">
|
||||
<h2 class="nyitva">Nyitvatartási idő</h2>
|
||||
<h4>Ingyenes parkolás a szolgáltatások ideje alatt</h4>
|
||||
</header>
|
||||
</div>
|
||||
<div class="nyitvatartas">
|
||||
<div class="about-content">
|
||||
<div class="about-text-left">
|
||||
<div class="title">Hétköznap</div>
|
||||
</div>
|
||||
<div class="about-text-right">
|
||||
<div class="time">10:00 - 18:00</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="about-content">
|
||||
<div class="about-text-left">
|
||||
<div class="title">Szombat</div>
|
||||
</div>
|
||||
<div class="about-text-right">
|
||||
<div class="time">10:00 - 16:00</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="about-content">
|
||||
<div class="about-text-left">
|
||||
<div class="title">Vasárnap</div>
|
||||
</div>
|
||||
<div class="about-text-right">
|
||||
<div class="closed">Zárva</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,279 @@
|
||||
<!-- Banner -->
|
||||
<section id="banner">
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/banner.jpg" style="width: 100%;" />
|
||||
<!--div class="inner">
|
||||
<h2>Ipsum dolore</h2>
|
||||
<p>Amet lorem ipsum consequat feugiat</p>
|
||||
</div-->
|
||||
</section>
|
||||
<section id="mobil-menu">
|
||||
<div class="mobil-menucont">
|
||||
<ul>
|
||||
<li class="mobil-menu-book"><a href="<?php echo SITEURL;?>en/booking/beauty">BESTILL TIME</a></li>
|
||||
<li class=""><a href="https://www.facebook.com/studiobevebeauty" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
|
||||
<li class=""><a href="https://www.instagram.com/studio.beve.beauty/" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- About Us -->
|
||||
<section id="aboutus" class="wrapper style1">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/ollo_rose.png">
|
||||
<h2>Om oss</h2>
|
||||
</header>
|
||||
<div class="bemutatkozas">
|
||||
<div class="bem-bal">
|
||||
<p>
|
||||
Mitt navn er Evelin Bence, lederen og skaperen av Studio Beve. Jeg anser det som
|
||||
viktig at våre gjester under oppholdet hos oss – mens de stenger ute litt av støyen
|
||||
fra omverdenen – kan lade sine batterier og kan vende tilbake til hverdagen
|
||||
forskjønnet både innvendig og utvendig.
|
||||
</p>
|
||||
<p>
|
||||
Kvalitetstid, maksimal oppmerksomhet, de mest profesjonelle verktøyene, hånd
|
||||
i hånd med profesjonalitet og kompetanse, utgjør grunnlaget for vår filosofi og våre
|
||||
tjenester.
|
||||
</p>
|
||||
<p>
|
||||
Jeg mener at skjønnhet, mote og trend ikke er kjønnsspesifikke, og hos oss har
|
||||
derfor alle mulighet til å bli vakrere på ett sted, uavhengig av kjønn. Hos Studio
|
||||
Beve Barber og Studio Beve Beauty kan dere finne de tjenestene som er riktige
|
||||
for dere.
|
||||
</p>
|
||||
<p>
|
||||
Med nesten 10 års erfaring fra skjønnhetsindustrien, inkludert mange års
|
||||
internasjonal erfaring, tenkte jeg det var på tide å åpne mitt eget studio her i
|
||||
Trondheim i Innheredsveien 92, hvor gjestene har mulighet til å parkere gratis
|
||||
under behandlingene.
|
||||
</p>
|
||||
<p>
|
||||
Det er en ekstra glede for meg at jeg klarte å finne et tradisjonelt sted hvor det
|
||||
allerede var en skjønnhetssalong på 50-tallet. Derfor har jeg nå muligheten til å
|
||||
videreføre denne tradisjonen i et moderne miljø.
|
||||
Bli vakker hos oss. Vi ser frem til å ønske deg velkommen.
|
||||
</p>
|
||||
</div>
|
||||
<div class="bem-jobb">
|
||||
<img src="<?php echo base_url();?>assets/img/evelin_beauty.JPG">
|
||||
<h4>Evelin Bence <br> <span>Eieren, Studio Beve</span></h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dolgozo-nev">
|
||||
<hr>
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/evelin/evelin.jpg" class="dolgozo-kep">
|
||||
<h4>EVELIN Bence <span>- vippestylist, make up artist, PMU-artist</span></h4>
|
||||
</div>
|
||||
<div class="bemutatkozas-dolgozo">
|
||||
<div class="bem-dolgozo-bal">
|
||||
<p>
|
||||
"Min tiltrekning og kjærlighet til yrket var tydelig allerede som barn. Først
|
||||
tilegnet jeg meg det grunnleggende om sminke på meg selv, og senere på
|
||||
venninnene mine. Og som voksen var det ingen tvil om hvilken vei jeg skulle
|
||||
gå. Jeg avsluttet studiene mine i skjønnhetspleie i 2016 og fikk også min
|
||||
kvalifikasjon i vippeextension samme år.
|
||||
</p>
|
||||
<p>
|
||||
Jeg har alltid forsøkt, og streber fortsatt etter å gi mine gjester en så fullstendig
|
||||
service som mulig. Derfor legger jeg særlig vekt på videreutdanning. Blant
|
||||
instruktørene mine er det makeupartister og sminketatovører som har vunnet
|
||||
flere ungarske mesterskap.
|
||||
</p>
|
||||
<p>
|
||||
Min nyeste lidenskap er å lage sminketatoveringer. I dag tillater bruk av
|
||||
toppmoderne teknologi og profesjonelle materialer meg å gi gjestene mine et
|
||||
naturlig, individualisert utseende. Tjenestene i porteføljen min er uttrykk for den
|
||||
naturlige retningen jeg representerer, det være seg sminke, sminketatoveringer
|
||||
eller endog vippeextension.
|
||||
</p>
|
||||
<p>
|
||||
Jeg er stolt over at jeg gjennom årene har kunnet ta de glade smilene til fornøyde
|
||||
gjester i mitt hjerte, i mitt hjemland Ukraina, og deretter i Ungarn. Jeg er også
|
||||
glad for at selv om jeg bare har bodd i Norge siden april 2023, klarer jeg likevel
|
||||
å etablere et godt forhold til gjestene mine og tilbringe tiden sammen med dem i
|
||||
godt humør. Jeg legger også stor vekt på å lære det magiske norske språket slik
|
||||
at jeg kan snakke med gjestene mine på morsmålet deres.
|
||||
</p>
|
||||
<p>
|
||||
Jeg tror at kontinuerlig utvikling, kvalitetsarbeid og engasjement hjelper meg til
|
||||
å bli en bedre profesjonell dag for dag."
|
||||
</p>
|
||||
</div>
|
||||
<div class="bem-dolgozo-jobb">
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/evelin/1.jpg">
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/evelin/2.jpg">
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/evelin/3.jpg">
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/evelin/4.jpg">
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/evelin/5.jpg">
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/evelin/6.jpg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Treatments -->
|
||||
<section id="treatments" class="wrapper style2">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo base_url();?>assets/img/beauty/ollo_rose.png">
|
||||
<h2 class="nyitva">Behandlinger</h2>
|
||||
</header>
|
||||
</div>
|
||||
<div class="service-block">
|
||||
<div class="service-area">
|
||||
<div class="one-third service-part1">
|
||||
<div class="service-inner">
|
||||
<div class="service service1">
|
||||
<div class="service-text service-text1">
|
||||
<div class="service-icon icon1"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Voksing</div>
|
||||
<div class="sub-title-serv">arm, hele benet, nese, intim bikinilinje voksing</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text2">
|
||||
<div class="service-icon icon2"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Sminke</div>
|
||||
<div class="sub-title-serv">naturlig, spesielle, bryllupssminke</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text3">
|
||||
<div class="service-icon icon3"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Vippeextensions</div>
|
||||
<div class="sub-title-serv">klassisk singel, dobbel, volum</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="one-third service-part2">
|
||||
<div class="service-inner">
|
||||
<div class="service service2">
|
||||
<a href="#" class="banner-anchor"><img src="<?php echo base_url();?>assets/img/service-banner-beauty.png" alt="service-banner1" class="banner-image1"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="one-third service-part3">
|
||||
<div class="service-inner">
|
||||
<div class="service service3">
|
||||
<div class="service-text service-text1">
|
||||
<div class="service-icon icon1"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Pudderbryn PMU-tatovering</div>
|
||||
<div class="sub-title-serv">inkl. én påfyll etter <br /> 4-8 uker</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text2">
|
||||
<div class="service-icon icon2"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Manikyr</div>
|
||||
<div class="sub-title-serv">kommer snart..</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-text service-text3">
|
||||
<div class="service-icon icon3"></div>
|
||||
<div class="service-content">
|
||||
<div class="main-title">Øyenbryn- og vippestyling</div>
|
||||
<div class="sub-title-serv">laminering, henna farging, vippeløft, forming og farging</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- One -->
|
||||
<section id="one" class="wrapper style1">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>assets/img/beauty/ollo_rose.png">
|
||||
<h2>Priser</h2>
|
||||
</header>
|
||||
|
||||
<?php
|
||||
$prevousCategory = '';
|
||||
|
||||
if(is_array($services)){
|
||||
foreach($services as $serviceItem){
|
||||
if($serviceItem->service_category != $prevousCategory){
|
||||
?>
|
||||
<div class="prices-category" style="width: 100%">
|
||||
<h4><?php echo $serviceItem->service_category;?></h4>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
<div class="one-half">
|
||||
<div class="category-content">
|
||||
<div class="category-text-left">
|
||||
<div class="main-title"><a><?php echo $serviceItem->service_name;?></a></div>
|
||||
<div class="sub-title"><?php echo $serviceItem->service_description;?></div>
|
||||
</div>
|
||||
<div class="category-text-right">
|
||||
<div class="price">kr <?php echo $serviceItem->service_price;?></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
$prevousCategory = $serviceItem->service_category;
|
||||
}
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Two -->
|
||||
|
||||
<section id="two" class="wrapper style2">
|
||||
<div class="container">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<img src="<?php echo SITEURL;?>assets/img/beauty/ollo_rose.png">
|
||||
<h2 class="nyitva">Åpningstider</h2>
|
||||
<h4>Gratis kunderparking under behandlingen</h4>
|
||||
</header>
|
||||
</div>
|
||||
<div class="nyitvatartas">
|
||||
<div class="about-content">
|
||||
<div class="about-text-left">
|
||||
<div class="title">Ukedager</div>
|
||||
</div>
|
||||
<div class="about-text-right">
|
||||
<div class="time">10:00 - 18:00</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="about-content">
|
||||
<div class="about-text-left">
|
||||
<div class="title">Lørdag</div>
|
||||
</div>
|
||||
<div class="about-text-right">
|
||||
<div class="time">10:00 - 16:00</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="about-content">
|
||||
<div class="about-text-left">
|
||||
<div class="title">Søndag</div>
|
||||
</div>
|
||||
<div class="about-text-right">
|
||||
<div class="closed">Stengt</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,4 @@
|
||||
<div class="bookingContainer" style="min-height:500px;">
|
||||
<div class="bookingThankYouTitle">Thank you for your booking!</div>
|
||||
<div class="bookingThankYouMessageTitle">We sent the details for your booking via Email.</div>
|
||||
</div>
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
<div class="bookingContainer" style="min-height:500px;">
|
||||
<div class="bookingThankYouTitle">Thank you for your booking!</div>
|
||||
<div class="bookingThankYouMessageTitle">We sent the details for your booking via Email.</div>
|
||||
</div>
|
||||
@@ -0,0 +1,4 @@
|
||||
<div class="bookingContainer" style="min-height:500px;">
|
||||
<div class="bookingThankYouTitle">Köszönjük a foglalást!</div>
|
||||
<div class="bookingThankYouMessageTitle">Elküldtük a foglalás részleteit emailben.</div>
|
||||
</div>
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
<div class="bookingContainer" style="min-height:500px;">
|
||||
<div class="bookingThankYouTitle">Köszönjük a foglalást!</div>
|
||||
<div class="bookingThankYouMessageTitle">Elküldtük a foglalás részleteit emailben.</div>
|
||||
</div>
|
||||
@@ -0,0 +1,4 @@
|
||||
<div class="bookingContainer" style="min-height:500px;">
|
||||
<div class="bookingThankYouTitle">Takk for din bestilling!</div>
|
||||
<div class="bookingThankYouMessageTitle">Vi sendte detaljene for din bestilling via e-post.</div>
|
||||
</div>
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
<div class="bookingContainer" style="min-height:500px;">
|
||||
<div class="bookingThankYouTitle">Takk for din bestilling!</div>
|
||||
<div class="bookingThankYouMessageTitle">Vi sendte detaljene for din bestilling via e-post.</div>
|
||||
</div>
|
||||
@@ -0,0 +1,466 @@
|
||||
<div class="bookingContainer">
|
||||
<div class="bookingTitle">Booking Process</div>
|
||||
<ul class="steps-indicator steps-3">
|
||||
<li>
|
||||
<div class="stepTitleContainer">
|
||||
<div class="stepLine"></div>
|
||||
<div class="stepCircle activeStep" id="stepCircle1"></div>
|
||||
<div class="stepTitle">STEP 1</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="stepTitleContainer">
|
||||
<div class="stepLine"></div>
|
||||
<div class="stepCircle" id="stepCircle2"></div>
|
||||
<div class="stepTitle">STEP 2</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="stepTitleContainer">
|
||||
<div class="stepCircle" id="stepCircle3"></div>
|
||||
<div class="stepTitle">STEP 3</div>
|
||||
</div>
|
||||
<li>
|
||||
</ul>
|
||||
<div class="totalPanelContainer">
|
||||
<div id="totalPanel">
|
||||
<div class="serviceBookingDateContainer">
|
||||
<div id="serviceBookingDate"></div>
|
||||
<div id="serviceBookingTime"></div>
|
||||
</div>
|
||||
<div class="serviceBookingWorkerContainer">
|
||||
</div>
|
||||
<div class="serviceContent">
|
||||
</div>
|
||||
<div class="totalSelectedTime"></div>
|
||||
<div class="totalPrice"></div>
|
||||
</div>
|
||||
<div id="totalPanelBtnContainer">
|
||||
<div id="totalPanelBtn"><i class="fas fa-caret-right"></i></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<form method="post" action="<?php echo SITEURL;?>booking-process" id="recaptchaform">
|
||||
<div class="BookingStepContainer" id="bookingStep1">
|
||||
|
||||
<div class="totalTime"><input type="time" id="servicelength" name="servicelength" value="00:00"></div>
|
||||
|
||||
<div class="bookingTable">
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">Services</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="serviceTable">
|
||||
<div class="serviceHeader">
|
||||
<div class="serviceCol serviceNameCol">Service name</div>
|
||||
<div class="serviceCol"></div>
|
||||
<div class="serviceCol servicePriceCol">Price</div>
|
||||
<div class="serviceCol serviceInfoCol"></div>
|
||||
<div class="serviceCol serviceCheckCol"></div>
|
||||
</div>
|
||||
<?php
|
||||
$prevousCategory = '';
|
||||
|
||||
if(is_array($services)){
|
||||
foreach($services as $serviceItem){
|
||||
if($serviceItem->service_category != $prevousCategory){
|
||||
?>
|
||||
<div class="serviceRow">
|
||||
<div class="serviceCol" style="width: 100%">
|
||||
<h4><?php echo $serviceItem->service_category;?></h4>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
<div class="serviceRow">
|
||||
<div class="serviceCol serviceNameCol" id="serviceName_<?php echo $serviceItem->service_id;?>"><?php echo $serviceItem->service_name;?></div>
|
||||
<div class="serviceCol"><input type="time" class="serviceTime" id="time_<?php echo $serviceItem->service_id;?>" value="<?php echo $serviceItem->service_time;?>"/></div>
|
||||
<div class="serviceCol servicePriceCol" id="servicePrice_<?php echo $serviceItem->service_id;?>"><?php echo $serviceItem->service_price;?></div>
|
||||
<div class="serviceCol serviceInfoCol">
|
||||
<div class="serviceInfoIcon">
|
||||
<i class="fas fa-info-circle"></i><div class="serviceInfoLabel"><?php echo $serviceItem->service_description;?></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="serviceCol serviceCheckCol">
|
||||
<input type="hidden" name="service_<?php echo $serviceItem->service_id;?>" value="0"/>
|
||||
|
||||
<input type="checkbox" class="service" id="<?php echo $serviceItem->service_id;?>" name="service_<?php echo $serviceItem->service_id;?>" value="1"/>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
$prevousCategory = $serviceItem->service_category;
|
||||
}
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="rightButton bookingButton" onclick="goToStep(2);" value="Next"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="BookingStepContainer" id="bookingStep2">
|
||||
<input type="hidden" name="worker_id" id="worker_id" value="">
|
||||
<input type="hidden" name="subpage" id="subpage" value="<?php echo $subpage;?>">
|
||||
<input type="hidden" name="lang" id="lang" value="<?php echo $selectedLang;?>">
|
||||
<div class="bookingHeader">Choose a worker</div>
|
||||
<div class="workerTable">
|
||||
<?php
|
||||
$workerIndex = 0;
|
||||
if(is_array($workers)){
|
||||
foreach($workers as $workerItem){
|
||||
?>
|
||||
<label for="worker_<?php echo $workerItem->worker_id;?>">
|
||||
<div class="profileRow">
|
||||
<div class="profileCell profileRadioBtn"><input type="radio" class="workers" id="worker_<?php echo $workerItem->worker_id;?>" onclick="setWorker('<?php echo $workerItem->worker_id;?>')" <?php echo $workerIndex==0?'checked':'';?>></div>
|
||||
<div class="profileCell profileImage" style="background-image:url('<?php echo SITEURL.'assets/img/'.$workerItem->worker_profile_img;?>');"></div>
|
||||
<div class="profileCell">
|
||||
<div class="profileName"><?php echo $workerItem->worker_name;?></div>
|
||||
<!--<div class="profileDescription"><?php echo $workerItem->worker_info;?></div>-->
|
||||
</div>
|
||||
</div>
|
||||
</label>
|
||||
<?php
|
||||
$workerIndex++;
|
||||
}
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="leftButton bookingButton" onclick="goToStep(1);" value="Back"/>
|
||||
<input type="button" class="rightButton bookingButton" onclick="goToStep(3);" value="Next"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="BookingStepContainer" id="bookingStep3">
|
||||
<div class="bookingCalendar">
|
||||
<div id="datepicker"></div>
|
||||
</div>
|
||||
<div class="bookingResultsWrapper">
|
||||
<div class="availableTimesContainerTitle"></div>
|
||||
<div class="availableTimesContainer" style="padding:5px;">
|
||||
<input type="hidden" name="booking_date" id="booking_date" value="<?php echo date('Y-m-d');?>">
|
||||
<input type="hidden" name="booking_start_time" id="booking_time" value="">
|
||||
|
||||
<div class="availableTimes">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="leftButton bookingButton" onclick="goToStep(2);" value="Back"/>
|
||||
<input type="button" class="rightButton bookingButton" id="isTimeSelectedBtn" onclick="goToStep(4);" value="Next" disabled/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="BookingStepContainer" id="bookingStep4">
|
||||
|
||||
<div class="formRow">
|
||||
<label class="bookingEmailTitle">Name:</label>
|
||||
<input type="text" class="bookingName" name="guest_name" value="" required>
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label class="bookingEmailTitle">E-mail:</label>
|
||||
<input type="text" class="bookingEmail" name="guest_email" value="" required>
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label class="bookingPhoneTitle">Phone:</label>
|
||||
<input type="text" class="bookingPhone" name="guest_phone" value="" required>
|
||||
</div>
|
||||
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="leftButton bookingButton" onclick="goToStep(3);" value="Back"/>
|
||||
<input type="hidden" name="subpage" value="<?php echo $subpage;?>">
|
||||
<div class="g-recaptcha" data-callback="recaptcha_callback" data-sitekey="6Ld_sS0pAAAAANQrY3ziDGPcsjMOdM9L9WIgAzxd"></div>
|
||||
<input type="submit" id="sendBooking" class="rightButton bookingSubmit" for="bookingStepForm" name="sendBooking" value="Send" disabled/>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
|
||||
$('#booking_time').change(function(){
|
||||
if($('#booking_time').val() != ''){
|
||||
$('#isTimeSelectedBtn').prop('disabled', false);
|
||||
}
|
||||
});
|
||||
|
||||
$('#totalPanelBtn').click(function(){
|
||||
if($('#totalPanel').is(':visible')){
|
||||
$('#totalPanelBtn').html('<i class="fas fa-caret-left"></i>');
|
||||
$('#totalPanel').hide();
|
||||
$('#totalPanelBtn').css('border-top-left-radius','5px');
|
||||
$('#totalPanelBtn').css('border-bottom-left-radius','5px');
|
||||
|
||||
}
|
||||
else{
|
||||
$('#totalPanelBtn').html('<i class="fas fa-caret-right"></i>');
|
||||
$('#totalPanel').show();
|
||||
$('#totalPanelBtn').css('border-top-left-radius','0px');
|
||||
$('#totalPanelBtn').css('border-bottom-left-radius','0px');
|
||||
}
|
||||
});
|
||||
|
||||
$('.service').click(function(){
|
||||
var totalPrice = 0;
|
||||
var selectedServices = '<div class="selectedServiceTable">';
|
||||
selectedServices += '<div class="totalServiceRow serviceHeader"><div class="selectedServiceCol totalSelectedServiceName">Service name</div><div class="selectedServiceCol totalSelectedServicePrice">Price</div><div class="selectedServiceCol serviceInfoCol"></div><div class="selectedServiceCol serviceCheckCol"></div></div>';
|
||||
|
||||
var classIsChecked = 0;
|
||||
$('#servicelength').val('00:00');
|
||||
$('.service').each(function(i, obj) {
|
||||
if($(this).is(':checked')){
|
||||
classIsChecked = 1;
|
||||
var selected_id = $(this).attr('id');
|
||||
selectedPriceElement = document.getElementById('servicePrice_'+selected_id).innerHTML;
|
||||
totalPrice = totalPrice + parseInt(selectedPriceElement);
|
||||
selectedNameElement = document.getElementById('serviceName_'+selected_id).innerHTML;
|
||||
selectedServices = selectedServices + '<div class="totalServiceRow"><div class="selectedServiceCol totalSelectedServiceName">'+selectedNameElement+'</div><div class="selectedServiceCol totalSelectedServicePrice">'+selectedPriceElement+' kr</div></div>';
|
||||
|
||||
var selectedTotalTime = $('#servicelength').val();
|
||||
const selectedServiceDatetime = new Date('<?php echo date('Y-m-d');?> ' + $('#time_'+selected_id).val());
|
||||
|
||||
var subTotalTimeHours = moment.utc(selectedTotalTime,'HH:mm').add(selectedServiceDatetime.getHours(),'hour').format('HH:mm');
|
||||
var subTotalTimeMinutes = moment.utc(subTotalTimeHours,'HH:mm').add(selectedServiceDatetime.getMinutes(),'minutes').format('HH:mm');
|
||||
//console.log(subTotalTimeMinutes);
|
||||
$('#servicelength').val(subTotalTimeMinutes);
|
||||
}
|
||||
});
|
||||
|
||||
selectedServices +='</div></div></div>';
|
||||
$('.serviceContent').html(selectedServices);
|
||||
$('.totalPrice').html('<span class="totalTitle">Total:</span> <span>' + totalPrice + '</span><span class="totalTitle"> kr</span>');
|
||||
$('.totalSelectedTime').html('<span class="totalTitle">Total time:</span> <span>' + $('#servicelength').val() + '</span>');
|
||||
|
||||
if(classIsChecked){
|
||||
$('#totalPanelBtn').show();
|
||||
$('#totalPanel').show();
|
||||
}
|
||||
else{
|
||||
$('#totalPanelBtn').hide();
|
||||
$('#totalPanel').hide();
|
||||
}
|
||||
});
|
||||
|
||||
$(".workers").each(function() {
|
||||
var worker = $(this).attr('id');
|
||||
worker_id = worker.split("_");
|
||||
setWorker(worker_id[1])
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
function recaptcha_callback(){
|
||||
|
||||
selectedDate = $('#booking_date').val();
|
||||
selectedTime = $('#booking_time').val();
|
||||
var response = 0;
|
||||
|
||||
$.ajax({
|
||||
url: '<?php echo base_url();?>ajax',
|
||||
type: 'POST',
|
||||
data: {
|
||||
action:'isTimeAvailable',
|
||||
worker_id:$('#worker_id').val(),
|
||||
servicelength:$('#servicelength').val(),
|
||||
selectedDate:selectedDate,
|
||||
selectedTime:selectedTime
|
||||
},
|
||||
error: function() {
|
||||
},
|
||||
//dataType: 'json',
|
||||
success: function(data) {
|
||||
},
|
||||
}).done(function(result){
|
||||
if(result == '1'){
|
||||
$('#sendBooking').prop("disabled", false);
|
||||
}
|
||||
else{
|
||||
alert('The selected time is already reserved, please choose another reservation time!');
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
$(function(){
|
||||
|
||||
$("#datepicker").datepicker({
|
||||
firstDay: 1,
|
||||
defaultDate: new Date(),
|
||||
dateFormat: 'yy-mm-dd',
|
||||
onSelect: function(dateText) {
|
||||
$('#booking_date').val(this.value);
|
||||
getAvaliableTimesOfTheDay(this.value);
|
||||
//console.log("Selected date: " + dateText + "; input's current value: " + this.value);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
function getAvaliableTimesOfTheDay(selectedDate){
|
||||
$('.bookingResultsWrapper').show();
|
||||
$('#serviceBookingDate').html(selectedDate);
|
||||
$('#serviceBookingDate').show();
|
||||
//console.log(selectedDate);
|
||||
|
||||
$.ajax({
|
||||
url: '<?php echo base_url();?>ajax',
|
||||
type: 'POST',
|
||||
data: {
|
||||
action:'getAvailableTimes',
|
||||
worker_id:$('#worker_id').val(),
|
||||
servicelength:$('#servicelength').val(),
|
||||
selectedDate:selectedDate
|
||||
},
|
||||
error: function() {
|
||||
},
|
||||
//dataType: 'json',
|
||||
success: function(data) {
|
||||
},
|
||||
}).done(function(result){
|
||||
if(result != 0){
|
||||
$('.availableTimes').html(result);
|
||||
}
|
||||
else{
|
||||
$('.availableTimes').html('There is not available time on this day!');
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function setSelectedTime(time, id){
|
||||
$('#booking_time').val(time).trigger('change');
|
||||
$('#serviceBookingTime').html(time);
|
||||
$('#serviceBookingTime').show();
|
||||
|
||||
$('.availableBookingTime').each(function(i, obj) {
|
||||
$(this).removeClass('selectedTime');
|
||||
});
|
||||
|
||||
|
||||
//$('#bookingStep4').show();
|
||||
$('#bookingTime_'+id).addClass('selectedTime');
|
||||
}
|
||||
|
||||
function goToStep(stepNumber){
|
||||
|
||||
if(canGotoNextStep(stepNumber)){
|
||||
$('.stepCircle').each(function(i, obj) {
|
||||
$(this).removeClass('activeStep');
|
||||
});
|
||||
|
||||
//$('#stepCircle'+stepNumber).addClass('activeStep');
|
||||
|
||||
$('.BookingStepContainer').each(function(i, obj) {
|
||||
$(this).hide();
|
||||
});
|
||||
|
||||
$('#bookingStep'+stepNumber).show();
|
||||
|
||||
if(stepNumber == 4){
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
$('#stepCircle2').addClass('activeStep');
|
||||
$('#stepCircle3').addClass('activeStep');
|
||||
}
|
||||
else if(stepNumber == 3){
|
||||
if($("#datepicker").val() != ''){
|
||||
getAvaliableTimesOfTheDay($("#datepicker").val());
|
||||
}
|
||||
|
||||
$('.bookingSummaryContainer').show();
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
$('#stepCircle2').addClass('activeStep');
|
||||
$('#stepCircle3').addClass('activeStep');
|
||||
}
|
||||
else{
|
||||
if(stepNumber == 1){
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
}
|
||||
if(stepNumber == 2){
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
$('#stepCircle2').addClass('activeStep');
|
||||
}
|
||||
$('.bookingSummaryContainer').hide();
|
||||
$('.bookingResultsWrapper').hide();
|
||||
|
||||
}
|
||||
$('html').scrollTop(0);
|
||||
}
|
||||
else{
|
||||
alert('Please fill the required fields!');
|
||||
}
|
||||
}
|
||||
|
||||
function canGotoNextStep(stepNumber){
|
||||
|
||||
$RequiredFieldSelected = 0;
|
||||
if(stepNumber == 2){
|
||||
$('.service').each(function(i, obj) {
|
||||
if($(this).is(':checked')){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
});
|
||||
}
|
||||
else if(stepNumber == 1){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
else if(stepNumber == 4){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
else if(stepNumber == 3){
|
||||
$('.workers').each(function(i, obj) {
|
||||
if($(this).is(':checked')){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
else if(stepNumber == 4){
|
||||
if($('#booking_date').val() != '' && $('#booking_time').val() != ''){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
return $RequiredFieldSelected;
|
||||
}
|
||||
|
||||
function setWorker(worker_id){
|
||||
$('#worker_id').val(worker_id);
|
||||
|
||||
$.ajax({
|
||||
url: '<?php echo base_url();?>ajax',
|
||||
type: 'POST',
|
||||
data: {
|
||||
action:'getSelectedWorker',
|
||||
worker_id:worker_id
|
||||
},
|
||||
error: function() {
|
||||
},
|
||||
//dataType: 'json',
|
||||
success: function(data) {
|
||||
},
|
||||
}).done(function(result){
|
||||
$('.serviceBookingWorkerContainer').show();
|
||||
$('.serviceBookingWorkerContainer').html(result);
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit"
|
||||
async defer>
|
||||
</script>
|
||||
@@ -0,0 +1,427 @@
|
||||
<div class="bookingContainer">
|
||||
<div class="bookingTitle">Booking Process</div>
|
||||
<ul class="steps-indicator steps-3">
|
||||
<li>
|
||||
<div class="stepTitleContainer">
|
||||
<div class="stepLine"></div>
|
||||
<div class="stepCircle activeStep" id="stepCircle1"></div>
|
||||
<div class="stepTitle">STEP 1</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="stepTitleContainer">
|
||||
<div class="stepLine"></div>
|
||||
<div class="stepCircle" id="stepCircle2"></div>
|
||||
<div class="stepTitle">STEP 2</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="stepTitleContainer">
|
||||
<div class="stepCircle" id="stepCircle3"></div>
|
||||
<div class="stepTitle">STEP 3</div>
|
||||
</div>
|
||||
<li>
|
||||
</ul>
|
||||
<div class="totalPanelContainer">
|
||||
<div id="totalPanel">
|
||||
<div class="serviceBookingDateContainer">
|
||||
<div id="serviceBookingDate"></div>
|
||||
<div id="serviceBookingTime"></div>
|
||||
</div>
|
||||
<div class="serviceBookingWorkerContainer">
|
||||
</div>
|
||||
<div class="serviceContent">
|
||||
</div>
|
||||
<div class="totalSelectedTime"></div>
|
||||
<div class="totalPrice"></div>
|
||||
</div>
|
||||
<div id="totalPanelBtnContainer">
|
||||
<div id="totalPanelBtn"><i class="fas fa-caret-right"></i></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<form method="post" action="<?php echo SITEURL;?>booking-process" id="recaptchaform">
|
||||
<div class="BookingStepContainer" id="bookingStep1">
|
||||
|
||||
<div class="totalTime"><input type="time" id="servicelength" name="servicelength" value="00:00"></div>
|
||||
|
||||
<div class="bookingTable">
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">Services</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="serviceTable">
|
||||
<div class="serviceHeader">
|
||||
<div class="serviceCol serviceNameCol">Service name</div>
|
||||
<div class="serviceCol"></div>
|
||||
<div class="serviceCol servicePriceCol">Price</div>
|
||||
<div class="serviceCol serviceInfoCol"></div>
|
||||
<div class="serviceCol serviceCheckCol"></div>
|
||||
</div>
|
||||
<?php
|
||||
$prevousCategory = '';
|
||||
|
||||
if(is_array($services)){
|
||||
foreach($services as $serviceItem){
|
||||
if($serviceItem->service_category != $prevousCategory){
|
||||
?>
|
||||
<div class="serviceRow">
|
||||
<div class="serviceCol" style="width: 100%">
|
||||
<h4><?php echo $serviceItem->service_category;?></h4>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
<div class="serviceRow">
|
||||
<div class="serviceCol serviceNameCol" id="serviceName_<?php echo $serviceItem->service_id;?>"><?php echo $serviceItem->service_name;?></div>
|
||||
<div class="serviceCol"><input type="time" class="serviceTime" id="time_<?php echo $serviceItem->service_id;?>" value="<?php echo $serviceItem->service_time;?>"/></div>
|
||||
<div class="serviceCol servicePriceCol" id="servicePrice_<?php echo $serviceItem->service_id;?>"><?php echo $serviceItem->service_price;?></div>
|
||||
<div class="serviceCol serviceInfoCol">
|
||||
<div class="serviceInfoIcon">
|
||||
<i class="fas fa-info-circle"></i><div class="serviceInfoLabel"><?php echo $serviceItem->service_description;?></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="serviceCol serviceCheckCol">
|
||||
<input type="hidden" name="service_<?php echo $serviceItem->service_id;?>" value="0"/>
|
||||
|
||||
<input type="checkbox" class="service" id="<?php echo $serviceItem->service_id;?>" name="service_<?php echo $serviceItem->service_id;?>" value="1"/>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
$prevousCategory = $serviceItem->service_category;
|
||||
}
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="rightButton bookingButton" onclick="goToStep(2);" value="Next"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="BookingStepContainer" id="bookingStep2">
|
||||
<input type="hidden" name="worker_id" id="worker_id" value="">
|
||||
<input type="hidden" name="subpage" id="subpage" value="<?php echo $subpage;?>">
|
||||
<input type="hidden" name="lang" id="lang" value="<?php echo $selectedLang;?>">
|
||||
<div class="bookingHeader">Choose a worker</div>
|
||||
<div class="workerTable">
|
||||
<?php
|
||||
if(is_array($workers)){
|
||||
foreach($workers as $workerItem){
|
||||
?>
|
||||
<label for="worker_<?php echo $workerItem->worker_id;?>">
|
||||
<div class="profileRow">
|
||||
<div class="profileCell profileRadioBtn"><input type="radio" class="workers" id="worker_<?php echo $workerItem->worker_id;?>" onclick="setWorker('<?php echo $workerItem->worker_id;?>')"></div>
|
||||
<div class="profileCell profileImage" style="background-image:url('<?php echo SITEURL.'assets/img/'.$workerItem->worker_profile_img;?>');"></div>
|
||||
<div class="profileCell">
|
||||
<div class="profileName"><?php echo $workerItem->worker_name;?></div>
|
||||
<!--<div class="profileDescription"><?php echo $workerItem->worker_info;?></div>-->
|
||||
</div>
|
||||
</div>
|
||||
</label>
|
||||
<?php
|
||||
}
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="leftButton bookingButton" onclick="goToStep(1);" value="Back"/>
|
||||
<input type="button" class="rightButton bookingButton" onclick="goToStep(3);" value="Next"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="BookingStepContainer" id="bookingStep3">
|
||||
<div class="bookingCalendar">
|
||||
<div id="datepicker"></div>
|
||||
</div>
|
||||
<div class="bookingResultsWrapper">
|
||||
<div class="availableTimesContainerTitle"></div>
|
||||
<div class="availableTimesContainer" style="padding:5px;">
|
||||
<input type="hidden" name="booking_date" id="booking_date" value="<?php echo date('Y-m-d');?>">
|
||||
<input type="hidden" name="booking_start_time" id="booking_time" value="">
|
||||
|
||||
<div class="availableTimes">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="leftButton bookingButton" onclick="goToStep(2);" value="Back"/>
|
||||
<input type="button" class="rightButton bookingButton" id="isTimeSelectedBtn" onclick="goToStep(4);" value="Next" disabled/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="BookingStepContainer" id="bookingStep4">
|
||||
|
||||
<div class="formRow">
|
||||
<label class="bookingEmailTitle">Name:</label>
|
||||
<input type="text" class="bookingName" name="guest_name" value="" required>
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label class="bookingEmailTitle">E-mail:</label>
|
||||
<input type="text" class="bookingEmail" name="guest_email" value="" required>
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label class="bookingPhoneTitle">Phone:</label>
|
||||
<input type="text" class="bookingPhone" name="guest_phone" value="" required>
|
||||
</div>
|
||||
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="leftButton bookingButton" onclick="goToStep(3);" value="Back"/>
|
||||
<input type="hidden" name="subpage" value="<?php echo $subpage;?>">
|
||||
<div class="g-recaptcha" data-callback="recaptcha_callback" data-sitekey="6Ld_sS0pAAAAANQrY3ziDGPcsjMOdM9L9WIgAzxd"></div>
|
||||
<input type="submit" id="sendBooking" class="rightButton bookingSubmit" for="bookingStepForm" name="sendBooking" value="Send" disabled/>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
|
||||
$('#booking_time').change(function(){
|
||||
if($('#booking_time').val() != ''){
|
||||
$('#isTimeSelectedBtn').prop('disabled', false);
|
||||
}
|
||||
});
|
||||
|
||||
$('#totalPanelBtn').click(function(){
|
||||
if($('#totalPanel').is(':visible')){
|
||||
$('#totalPanelBtn').html('<i class="fas fa-caret-left"></i>');
|
||||
$('#totalPanel').hide();
|
||||
$('#totalPanelBtn').css('border-top-left-radius','5px');
|
||||
$('#totalPanelBtn').css('border-bottom-left-radius','5px');
|
||||
|
||||
}
|
||||
else{
|
||||
$('#totalPanelBtn').html('<i class="fas fa-caret-right"></i>');
|
||||
$('#totalPanel').show();
|
||||
$('#totalPanelBtn').css('border-top-left-radius','0px');
|
||||
$('#totalPanelBtn').css('border-bottom-left-radius','0px');
|
||||
}
|
||||
});
|
||||
|
||||
$('.service').click(function(){
|
||||
var totalPrice = 0;
|
||||
var selectedServices = '<div class="selectedServiceTable">';
|
||||
selectedServices += '<div class="totalServiceRow serviceHeader"><div class="selectedServiceCol totalSelectedServiceName">Service name</div><div class="selectedServiceCol totalSelectedServicePrice">Price</div><div class="selectedServiceCol serviceInfoCol"></div><div class="selectedServiceCol serviceCheckCol"></div></div>';
|
||||
|
||||
var classIsChecked = 0;
|
||||
$('#servicelength').val('00:00');
|
||||
$('.service').each(function(i, obj) {
|
||||
if($(this).is(':checked')){
|
||||
classIsChecked = 1;
|
||||
var selected_id = $(this).attr('id');
|
||||
selectedPriceElement = document.getElementById('servicePrice_'+selected_id).innerHTML;
|
||||
totalPrice = totalPrice + parseInt(selectedPriceElement);
|
||||
selectedNameElement = document.getElementById('serviceName_'+selected_id).innerHTML;
|
||||
selectedServices = selectedServices + '<div class="totalServiceRow"><div class="selectedServiceCol totalSelectedServiceName">'+selectedNameElement+'</div><div class="selectedServiceCol totalSelectedServicePrice">'+selectedPriceElement+' kr</div></div>';
|
||||
|
||||
var selectedTotalTime = $('#servicelength').val();
|
||||
const selectedServiceDatetime = new Date('<?php echo date('Y-m-d');?> ' + $('#time_'+selected_id).val());
|
||||
|
||||
var subTotalTimeHours = moment.utc(selectedTotalTime,'HH:mm').add(selectedServiceDatetime.getHours(),'hour').format('HH:mm');
|
||||
var subTotalTimeMinutes = moment.utc(subTotalTimeHours,'HH:mm').add(selectedServiceDatetime.getMinutes(),'minutes').format('HH:mm');
|
||||
//console.log(subTotalTimeMinutes);
|
||||
$('#servicelength').val(subTotalTimeMinutes);
|
||||
}
|
||||
});
|
||||
|
||||
selectedServices +='</div></div></div>';
|
||||
$('.serviceContent').html(selectedServices);
|
||||
$('.totalPrice').html('<span class="totalTitle">Total:</span> <span>' + totalPrice + '</span><span class="totalTitle"> kr</span>');
|
||||
$('.totalSelectedTime').html('<span class="totalTitle">Total time:</span> <span>' + $('#servicelength').val() + '</span>');
|
||||
|
||||
if(classIsChecked){
|
||||
$('#totalPanelBtn').show();
|
||||
$('#totalPanel').show();
|
||||
}
|
||||
else{
|
||||
$('#totalPanelBtn').hide();
|
||||
$('#totalPanel').hide();
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
function recaptcha_callback(){
|
||||
$('#sendBooking').prop("disabled", false);
|
||||
}
|
||||
|
||||
$(function(){
|
||||
|
||||
$("#datepicker").datepicker({
|
||||
firstDay: 1,
|
||||
defaultDate: new Date(),
|
||||
dateFormat: 'yy-mm-dd',
|
||||
onSelect: function(dateText) {
|
||||
$('#booking_date').val(this.value);
|
||||
getAvaliableTimesOfTheDay(this.value);
|
||||
//console.log("Selected date: " + dateText + "; input's current value: " + this.value);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
function getAvaliableTimesOfTheDay(selectedDate){
|
||||
$('.bookingResultsWrapper').show();
|
||||
$('#serviceBookingDate').html(selectedDate);
|
||||
$('#serviceBookingDate').show();
|
||||
//console.log(selectedDate);
|
||||
|
||||
$.ajax({
|
||||
url: '<?php echo base_url();?>ajax',
|
||||
type: 'POST',
|
||||
data: {
|
||||
action:'getAvailableTimes',
|
||||
worker_id:$('#worker_id').val(),
|
||||
servicelength:$('#servicelength').val(),
|
||||
selectedDate:selectedDate
|
||||
},
|
||||
error: function() {
|
||||
},
|
||||
//dataType: 'json',
|
||||
success: function(data) {
|
||||
},
|
||||
}).done(function(result){
|
||||
if(result != 0){
|
||||
$('.availableTimes').html(result);
|
||||
}
|
||||
else{
|
||||
$('.availableTimes').html('There is not available time on this day!');
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function setSelectedTime(time, id){
|
||||
$('#booking_time').val(time).trigger('change');
|
||||
$('#serviceBookingTime').html(time);
|
||||
$('#serviceBookingTime').show();
|
||||
|
||||
$('.availableBookingTime').each(function(i, obj) {
|
||||
$(this).removeClass('selectedTime');
|
||||
});
|
||||
|
||||
|
||||
//$('#bookingStep4').show();
|
||||
$('#bookingTime_'+id).addClass('selectedTime');
|
||||
}
|
||||
|
||||
function goToStep(stepNumber){
|
||||
|
||||
if(canGotoNextStep(stepNumber)){
|
||||
$('.stepCircle').each(function(i, obj) {
|
||||
$(this).removeClass('activeStep');
|
||||
});
|
||||
|
||||
//$('#stepCircle'+stepNumber).addClass('activeStep');
|
||||
|
||||
$('.BookingStepContainer').each(function(i, obj) {
|
||||
$(this).hide();
|
||||
});
|
||||
|
||||
$('#bookingStep'+stepNumber).show();
|
||||
|
||||
if(stepNumber == 4){
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
$('#stepCircle2').addClass('activeStep');
|
||||
$('#stepCircle3').addClass('activeStep');
|
||||
}
|
||||
else if(stepNumber == 3){
|
||||
if($("#datepicker").val() != ''){
|
||||
getAvaliableTimesOfTheDay($("#datepicker").val());
|
||||
}
|
||||
|
||||
$('.bookingSummaryContainer').show();
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
$('#stepCircle2').addClass('activeStep');
|
||||
$('#stepCircle3').addClass('activeStep');
|
||||
}
|
||||
else{
|
||||
if(stepNumber == 1){
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
}
|
||||
if(stepNumber == 2){
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
$('#stepCircle2').addClass('activeStep');
|
||||
}
|
||||
$('.bookingSummaryContainer').hide();
|
||||
$('.bookingResultsWrapper').hide();
|
||||
|
||||
}
|
||||
$('html').scrollTop(0);
|
||||
}
|
||||
else{
|
||||
alert('Please fill the required fields!');
|
||||
}
|
||||
}
|
||||
|
||||
function canGotoNextStep(stepNumber){
|
||||
|
||||
$RequiredFieldSelected = 0;
|
||||
if(stepNumber == 2){
|
||||
$('.service').each(function(i, obj) {
|
||||
if($(this).is(':checked')){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
});
|
||||
}
|
||||
else if(stepNumber == 1){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
else if(stepNumber == 4){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
else if(stepNumber == 3){
|
||||
$('.workers').each(function(i, obj) {
|
||||
if($(this).is(':checked')){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
else if(stepNumber == 4){
|
||||
if($('#booking_date').val() != '' && $('#booking_time').val() != ''){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
return $RequiredFieldSelected;
|
||||
}
|
||||
|
||||
function setWorker(worker_id){
|
||||
$('#worker_id').val(worker_id);
|
||||
|
||||
$.ajax({
|
||||
url: '<?php echo base_url();?>ajax',
|
||||
type: 'POST',
|
||||
data: {
|
||||
action:'getSelectedWorker',
|
||||
worker_id:worker_id
|
||||
},
|
||||
error: function() {
|
||||
},
|
||||
//dataType: 'json',
|
||||
success: function(data) {
|
||||
},
|
||||
}).done(function(result){
|
||||
$('.serviceBookingWorkerContainer').show();
|
||||
$('.serviceBookingWorkerContainer').html(result);
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit"
|
||||
async defer>
|
||||
</script>
|
||||
@@ -0,0 +1,467 @@
|
||||
<div class="bookingContainer">
|
||||
<div class="bookingTitle">Foglalási folyamat</div>
|
||||
<ul class="steps-indicator steps-3">
|
||||
<li>
|
||||
<div class="stepTitleContainer">
|
||||
<div class="stepLine"></div>
|
||||
<div class="stepCircle activeStep" id="stepCircle1"></div>
|
||||
<div class="stepTitle">LÉPÉS 1</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="stepTitleContainer">
|
||||
<div class="stepLine"></div>
|
||||
<div class="stepCircle" id="stepCircle2"></div>
|
||||
<div class="stepTitle">LÉPÉS 2</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="stepTitleContainer">
|
||||
<div class="stepCircle" id="stepCircle3"></div>
|
||||
<div class="stepTitle">LÉPÉS 3</div>
|
||||
</div>
|
||||
<li>
|
||||
</ul>
|
||||
<div class="totalPanelContainer">
|
||||
<div id="totalPanel">
|
||||
<div class="serviceBookingDateContainer">
|
||||
<div id="serviceBookingDate"></div>
|
||||
<div id="serviceBookingTime"></div>
|
||||
</div>
|
||||
<div class="serviceBookingWorkerContainer">
|
||||
</div>
|
||||
<div class="serviceContent">
|
||||
</div>
|
||||
<div class="totalSelectedTime"></div>
|
||||
<div class="totalPrice"></div>
|
||||
</div>
|
||||
<div id="totalPanelBtnContainer">
|
||||
<div id="totalPanelBtn"><i class="fas fa-caret-right"></i></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<form method="post" action="<?php echo SITEURL;?>booking-process">
|
||||
<div class="BookingStepContainer" id="bookingStep1">
|
||||
|
||||
<div class="totalTime"><input type="time" id="servicelength" name="servicelength" value="00:00"></div>
|
||||
|
||||
<div class="bookingTable">
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">Szolgáltatások</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="serviceTable">
|
||||
<div class="serviceHeader">
|
||||
<div class="serviceCol serviceNameCol">Szolgáltatás neve</div>
|
||||
<div class="serviceCol"></div>
|
||||
<div class="serviceCol servicePriceCol">Ára</div>
|
||||
<div class="serviceCol serviceInfoCol"></div>
|
||||
<div class="serviceCol serviceCheckCol"></div>
|
||||
</div>
|
||||
<?php
|
||||
$prevousCategory = '';
|
||||
|
||||
if(is_array($services)){
|
||||
foreach($services as $serviceItem){
|
||||
if($serviceItem->service_category != $prevousCategory){
|
||||
?>
|
||||
<div class="serviceRow">
|
||||
<div class="serviceCol" style="width: 100%">
|
||||
<h4><?php echo $serviceItem->service_category;?></h4>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
<div class="serviceRow">
|
||||
<div class="serviceCol serviceNameCol" id="serviceName_<?php echo $serviceItem->service_id;?>"><?php echo $serviceItem->service_name;?></div>
|
||||
<div class="serviceCol"><input type="time" class="serviceTime" id="time_<?php echo $serviceItem->service_id;?>" value="<?php echo $serviceItem->service_time;?>"/></div>
|
||||
<div class="serviceCol servicePriceCol" id="servicePrice_<?php echo $serviceItem->service_id;?>"><?php echo $serviceItem->service_price;?></div>
|
||||
<div class="serviceCol serviceInfoCol">
|
||||
<div class="serviceInfoIcon">
|
||||
<i class="fas fa-info-circle"></i><div class="serviceInfoLabel"><?php echo $serviceItem->service_description;?></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="serviceCol serviceCheckCol">
|
||||
<input type="hidden" name="service_<?php echo $serviceItem->service_id;?>" value="0"/>
|
||||
|
||||
<input type="checkbox" class="service" id="<?php echo $serviceItem->service_id;?>" name="service_<?php echo $serviceItem->service_id;?>" value="1"/>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
$prevousCategory = $serviceItem->service_category;
|
||||
}
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="rightButton bookingButton" onclick="goToStep(2);" value="Következő"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="BookingStepContainer" id="bookingStep2">
|
||||
<input type="hidden" name="worker_id" id="worker_id" value="">
|
||||
<input type="hidden" name="subpage" id="subpage" value="<?php echo $subpage;?>">
|
||||
<input type="hidden" name="lang" id="lang" value="<?php echo $selectedLang;?>">
|
||||
<div class="bookingHeader">Válassz dolgozót</div>
|
||||
<div class="workerTable">
|
||||
<?php
|
||||
$workerIndex = 0;
|
||||
if(is_array($workers)){
|
||||
foreach($workers as $workerItem){
|
||||
?>
|
||||
<label for="worker_<?php echo $workerItem->worker_id;?>">
|
||||
<div class="profileRow">
|
||||
<div class="profileCell profileRadioBtn"><input type="radio" class="workers" id="worker_<?php echo $workerItem->worker_id;?>" onclick="setWorker('<?php echo $workerItem->worker_id;?>')" <?php echo $workerIndex==0?'checked':'';?>></div>
|
||||
<div class="profileCell profileImage"><img src="<?php echo SITEURL.'assets/img/'.$workerItem->worker_profile_img;?>"></div>
|
||||
<div class="profileCell">
|
||||
<div class="profileName"><?php echo $workerItem->worker_name;?></div>
|
||||
<div class="profileDescription"><?php echo $workerItem->worker_info;?></div>
|
||||
</div>
|
||||
</div>
|
||||
</label>
|
||||
<?php
|
||||
$workerIndex++;
|
||||
}
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="leftButton bookingButton" onclick="goToStep(1);" value="Vissza"/>
|
||||
<input type="button" class="rightButton bookingButton" onclick="goToStep(3);" value="Következő"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="BookingStepContainer" id="bookingStep3">
|
||||
<div class="bookingCalendar">
|
||||
<div id="datepicker"></div>
|
||||
</div>
|
||||
<div class="bookingResultsWrapper">
|
||||
<div class="availableTimesContainerTitle"></div>
|
||||
<div class="availableTimesContainer" style="padding:5px;">
|
||||
<input type="hidden" name="booking_date" id="booking_date" value="<?php echo date('Y-m-d');?>">
|
||||
<input type="hidden" name="booking_start_time" id="booking_time" value="">
|
||||
|
||||
<div class="availableTimes">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="leftButton bookingButton" onclick="goToStep(2);" value="Vissza"/>
|
||||
<input type="button" class="rightButton bookingButton" id="isTimeSelectedBtn" onclick="goToStep(4);" value="Tovább" disabled/>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="BookingStepContainer" id="bookingStep4">
|
||||
|
||||
<div class="formRow">
|
||||
<label class="bookingEmailTitle">Név:</label>
|
||||
<input type="text" class="bookingName" name="guest_name" value="" required>
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label class="bookingEmailTitle">E-mail:</label>
|
||||
<input type="text" class="bookingEmail" name="guest_email" value="" required>
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label class="bookingPhoneTitle">Telefon:</label>
|
||||
<input type="text" class="bookingPhone" name="guest_phone" value="" required>
|
||||
</div>
|
||||
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="leftButton bookingButton" onclick="goToStep(3);" value="Vissza"/>
|
||||
<input type="hidden" name="subpage" value="<?php echo $subpage;?>">
|
||||
<div class="g-recaptcha" data-callback="recaptcha_callback" data-sitekey="6Ld_sS0pAAAAANQrY3ziDGPcsjMOdM9L9WIgAzxd"></div>
|
||||
<input type="submit" id="sendBooking" class="rightButton bookingSubmit" for="bookingStepForm" name="sendBooking" value="Elküld" disabled/>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
|
||||
$('#booking_time').change(function(){
|
||||
if($('#booking_time').val() != ''){
|
||||
$('#isTimeSelectedBtn').prop('disabled', false);
|
||||
}
|
||||
});
|
||||
|
||||
$('#totalPanelBtn').click(function(){
|
||||
if($('#totalPanel').is(':visible')){
|
||||
$('#totalPanelBtn').html('<i class="fas fa-caret-left"></i>');
|
||||
$('#totalPanel').hide();
|
||||
$('#totalPanelBtn').css('border-top-left-radius','5px');
|
||||
$('#totalPanelBtn').css('border-bottom-left-radius','5px');
|
||||
|
||||
}
|
||||
else{
|
||||
$('#totalPanelBtn').html('<i class="fas fa-caret-right"></i>');
|
||||
$('#totalPanel').show();
|
||||
$('#totalPanelBtn').css('border-top-left-radius','0px');
|
||||
$('#totalPanelBtn').css('border-bottom-left-radius','0px');
|
||||
}
|
||||
});
|
||||
|
||||
$('.service').click(function(){
|
||||
var totalPrice = 0;
|
||||
var selectedServices = '<div class="selectedServiceTable">';
|
||||
selectedServices += '<div class="totalServiceRow serviceHeader"><div class="selectedServiceCol totalSelectedServiceName">Service name</div><div class="selectedServiceCol totalSelectedServicePrice">Price</div><div class="selectedServiceCol serviceInfoCol"></div><div class="selectedServiceCol serviceCheckCol"></div></div>';
|
||||
|
||||
var classIsChecked = 0;
|
||||
$('#servicelength').val('00:00');
|
||||
$('.service').each(function(i, obj) {
|
||||
if($(this).is(':checked')){
|
||||
classIsChecked = 1;
|
||||
var selected_id = $(this).attr('id');
|
||||
selectedPriceElement = document.getElementById('servicePrice_'+selected_id).innerHTML;
|
||||
totalPrice = totalPrice + parseInt(selectedPriceElement);
|
||||
selectedNameElement = document.getElementById('serviceName_'+selected_id).innerHTML;
|
||||
selectedServices = selectedServices + '<div class="totalServiceRow"><div class="selectedServiceCol totalSelectedServiceName">'+selectedNameElement+'</div><div class="selectedServiceCol totalSelectedServicePrice">'+selectedPriceElement+' kr</div></div>';
|
||||
|
||||
var selectedTotalTime = $('#servicelength').val();
|
||||
const selectedServiceDatetime = new Date('<?php echo date('Y-m-d');?> ' + $('#time_'+selected_id).val());
|
||||
|
||||
var subTotalTimeHours = moment.utc(selectedTotalTime,'HH:mm').add(selectedServiceDatetime.getHours(),'hour').format('HH:mm');
|
||||
var subTotalTimeMinutes = moment.utc(subTotalTimeHours,'HH:mm').add(selectedServiceDatetime.getMinutes(),'minutes').format('HH:mm');
|
||||
//console.log(subTotalTimeMinutes);
|
||||
$('#servicelength').val(subTotalTimeMinutes);
|
||||
}
|
||||
});
|
||||
|
||||
selectedServices +='</div></div></div>';
|
||||
$('.serviceContent').html(selectedServices);
|
||||
$('.totalPrice').html('<span class="totalTitle">Total:</span> <span>' + totalPrice + '</span><span class="totalTitle"> kr</span>');
|
||||
$('.totalSelectedTime').html('<span class="totalTitle">Total time:</span> <span>' + $('#servicelength').val() + '</span>');
|
||||
|
||||
if(classIsChecked){
|
||||
$('#totalPanelBtn').show();
|
||||
$('#totalPanel').show();
|
||||
}
|
||||
else{
|
||||
$('#totalPanelBtn').hide();
|
||||
$('#totalPanel').hide();
|
||||
}
|
||||
});
|
||||
|
||||
$(".workers").each(function() {
|
||||
var worker = $(this).attr('id');
|
||||
worker_id = worker.split("_");
|
||||
setWorker(worker_id[1])
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
function recaptcha_callback(){
|
||||
|
||||
selectedDate = $('#booking_date').val();
|
||||
selectedTime = $('#booking_time').val();
|
||||
var response = 0;
|
||||
|
||||
$.ajax({
|
||||
url: '<?php echo base_url();?>ajax',
|
||||
type: 'POST',
|
||||
data: {
|
||||
action:'isTimeAvailable',
|
||||
worker_id:$('#worker_id').val(),
|
||||
servicelength:$('#servicelength').val(),
|
||||
selectedDate:selectedDate,
|
||||
selectedTime:selectedTime
|
||||
},
|
||||
error: function() {
|
||||
},
|
||||
//dataType: 'json',
|
||||
success: function(data) {
|
||||
},
|
||||
}).done(function(result){
|
||||
if(result == '1'){
|
||||
$('#sendBooking').prop("disabled", false);
|
||||
}
|
||||
else{
|
||||
alert('A választott időpont már foglalt, kérem válasszon másik időpontot!');
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
$(function(){
|
||||
|
||||
$("#datepicker").datepicker({
|
||||
firstDay: 1,
|
||||
defaultDate: new Date(),
|
||||
dateFormat: 'yy-mm-dd',
|
||||
onSelect: function(dateText) {
|
||||
$('#booking_date').val(this.value);
|
||||
getAvaliableTimesOfTheDay(this.value);
|
||||
//console.log("Selected date: " + dateText + "; input's current value: " + this.value);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
function getAvaliableTimesOfTheDay(selectedDate){
|
||||
$('.bookingResultsWrapper').show();
|
||||
$('#serviceBookingDate').html(selectedDate);
|
||||
$('#serviceBookingDate').show();
|
||||
//console.log(selectedDate);
|
||||
|
||||
$.ajax({
|
||||
url: '<?php echo base_url();?>ajax',
|
||||
type: 'POST',
|
||||
data: {
|
||||
action:'getAvailableTimes',
|
||||
worker_id:$('#worker_id').val(),
|
||||
servicelength:$('#servicelength').val(),
|
||||
selectedDate:selectedDate
|
||||
},
|
||||
error: function() {
|
||||
},
|
||||
//dataType: 'json',
|
||||
success: function(data) {
|
||||
},
|
||||
}).done(function(result){
|
||||
if(result != 0){
|
||||
$('.availableTimes').html(result);
|
||||
}
|
||||
else{
|
||||
$('.availableTimes').html('There is not available time on this day!');
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function setSelectedTime(time, id){
|
||||
$('#booking_time').val(time).trigger('change');
|
||||
$('#serviceBookingTime').html(time);
|
||||
$('#serviceBookingTime').show();
|
||||
|
||||
$('.availableBookingTime').each(function(i, obj) {
|
||||
$(this).removeClass('selectedTime');
|
||||
});
|
||||
|
||||
|
||||
//$('#bookingStep4').show();
|
||||
$('#bookingTime_'+id).addClass('selectedTime');
|
||||
}
|
||||
|
||||
function goToStep(stepNumber){
|
||||
|
||||
if(canGotoNextStep(stepNumber)){
|
||||
$('.stepCircle').each(function(i, obj) {
|
||||
$(this).removeClass('activeStep');
|
||||
});
|
||||
|
||||
//$('#stepCircle'+stepNumber).addClass('activeStep');
|
||||
|
||||
$('.BookingStepContainer').each(function(i, obj) {
|
||||
$(this).hide();
|
||||
});
|
||||
|
||||
$('#bookingStep'+stepNumber).show();
|
||||
|
||||
if(stepNumber == 4){
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
$('#stepCircle2').addClass('activeStep');
|
||||
$('#stepCircle3').addClass('activeStep');
|
||||
}
|
||||
else if(stepNumber == 3){
|
||||
if($("#datepicker").val() != ''){
|
||||
getAvaliableTimesOfTheDay($("#datepicker").val());
|
||||
}
|
||||
|
||||
$('.bookingSummaryContainer').show();
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
$('#stepCircle2').addClass('activeStep');
|
||||
$('#stepCircle3').addClass('activeStep');
|
||||
}
|
||||
else{
|
||||
if(stepNumber == 1){
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
}
|
||||
if(stepNumber == 2){
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
$('#stepCircle2').addClass('activeStep');
|
||||
}
|
||||
$('.bookingSummaryContainer').hide();
|
||||
$('.bookingResultsWrapper').hide();
|
||||
|
||||
}
|
||||
$('html').scrollTop(0);
|
||||
}
|
||||
else{
|
||||
alert('Please fill the required fields!');
|
||||
}
|
||||
}
|
||||
|
||||
function canGotoNextStep(stepNumber){
|
||||
|
||||
$RequiredFieldSelected = 0;
|
||||
if(stepNumber == 2){
|
||||
$('.service').each(function(i, obj) {
|
||||
if($(this).is(':checked')){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
});
|
||||
}
|
||||
else if(stepNumber == 1){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
else if(stepNumber == 4){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
else if(stepNumber == 3){
|
||||
$('.workers').each(function(i, obj) {
|
||||
if($(this).is(':checked')){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
else if(stepNumber == 4){
|
||||
if($('#booking_date').val() != '' && $('#booking_time').val() != ''){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
return $RequiredFieldSelected;
|
||||
}
|
||||
|
||||
function setWorker(worker_id){
|
||||
$('#worker_id').val(worker_id);
|
||||
|
||||
$.ajax({
|
||||
url: '<?php echo base_url();?>ajax',
|
||||
type: 'POST',
|
||||
data: {
|
||||
action:'getSelectedWorker',
|
||||
worker_id:worker_id
|
||||
},
|
||||
error: function() {
|
||||
},
|
||||
//dataType: 'json',
|
||||
success: function(data) {
|
||||
},
|
||||
}).done(function(result){
|
||||
$('.serviceBookingWorkerContainer').show();
|
||||
$('.serviceBookingWorkerContainer').html(result);
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit"
|
||||
async defer>
|
||||
</script>
|
||||
@@ -0,0 +1,426 @@
|
||||
<div class="bookingContainer">
|
||||
<div class="bookingTitle">Foglalási folyamat</div>
|
||||
<ul class="steps-indicator steps-3">
|
||||
<li>
|
||||
<div class="stepTitleContainer">
|
||||
<div class="stepLine"></div>
|
||||
<div class="stepCircle activeStep" id="stepCircle1"></div>
|
||||
<div class="stepTitle">LÉPÉS 1</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="stepTitleContainer">
|
||||
<div class="stepLine"></div>
|
||||
<div class="stepCircle" id="stepCircle2"></div>
|
||||
<div class="stepTitle">LÉPÉS 2</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="stepTitleContainer">
|
||||
<div class="stepCircle" id="stepCircle3"></div>
|
||||
<div class="stepTitle">LÉPÉS 3</div>
|
||||
</div>
|
||||
<li>
|
||||
</ul>
|
||||
<div class="totalPanelContainer">
|
||||
<div id="totalPanel">
|
||||
<div class="serviceBookingDateContainer">
|
||||
<div id="serviceBookingDate"></div>
|
||||
<div id="serviceBookingTime"></div>
|
||||
</div>
|
||||
<div class="serviceBookingWorkerContainer">
|
||||
</div>
|
||||
<div class="serviceContent">
|
||||
</div>
|
||||
<div class="totalSelectedTime"></div>
|
||||
<div class="totalPrice"></div>
|
||||
</div>
|
||||
<div id="totalPanelBtnContainer">
|
||||
<div id="totalPanelBtn"><i class="fas fa-caret-right"></i></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<form method="post" action="<?php echo SITEURL;?>booking-process">
|
||||
<div class="BookingStepContainer" id="bookingStep1">
|
||||
|
||||
<div class="totalTime"><input type="time" id="servicelength" name="servicelength" value="00:00"></div>
|
||||
|
||||
<div class="bookingTable">
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">Szolgáltatások</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="serviceTable">
|
||||
<div class="serviceHeader">
|
||||
<div class="serviceCol serviceNameCol">Szolgáltatás neve</div>
|
||||
<div class="serviceCol"></div>
|
||||
<div class="serviceCol servicePriceCol">Ára</div>
|
||||
<div class="serviceCol serviceInfoCol"></div>
|
||||
<div class="serviceCol serviceCheckCol"></div>
|
||||
</div>
|
||||
<?php
|
||||
$prevousCategory = '';
|
||||
|
||||
if(is_array($services)){
|
||||
foreach($services as $serviceItem){
|
||||
if($serviceItem->service_category != $prevousCategory){
|
||||
?>
|
||||
<div class="serviceRow">
|
||||
<div class="serviceCol" style="width: 100%">
|
||||
<h4><?php echo $serviceItem->service_category;?></h4>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
<div class="serviceRow">
|
||||
<div class="serviceCol serviceNameCol" id="serviceName_<?php echo $serviceItem->service_id;?>"><?php echo $serviceItem->service_name;?></div>
|
||||
<div class="serviceCol"><input type="time" class="serviceTime" id="time_<?php echo $serviceItem->service_id;?>" value="<?php echo $serviceItem->service_time;?>"/></div>
|
||||
<div class="serviceCol servicePriceCol" id="servicePrice_<?php echo $serviceItem->service_id;?>"><?php echo $serviceItem->service_price;?></div>
|
||||
<div class="serviceCol serviceInfoCol">
|
||||
<div class="serviceInfoIcon">
|
||||
<i class="fas fa-info-circle"></i><div class="serviceInfoLabel"><?php echo $serviceItem->service_description;?></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="serviceCol serviceCheckCol">
|
||||
<input type="hidden" name="service_<?php echo $serviceItem->service_id;?>" value="0"/>
|
||||
|
||||
<input type="checkbox" class="service" id="<?php echo $serviceItem->service_id;?>" name="service_<?php echo $serviceItem->service_id;?>" value="1"/>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
$prevousCategory = $serviceItem->service_category;
|
||||
}
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="rightButton bookingButton" onclick="goToStep(2);" value="Következő"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="BookingStepContainer" id="bookingStep2">
|
||||
<input type="hidden" name="worker_id" id="worker_id" value="">
|
||||
<input type="hidden" name="subpage" id="subpage" value="<?php echo $subpage;?>">
|
||||
<input type="hidden" name="lang" id="lang" value="<?php echo $selectedLang;?>">
|
||||
<div class="bookingHeader">Válassz dolgozót</div>
|
||||
<div class="workerTable">
|
||||
<?php
|
||||
if(is_array($workers)){
|
||||
foreach($workers as $workerItem){
|
||||
?>
|
||||
<label for="worker_<?php echo $workerItem->worker_id;?>">
|
||||
<div class="profileRow">
|
||||
<div class="profileCell profileRadioBtn"><input type="radio" class="workers" id="worker_<?php echo $workerItem->worker_id;?>" onclick="setWorker('<?php echo $workerItem->worker_id;?>')"></div>
|
||||
<div class="profileCell profileImage"><img src="<?php echo SITEURL.'assets/img/'.$workerItem->worker_profile_img;?>"></div>
|
||||
<div class="profileCell">
|
||||
<div class="profileName"><?php echo $workerItem->worker_name;?></div>
|
||||
<div class="profileDescription"><?php echo $workerItem->worker_info;?></div>
|
||||
</div>
|
||||
</div>
|
||||
</label>
|
||||
<?php
|
||||
}
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="leftButton bookingButton" onclick="goToStep(1);" value="Vissza"/>
|
||||
<input type="button" class="rightButton bookingButton" onclick="goToStep(3);" value="Következő"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="BookingStepContainer" id="bookingStep3">
|
||||
<div class="bookingCalendar">
|
||||
<div id="datepicker"></div>
|
||||
</div>
|
||||
<div class="bookingResultsWrapper">
|
||||
<div class="availableTimesContainerTitle"></div>
|
||||
<div class="availableTimesContainer" style="padding:5px;">
|
||||
<input type="hidden" name="booking_date" id="booking_date" value="<?php echo date('Y-m-d');?>">
|
||||
<input type="hidden" name="booking_start_time" id="booking_time" value="">
|
||||
|
||||
<div class="availableTimes">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="leftButton bookingButton" onclick="goToStep(2);" value="Vissza"/>
|
||||
<input type="button" class="rightButton bookingButton" id="isTimeSelectedBtn" onclick="goToStep(4);" value="Tovább" disabled/>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="BookingStepContainer" id="bookingStep4">
|
||||
|
||||
<div class="formRow">
|
||||
<label class="bookingEmailTitle">Név:</label>
|
||||
<input type="text" class="bookingName" name="guest_name" value="" required>
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label class="bookingEmailTitle">E-mail:</label>
|
||||
<input type="text" class="bookingEmail" name="guest_email" value="" required>
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label class="bookingPhoneTitle">Telefon:</label>
|
||||
<input type="text" class="bookingPhone" name="guest_phone" value="" required>
|
||||
</div>
|
||||
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="leftButton bookingButton" onclick="goToStep(3);" value="Vissza"/>
|
||||
<input type="hidden" name="subpage" value="<?php echo $subpage;?>">
|
||||
<div class="g-recaptcha" data-callback="recaptcha_callback" data-sitekey="6Ld_sS0pAAAAANQrY3ziDGPcsjMOdM9L9WIgAzxd"></div>
|
||||
<input type="submit" id="sendBooking" class="rightButton bookingSubmit" for="bookingStepForm" name="sendBooking" value="Elküld" disabled/>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
|
||||
$('#booking_time').change(function(){
|
||||
if($('#booking_time').val() != ''){
|
||||
$('#isTimeSelectedBtn').prop('disabled', false);
|
||||
}
|
||||
});
|
||||
|
||||
$('#totalPanelBtn').click(function(){
|
||||
if($('#totalPanel').is(':visible')){
|
||||
$('#totalPanelBtn').html('<i class="fas fa-caret-left"></i>');
|
||||
$('#totalPanel').hide();
|
||||
$('#totalPanelBtn').css('border-top-left-radius','5px');
|
||||
$('#totalPanelBtn').css('border-bottom-left-radius','5px');
|
||||
|
||||
}
|
||||
else{
|
||||
$('#totalPanelBtn').html('<i class="fas fa-caret-right"></i>');
|
||||
$('#totalPanel').show();
|
||||
$('#totalPanelBtn').css('border-top-left-radius','0px');
|
||||
$('#totalPanelBtn').css('border-bottom-left-radius','0px');
|
||||
}
|
||||
});
|
||||
|
||||
$('.service').click(function(){
|
||||
var totalPrice = 0;
|
||||
var selectedServices = '<div class="selectedServiceTable">';
|
||||
selectedServices += '<div class="totalServiceRow serviceHeader"><div class="selectedServiceCol totalSelectedServiceName">Service name</div><div class="selectedServiceCol totalSelectedServicePrice">Price</div><div class="selectedServiceCol serviceInfoCol"></div><div class="selectedServiceCol serviceCheckCol"></div></div>';
|
||||
|
||||
var classIsChecked = 0;
|
||||
$('#servicelength').val('00:00');
|
||||
$('.service').each(function(i, obj) {
|
||||
if($(this).is(':checked')){
|
||||
classIsChecked = 1;
|
||||
var selected_id = $(this).attr('id');
|
||||
selectedPriceElement = document.getElementById('servicePrice_'+selected_id).innerHTML;
|
||||
totalPrice = totalPrice + parseInt(selectedPriceElement);
|
||||
selectedNameElement = document.getElementById('serviceName_'+selected_id).innerHTML;
|
||||
selectedServices = selectedServices + '<div class="totalServiceRow"><div class="selectedServiceCol totalSelectedServiceName">'+selectedNameElement+'</div><div class="selectedServiceCol totalSelectedServicePrice">'+selectedPriceElement+' kr</div></div>';
|
||||
|
||||
var selectedTotalTime = $('#servicelength').val();
|
||||
const selectedServiceDatetime = new Date('<?php echo date('Y-m-d');?> ' + $('#time_'+selected_id).val());
|
||||
|
||||
var subTotalTimeHours = moment.utc(selectedTotalTime,'HH:mm').add(selectedServiceDatetime.getHours(),'hour').format('HH:mm');
|
||||
var subTotalTimeMinutes = moment.utc(subTotalTimeHours,'HH:mm').add(selectedServiceDatetime.getMinutes(),'minutes').format('HH:mm');
|
||||
//console.log(subTotalTimeMinutes);
|
||||
$('#servicelength').val(subTotalTimeMinutes);
|
||||
}
|
||||
});
|
||||
|
||||
selectedServices +='</div></div></div>';
|
||||
$('.serviceContent').html(selectedServices);
|
||||
$('.totalPrice').html('<span class="totalTitle">Total:</span> <span>' + totalPrice + '</span><span class="totalTitle"> kr</span>');
|
||||
$('.totalSelectedTime').html('<span class="totalTitle">Total time:</span> <span>' + $('#servicelength').val() + '</span>');
|
||||
|
||||
if(classIsChecked){
|
||||
$('#totalPanelBtn').show();
|
||||
$('#totalPanel').show();
|
||||
}
|
||||
else{
|
||||
$('#totalPanelBtn').hide();
|
||||
$('#totalPanel').hide();
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
function recaptcha_callback(){
|
||||
$('#sendBooking').prop("disabled", false);
|
||||
}
|
||||
|
||||
$(function(){
|
||||
|
||||
$("#datepicker").datepicker({
|
||||
firstDay: 1,
|
||||
defaultDate: new Date(),
|
||||
dateFormat: 'yy-mm-dd',
|
||||
onSelect: function(dateText) {
|
||||
$('#booking_date').val(this.value);
|
||||
getAvaliableTimesOfTheDay(this.value);
|
||||
//console.log("Selected date: " + dateText + "; input's current value: " + this.value);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
function getAvaliableTimesOfTheDay(selectedDate){
|
||||
$('.bookingResultsWrapper').show();
|
||||
$('#serviceBookingDate').html(selectedDate);
|
||||
$('#serviceBookingDate').show();
|
||||
//console.log(selectedDate);
|
||||
|
||||
$.ajax({
|
||||
url: '<?php echo base_url();?>ajax',
|
||||
type: 'POST',
|
||||
data: {
|
||||
action:'getAvailableTimes',
|
||||
worker_id:$('#worker_id').val(),
|
||||
servicelength:$('#servicelength').val(),
|
||||
selectedDate:selectedDate
|
||||
},
|
||||
error: function() {
|
||||
},
|
||||
//dataType: 'json',
|
||||
success: function(data) {
|
||||
},
|
||||
}).done(function(result){
|
||||
if(result != 0){
|
||||
$('.availableTimes').html(result);
|
||||
}
|
||||
else{
|
||||
$('.availableTimes').html('There is not available time on this day!');
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function setSelectedTime(time, id){
|
||||
$('#booking_time').val(time).trigger('change');
|
||||
$('#serviceBookingTime').html(time);
|
||||
$('#serviceBookingTime').show();
|
||||
|
||||
$('.availableBookingTime').each(function(i, obj) {
|
||||
$(this).removeClass('selectedTime');
|
||||
});
|
||||
|
||||
|
||||
//$('#bookingStep4').show();
|
||||
$('#bookingTime_'+id).addClass('selectedTime');
|
||||
}
|
||||
|
||||
function goToStep(stepNumber){
|
||||
|
||||
if(canGotoNextStep(stepNumber)){
|
||||
$('.stepCircle').each(function(i, obj) {
|
||||
$(this).removeClass('activeStep');
|
||||
});
|
||||
|
||||
//$('#stepCircle'+stepNumber).addClass('activeStep');
|
||||
|
||||
$('.BookingStepContainer').each(function(i, obj) {
|
||||
$(this).hide();
|
||||
});
|
||||
|
||||
$('#bookingStep'+stepNumber).show();
|
||||
|
||||
if(stepNumber == 4){
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
$('#stepCircle2').addClass('activeStep');
|
||||
$('#stepCircle3').addClass('activeStep');
|
||||
}
|
||||
else if(stepNumber == 3){
|
||||
if($("#datepicker").val() != ''){
|
||||
getAvaliableTimesOfTheDay($("#datepicker").val());
|
||||
}
|
||||
|
||||
$('.bookingSummaryContainer').show();
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
$('#stepCircle2').addClass('activeStep');
|
||||
$('#stepCircle3').addClass('activeStep');
|
||||
}
|
||||
else{
|
||||
if(stepNumber == 1){
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
}
|
||||
if(stepNumber == 2){
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
$('#stepCircle2').addClass('activeStep');
|
||||
}
|
||||
$('.bookingSummaryContainer').hide();
|
||||
$('.bookingResultsWrapper').hide();
|
||||
|
||||
}
|
||||
$('html').scrollTop(0);
|
||||
}
|
||||
else{
|
||||
alert('Please fill the required fields!');
|
||||
}
|
||||
}
|
||||
|
||||
function canGotoNextStep(stepNumber){
|
||||
|
||||
$RequiredFieldSelected = 0;
|
||||
if(stepNumber == 2){
|
||||
$('.service').each(function(i, obj) {
|
||||
if($(this).is(':checked')){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
});
|
||||
}
|
||||
else if(stepNumber == 1){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
else if(stepNumber == 4){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
else if(stepNumber == 3){
|
||||
$('.workers').each(function(i, obj) {
|
||||
if($(this).is(':checked')){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
else if(stepNumber == 4){
|
||||
if($('#booking_date').val() != '' && $('#booking_time').val() != ''){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
return $RequiredFieldSelected;
|
||||
}
|
||||
|
||||
function setWorker(worker_id){
|
||||
$('#worker_id').val(worker_id);
|
||||
|
||||
$.ajax({
|
||||
url: '<?php echo base_url();?>ajax',
|
||||
type: 'POST',
|
||||
data: {
|
||||
action:'getSelectedWorker',
|
||||
worker_id:worker_id
|
||||
},
|
||||
error: function() {
|
||||
},
|
||||
//dataType: 'json',
|
||||
success: function(data) {
|
||||
},
|
||||
}).done(function(result){
|
||||
$('.serviceBookingWorkerContainer').show();
|
||||
$('.serviceBookingWorkerContainer').html(result);
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit"
|
||||
async defer>
|
||||
</script>
|
||||
@@ -0,0 +1,467 @@
|
||||
<div class="bookingContainer">
|
||||
<div class="bookingTitle">Foglalási folyamat</div>
|
||||
<ul class="steps-indicator steps-3">
|
||||
<li>
|
||||
<div class="stepTitleContainer">
|
||||
<div class="stepLine"></div>
|
||||
<div class="stepCircle activeStep" id="stepCircle1"></div>
|
||||
<div class="stepTitle">LÉPÉS 1</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="stepTitleContainer">
|
||||
<div class="stepLine"></div>
|
||||
<div class="stepCircle" id="stepCircle2"></div>
|
||||
<div class="stepTitle">LÉPÉS 2</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="stepTitleContainer">
|
||||
<div class="stepCircle" id="stepCircle3"></div>
|
||||
<div class="stepTitle">LÉPÉS 3</div>
|
||||
</div>
|
||||
<li>
|
||||
</ul>
|
||||
<div class="totalPanelContainer">
|
||||
<div id="totalPanel">
|
||||
<div class="serviceBookingDateContainer">
|
||||
<div id="serviceBookingDate"></div>
|
||||
<div id="serviceBookingTime"></div>
|
||||
</div>
|
||||
<div class="serviceBookingWorkerContainer">
|
||||
</div>
|
||||
<div class="serviceContent">
|
||||
</div>
|
||||
<div class="totalSelectedTime"></div>
|
||||
<div class="totalPrice"></div>
|
||||
</div>
|
||||
<div id="totalPanelBtnContainer">
|
||||
<div id="totalPanelBtn"><i class="fas fa-caret-right"></i></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<form method="post" action="<?php echo SITEURL;?>booking-process">
|
||||
<div class="BookingStepContainer" id="bookingStep1">
|
||||
|
||||
<div class="totalTime"><input type="time" id="servicelength" name="servicelength" value="00:00"></div>
|
||||
|
||||
<div class="bookingTable">
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">Szolgáltatások</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="serviceTable">
|
||||
<div class="serviceHeader">
|
||||
<div class="serviceCol serviceNameCol">Szolgáltatás neve</div>
|
||||
<div class="serviceCol"></div>
|
||||
<div class="serviceCol servicePriceCol">Ára</div>
|
||||
<div class="serviceCol serviceInfoCol"></div>
|
||||
<div class="serviceCol serviceCheckCol"></div>
|
||||
</div>
|
||||
<?php
|
||||
$prevousCategory = '';
|
||||
|
||||
if(is_array($services)){
|
||||
foreach($services as $serviceItem){
|
||||
if($serviceItem->service_category != $prevousCategory){
|
||||
?>
|
||||
<div class="serviceRow">
|
||||
<div class="serviceCol" style="width: 100%">
|
||||
<h4><?php echo $serviceItem->service_category;?></h4>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
<div class="serviceRow">
|
||||
<div class="serviceCol serviceNameCol" id="serviceName_<?php echo $serviceItem->service_id;?>"><?php echo $serviceItem->service_name;?></div>
|
||||
<div class="serviceCol"><input type="time" class="serviceTime" id="time_<?php echo $serviceItem->service_id;?>" value="<?php echo $serviceItem->service_time;?>"/></div>
|
||||
<div class="serviceCol servicePriceCol" id="servicePrice_<?php echo $serviceItem->service_id;?>"><?php echo $serviceItem->service_price;?></div>
|
||||
<div class="serviceCol serviceInfoCol">
|
||||
<div class="serviceInfoIcon">
|
||||
<i class="fas fa-info-circle"></i><div class="serviceInfoLabel"><?php echo $serviceItem->service_description;?></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="serviceCol serviceCheckCol">
|
||||
<input type="hidden" name="service_<?php echo $serviceItem->service_id;?>" value="0"/>
|
||||
|
||||
<input type="checkbox" class="service" id="<?php echo $serviceItem->service_id;?>" name="service_<?php echo $serviceItem->service_id;?>" value="1"/>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
$prevousCategory = $serviceItem->service_category;
|
||||
}
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="rightButton bookingButton" onclick="goToStep(2);" value="Következő"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="BookingStepContainer" id="bookingStep2">
|
||||
<input type="hidden" name="worker_id" id="worker_id" value="">
|
||||
<input type="hidden" name="subpage" id="subpage" value="<?php echo $subpage;?>">
|
||||
<input type="hidden" name="lang" id="lang" value="<?php echo $selectedLang;?>">
|
||||
<div class="bookingHeader">Válassz dolgozót</div>
|
||||
<div class="workerTable">
|
||||
<?php
|
||||
$workerIndex = 0;
|
||||
if(is_array($workers)){
|
||||
foreach($workers as $workerItem){
|
||||
?>
|
||||
<label for="worker_<?php echo $workerItem->worker_id;?>">
|
||||
<div class="profileRow">
|
||||
<div class="profileCell profileRadioBtn"><input type="radio" class="workers" id="worker_<?php echo $workerItem->worker_id;?>" onclick="setWorker('<?php echo $workerItem->worker_id;?>')" <?php echo $workerIndex==0?'checked':'';?>></div>
|
||||
<div class="profileCell profileImage"><img src="<?php echo SITEURL.'assets/img/'.$workerItem->worker_profile_img;?>"></div>
|
||||
<div class="profileCell">
|
||||
<div class="profileName"><?php echo $workerItem->worker_name;?></div>
|
||||
<div class="profileDescription"><?php echo $workerItem->worker_info;?></div>
|
||||
</div>
|
||||
</div>
|
||||
</label>
|
||||
<?php
|
||||
$workerIndex++;
|
||||
}
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="leftButton bookingButton" onclick="goToStep(1);" value="Vissza"/>
|
||||
<input type="button" class="rightButton bookingButton" onclick="goToStep(3);" value="Következő"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="BookingStepContainer" id="bookingStep3">
|
||||
<div class="bookingCalendar">
|
||||
<div id="datepicker"></div>
|
||||
</div>
|
||||
<div class="bookingResultsWrapper">
|
||||
<div class="availableTimesContainerTitle"></div>
|
||||
<div class="availableTimesContainer" style="padding:5px;">
|
||||
<input type="hidden" name="booking_date" id="booking_date" value="<?php echo date('Y-m-d');?>">
|
||||
<input type="hidden" name="booking_start_time" id="booking_time" value="">
|
||||
|
||||
<div class="availableTimes">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="leftButton bookingButton" onclick="goToStep(2);" value="Vissza"/>
|
||||
<input type="button" class="rightButton bookingButton" id="isTimeSelectedBtn" onclick="goToStep(4);" value="Tovább" disabled/>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="BookingStepContainer" id="bookingStep4">
|
||||
|
||||
<div class="formRow">
|
||||
<label class="bookingEmailTitle">Név:</label>
|
||||
<input type="text" class="bookingName" name="guest_name" value="" required>
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label class="bookingEmailTitle">E-mail:</label>
|
||||
<input type="text" class="bookingEmail" name="guest_email" value="" required>
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label class="bookingPhoneTitle">Telefon:</label>
|
||||
<input type="text" class="bookingPhone" name="guest_phone" value="" required>
|
||||
</div>
|
||||
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="leftButton bookingButton" onclick="goToStep(3);" value="Vissza"/>
|
||||
<input type="hidden" name="subpage" value="<?php echo $subpage;?>">
|
||||
<div class="g-recaptcha" data-callback="recaptcha_callback" data-sitekey="6Ld_sS0pAAAAANQrY3ziDGPcsjMOdM9L9WIgAzxd"></div>
|
||||
<input type="submit" id="sendBooking" class="rightButton bookingSubmit" for="bookingStepForm" name="sendBooking" value="Elküld" disabled/>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
|
||||
$('#booking_time').change(function(){
|
||||
if($('#booking_time').val() != ''){
|
||||
$('#isTimeSelectedBtn').prop('disabled', false);
|
||||
}
|
||||
});
|
||||
|
||||
$('#totalPanelBtn').click(function(){
|
||||
if($('#totalPanel').is(':visible')){
|
||||
$('#totalPanelBtn').html('<i class="fas fa-caret-left"></i>');
|
||||
$('#totalPanel').hide();
|
||||
$('#totalPanelBtn').css('border-top-left-radius','5px');
|
||||
$('#totalPanelBtn').css('border-bottom-left-radius','5px');
|
||||
|
||||
}
|
||||
else{
|
||||
$('#totalPanelBtn').html('<i class="fas fa-caret-right"></i>');
|
||||
$('#totalPanel').show();
|
||||
$('#totalPanelBtn').css('border-top-left-radius','0px');
|
||||
$('#totalPanelBtn').css('border-bottom-left-radius','0px');
|
||||
}
|
||||
});
|
||||
|
||||
$('.service').click(function(){
|
||||
var totalPrice = 0;
|
||||
var selectedServices = '<div class="selectedServiceTable">';
|
||||
selectedServices += '<div class="totalServiceRow serviceHeader"><div class="selectedServiceCol totalSelectedServiceName">Service name</div><div class="selectedServiceCol totalSelectedServicePrice">Price</div><div class="selectedServiceCol serviceInfoCol"></div><div class="selectedServiceCol serviceCheckCol"></div></div>';
|
||||
|
||||
var classIsChecked = 0;
|
||||
$('#servicelength').val('00:00');
|
||||
$('.service').each(function(i, obj) {
|
||||
if($(this).is(':checked')){
|
||||
classIsChecked = 1;
|
||||
var selected_id = $(this).attr('id');
|
||||
selectedPriceElement = document.getElementById('servicePrice_'+selected_id).innerHTML;
|
||||
totalPrice = totalPrice + parseInt(selectedPriceElement);
|
||||
selectedNameElement = document.getElementById('serviceName_'+selected_id).innerHTML;
|
||||
selectedServices = selectedServices + '<div class="totalServiceRow"><div class="selectedServiceCol totalSelectedServiceName">'+selectedNameElement+'</div><div class="selectedServiceCol totalSelectedServicePrice">'+selectedPriceElement+' kr</div></div>';
|
||||
|
||||
var selectedTotalTime = $('#servicelength').val();
|
||||
const selectedServiceDatetime = new Date('<?php echo date('Y-m-d');?> ' + $('#time_'+selected_id).val());
|
||||
|
||||
var subTotalTimeHours = moment.utc(selectedTotalTime,'HH:mm').add(selectedServiceDatetime.getHours(),'hour').format('HH:mm');
|
||||
var subTotalTimeMinutes = moment.utc(subTotalTimeHours,'HH:mm').add(selectedServiceDatetime.getMinutes(),'minutes').format('HH:mm');
|
||||
//console.log(subTotalTimeMinutes);
|
||||
$('#servicelength').val(subTotalTimeMinutes);
|
||||
}
|
||||
});
|
||||
|
||||
selectedServices +='</div></div></div>';
|
||||
$('.serviceContent').html(selectedServices);
|
||||
$('.totalPrice').html('<span class="totalTitle">Total:</span> <span>' + totalPrice + '</span><span class="totalTitle"> kr</span>');
|
||||
$('.totalSelectedTime').html('<span class="totalTitle">Total time:</span> <span>' + $('#servicelength').val() + '</span>');
|
||||
|
||||
if(classIsChecked){
|
||||
$('#totalPanelBtn').show();
|
||||
$('#totalPanel').show();
|
||||
}
|
||||
else{
|
||||
$('#totalPanelBtn').hide();
|
||||
$('#totalPanel').hide();
|
||||
}
|
||||
});
|
||||
|
||||
$(".workers").each(function() {
|
||||
var worker = $(this).attr('id');
|
||||
worker_id = worker.split("_");
|
||||
setWorker(worker_id[1])
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
function recaptcha_callback(){
|
||||
if(checkDateAvailibility()){
|
||||
$('#sendBooking').prop("disabled", false);
|
||||
}
|
||||
else{
|
||||
alert('The selected date is reserved, please choose another date!');
|
||||
}
|
||||
}
|
||||
|
||||
function checkDateAvailibility(){
|
||||
selectedDate = $('#booking_date').val();
|
||||
selectedTime = $('#booking_time').val();
|
||||
$.ajax({
|
||||
url: '<?php echo base_url();?>ajax',
|
||||
type: 'POST',
|
||||
data: {
|
||||
action:'isTimeAvailable',
|
||||
worker_id:$('#worker_id').val(),
|
||||
servicelength:$('#servicelength').val(),
|
||||
selectedDate:selectedDate
|
||||
selectedTime:selectedTime
|
||||
},
|
||||
error: function() {
|
||||
},
|
||||
//dataType: 'json',
|
||||
success: function(data) {
|
||||
},
|
||||
}).done(function(result){
|
||||
if(result == '1'){
|
||||
return 1;
|
||||
}
|
||||
else{
|
||||
return 0;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$(function(){
|
||||
|
||||
$("#datepicker").datepicker({
|
||||
firstDay: 1,
|
||||
defaultDate: new Date(),
|
||||
dateFormat: 'yy-mm-dd',
|
||||
onSelect: function(dateText) {
|
||||
$('#booking_date').val(this.value);
|
||||
getAvaliableTimesOfTheDay(this.value);
|
||||
//console.log("Selected date: " + dateText + "; input's current value: " + this.value);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
function getAvaliableTimesOfTheDay(selectedDate){
|
||||
$('.bookingResultsWrapper').show();
|
||||
$('#serviceBookingDate').html(selectedDate);
|
||||
$('#serviceBookingDate').show();
|
||||
//console.log(selectedDate);
|
||||
|
||||
$.ajax({
|
||||
url: '<?php echo base_url();?>ajax',
|
||||
type: 'POST',
|
||||
data: {
|
||||
action:'getAvailableTimes',
|
||||
worker_id:$('#worker_id').val(),
|
||||
servicelength:$('#servicelength').val(),
|
||||
selectedDate:selectedDate
|
||||
},
|
||||
error: function() {
|
||||
},
|
||||
//dataType: 'json',
|
||||
success: function(data) {
|
||||
},
|
||||
}).done(function(result){
|
||||
if(result != 0){
|
||||
$('.availableTimes').html(result);
|
||||
}
|
||||
else{
|
||||
$('.availableTimes').html('There is not available time on this day!');
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function setSelectedTime(time, id){
|
||||
$('#booking_time').val(time).trigger('change');
|
||||
$('#serviceBookingTime').html(time);
|
||||
$('#serviceBookingTime').show();
|
||||
|
||||
$('.availableBookingTime').each(function(i, obj) {
|
||||
$(this).removeClass('selectedTime');
|
||||
});
|
||||
|
||||
|
||||
//$('#bookingStep4').show();
|
||||
$('#bookingTime_'+id).addClass('selectedTime');
|
||||
}
|
||||
|
||||
function goToStep(stepNumber){
|
||||
|
||||
if(canGotoNextStep(stepNumber)){
|
||||
$('.stepCircle').each(function(i, obj) {
|
||||
$(this).removeClass('activeStep');
|
||||
});
|
||||
|
||||
//$('#stepCircle'+stepNumber).addClass('activeStep');
|
||||
|
||||
$('.BookingStepContainer').each(function(i, obj) {
|
||||
$(this).hide();
|
||||
});
|
||||
|
||||
$('#bookingStep'+stepNumber).show();
|
||||
|
||||
if(stepNumber == 4){
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
$('#stepCircle2').addClass('activeStep');
|
||||
$('#stepCircle3').addClass('activeStep');
|
||||
}
|
||||
else if(stepNumber == 3){
|
||||
if($("#datepicker").val() != ''){
|
||||
getAvaliableTimesOfTheDay($("#datepicker").val());
|
||||
}
|
||||
|
||||
$('.bookingSummaryContainer').show();
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
$('#stepCircle2').addClass('activeStep');
|
||||
$('#stepCircle3').addClass('activeStep');
|
||||
}
|
||||
else{
|
||||
if(stepNumber == 1){
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
}
|
||||
if(stepNumber == 2){
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
$('#stepCircle2').addClass('activeStep');
|
||||
}
|
||||
$('.bookingSummaryContainer').hide();
|
||||
$('.bookingResultsWrapper').hide();
|
||||
|
||||
}
|
||||
$('html').scrollTop(0);
|
||||
}
|
||||
else{
|
||||
alert('Please fill the required fields!');
|
||||
}
|
||||
}
|
||||
|
||||
function canGotoNextStep(stepNumber){
|
||||
|
||||
$RequiredFieldSelected = 0;
|
||||
if(stepNumber == 2){
|
||||
$('.service').each(function(i, obj) {
|
||||
if($(this).is(':checked')){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
});
|
||||
}
|
||||
else if(stepNumber == 1){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
else if(stepNumber == 4){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
else if(stepNumber == 3){
|
||||
$('.workers').each(function(i, obj) {
|
||||
if($(this).is(':checked')){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
else if(stepNumber == 4){
|
||||
if($('#booking_date').val() != '' && $('#booking_time').val() != ''){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
return $RequiredFieldSelected;
|
||||
}
|
||||
|
||||
function setWorker(worker_id){
|
||||
$('#worker_id').val(worker_id);
|
||||
|
||||
$.ajax({
|
||||
url: '<?php echo base_url();?>ajax',
|
||||
type: 'POST',
|
||||
data: {
|
||||
action:'getSelectedWorker',
|
||||
worker_id:worker_id
|
||||
},
|
||||
error: function() {
|
||||
},
|
||||
//dataType: 'json',
|
||||
success: function(data) {
|
||||
},
|
||||
}).done(function(result){
|
||||
$('.serviceBookingWorkerContainer').show();
|
||||
$('.serviceBookingWorkerContainer').html(result);
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit"
|
||||
async defer>
|
||||
</script>
|
||||
@@ -0,0 +1,465 @@
|
||||
<div class="bookingContainer">
|
||||
<div class="bookingTitle">Bestillingsprosess</div>
|
||||
<ul class="steps-indicator steps-3">
|
||||
<li>
|
||||
<div class="stepTitleContainer">
|
||||
<div class="stepLine"></div>
|
||||
<div class="stepCircle activeStep" id="stepCircle1"></div>
|
||||
<div class="stepTitle">STEG 1</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="stepTitleContainer">
|
||||
<div class="stepLine"></div>
|
||||
<div class="stepCircle" id="stepCircle2"></div>
|
||||
<div class="stepTitle">STEG 2</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="stepTitleContainer">
|
||||
<div class="stepCircle" id="stepCircle3"></div>
|
||||
<div class="stepTitle">STEG 3</div>
|
||||
</div>
|
||||
<li>
|
||||
</ul>
|
||||
<div class="totalPanelContainer">
|
||||
<div id="totalPanel">
|
||||
<div class="serviceBookingDateContainer">
|
||||
<div id="serviceBookingDate"></div>
|
||||
<div id="serviceBookingTime"></div>
|
||||
</div>
|
||||
<div class="serviceBookingWorkerContainer">
|
||||
</div>
|
||||
<div class="serviceContent">
|
||||
</div>
|
||||
<div class="totalSelectedTime"></div>
|
||||
<div class="totalPrice"></div>
|
||||
</div>
|
||||
<div id="totalPanelBtnContainer">
|
||||
<div id="totalPanelBtn"><i class="fas fa-caret-right"></i></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<form method="post" action="<?php echo SITEURL;?>booking-process">
|
||||
<div class="BookingStepContainer" id="bookingStep1">
|
||||
|
||||
<div class="totalTime"><input type="time" id="servicelength" name="servicelength" value="00:00"></div>
|
||||
|
||||
<div class="bookingTable">
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">Services</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="serviceTable">
|
||||
<div class="serviceHeader">
|
||||
<div class="serviceCol serviceNameCol">Tjenestenavn</div>
|
||||
<div class="serviceCol"></div>
|
||||
<div class="serviceCol servicePriceCol">Pris</div>
|
||||
<div class="serviceCol serviceInfoCol"></div>
|
||||
<div class="serviceCol serviceCheckCol"></div>
|
||||
</div>
|
||||
<?php
|
||||
$prevousCategory = '';
|
||||
|
||||
if(is_array($services)){
|
||||
foreach($services as $serviceItem){
|
||||
if($serviceItem->service_category != $prevousCategory){
|
||||
?>
|
||||
<div class="serviceRow">
|
||||
<div class="serviceCol" style="width: 100%">
|
||||
<h4><?php echo $serviceItem->service_category;?></h4>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
<div class="serviceRow">
|
||||
<div class="serviceCol serviceNameCol" id="serviceName_<?php echo $serviceItem->service_id;?>"><?php echo $serviceItem->service_name;?></div>
|
||||
<div class="serviceCol"><input type="time" class="serviceTime" id="time_<?php echo $serviceItem->service_id;?>" value="<?php echo $serviceItem->service_time;?>"/></div>
|
||||
<div class="serviceCol servicePriceCol" id="servicePrice_<?php echo $serviceItem->service_id;?>"><?php echo $serviceItem->service_price;?></div>
|
||||
<div class="serviceCol serviceInfoCol">
|
||||
<div class="serviceInfoIcon">
|
||||
<i class="fas fa-info-circle"></i><div class="serviceInfoLabel"><?php echo $serviceItem->service_description;?></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="serviceCol serviceCheckCol">
|
||||
<input type="hidden" name="service_<?php echo $serviceItem->service_id;?>" value="0"/>
|
||||
|
||||
<input type="checkbox" class="service" id="<?php echo $serviceItem->service_id;?>" name="service_<?php echo $serviceItem->service_id;?>" value="1"/>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
$prevousCategory = $serviceItem->service_category;
|
||||
}
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="rightButton bookingButton" onclick="goToStep(2);" value="Neste"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="BookingStepContainer" id="bookingStep2">
|
||||
<input type="hidden" name="worker_id" id="worker_id" value="">
|
||||
<input type="hidden" name="subpage" id="subpage" value="<?php echo $subpage;?>">
|
||||
<input type="hidden" name="lang" id="lang" value="<?php echo $selectedLang;?>">
|
||||
<div class="bookingHeader">Velg en arbeider</div>
|
||||
<div class="workerTable">
|
||||
<?php
|
||||
$workerIndex = 0;
|
||||
if(is_array($workers)){
|
||||
foreach($workers as $workerItem){
|
||||
?>
|
||||
<label for="worker_<?php echo $workerItem->worker_id;?>">
|
||||
<div class="profileRow">
|
||||
<div class="profileCell profileRadioBtn"><input type="radio" class="workers" id="worker_<?php echo $workerItem->worker_id;?>" onclick="setWorker('<?php echo $workerItem->worker_id;?>')" <?php echo $workerIndex==0?'checked':'';?>></div>
|
||||
<div class="profileCell profileImage"><img src="<?php echo SITEURL.'assets/img/'.$workerItem->worker_profile_img;?>"></div>
|
||||
<div class="profileCell">
|
||||
<div class="profileName"><?php echo $workerItem->worker_name;?></div>
|
||||
<div class="profileDescription"><?php echo $workerItem->worker_info;?></div>
|
||||
</div>
|
||||
</div>
|
||||
</label>
|
||||
<?php
|
||||
$workerIndex++;
|
||||
}
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="leftButton bookingButton" onclick="goToStep(1);" value="Tilbake"/>
|
||||
<input type="button" class="rightButton bookingButton" onclick="goToStep(3);" value="Neste"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="BookingStepContainer" id="bookingStep3">
|
||||
<div class="bookingCalendar">
|
||||
<div id="datepicker"></div>
|
||||
</div>
|
||||
<div class="bookingResultsWrapper">
|
||||
<div class="availableTimesContainerTitle"></div>
|
||||
<div class="availableTimesContainer" style="padding:5px;">
|
||||
<input type="hidden" name="booking_date" id="booking_date" value="<?php echo date('Y-m-d');?>">
|
||||
<input type="hidden" name="booking_start_time" id="booking_time" value="">
|
||||
|
||||
<div class="availableTimes">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="leftButton bookingButton" onclick="goToStep(2);" value="Tilbake"/>
|
||||
<input type="button" class="rightButton bookingButton" id="isTimeSelectedBtn" onclick="goToStep(4);" value="Neste" disabled/>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="BookingStepContainer" id="bookingStep4">
|
||||
|
||||
<div class="formRow">
|
||||
<label class="bookingEmailTitle">Navn:</label>
|
||||
<input type="text" class="bookingName" name="guest_name" value="" required>
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label class="bookingEmailTitle">E-mail:</label>
|
||||
<input type="text" class="bookingEmail" name="guest_email" value="" required>
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label class="bookingPhoneTitle">Telefon:</label>
|
||||
<input type="text" class="bookingPhone" name="guest_phone" value="" required>
|
||||
</div>
|
||||
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="leftButton bookingButton" onclick="goToStep(3);" value="Tilbake"/>
|
||||
<input type="hidden" name="subpage" value="<?php echo $subpage;?>">
|
||||
<div class="g-recaptcha" data-callback="recaptcha_callback" data-sitekey="6Ld_sS0pAAAAANQrY3ziDGPcsjMOdM9L9WIgAzxd"></div>
|
||||
<input type="submit" id="sendBooking" class="rightButton bookingSubmit" for="bookingStepForm" name="sendBooking" value="Sende" disabled/>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
|
||||
$('#booking_time').change(function(){
|
||||
if($('#booking_time').val() != ''){
|
||||
$('#isTimeSelectedBtn').prop('disabled', false);
|
||||
}
|
||||
});
|
||||
|
||||
$('#totalPanelBtn').click(function(){
|
||||
if($('#totalPanel').is(':visible')){
|
||||
$('#totalPanelBtn').html('<i class="fas fa-caret-left"></i>');
|
||||
$('#totalPanel').hide();
|
||||
$('#totalPanelBtn').css('border-top-left-radius','5px');
|
||||
$('#totalPanelBtn').css('border-bottom-left-radius','5px');
|
||||
|
||||
}
|
||||
else{
|
||||
$('#totalPanelBtn').html('<i class="fas fa-caret-right"></i>');
|
||||
$('#totalPanel').show();
|
||||
$('#totalPanelBtn').css('border-top-left-radius','0px');
|
||||
$('#totalPanelBtn').css('border-bottom-left-radius','0px');
|
||||
}
|
||||
});
|
||||
|
||||
$('.service').click(function(){
|
||||
var totalPrice = 0;
|
||||
var selectedServices = '<div class="selectedServiceTable">';
|
||||
selectedServices += '<div class="totalServiceRow serviceHeader"><div class="selectedServiceCol totalSelectedServiceName">Service name</div><div class="selectedServiceCol totalSelectedServicePrice">Price</div><div class="selectedServiceCol serviceInfoCol"></div><div class="selectedServiceCol serviceCheckCol"></div></div>';
|
||||
|
||||
var classIsChecked = 0;
|
||||
$('#servicelength').val('00:00');
|
||||
$('.service').each(function(i, obj) {
|
||||
if($(this).is(':checked')){
|
||||
classIsChecked = 1;
|
||||
var selected_id = $(this).attr('id');
|
||||
selectedPriceElement = document.getElementById('servicePrice_'+selected_id).innerHTML;
|
||||
totalPrice = totalPrice + parseInt(selectedPriceElement);
|
||||
selectedNameElement = document.getElementById('serviceName_'+selected_id).innerHTML;
|
||||
selectedServices = selectedServices + '<div class="totalServiceRow"><div class="selectedServiceCol totalSelectedServiceName">'+selectedNameElement+'</div><div class="selectedServiceCol totalSelectedServicePrice">'+selectedPriceElement+' kr</div></div>';
|
||||
|
||||
var selectedTotalTime = $('#servicelength').val();
|
||||
const selectedServiceDatetime = new Date('<?php echo date('Y-m-d');?> ' + $('#time_'+selected_id).val());
|
||||
|
||||
var subTotalTimeHours = moment.utc(selectedTotalTime,'HH:mm').add(selectedServiceDatetime.getHours(),'hour').format('HH:mm');
|
||||
var subTotalTimeMinutes = moment.utc(subTotalTimeHours,'HH:mm').add(selectedServiceDatetime.getMinutes(),'minutes').format('HH:mm');
|
||||
//console.log(subTotalTimeMinutes);
|
||||
$('#servicelength').val(subTotalTimeMinutes);
|
||||
}
|
||||
});
|
||||
|
||||
selectedServices +='</div></div></div>';
|
||||
$('.serviceContent').html(selectedServices);
|
||||
$('.totalPrice').html('<span class="totalTitle">Total:</span> <span>' + totalPrice + '</span><span class="totalTitle"> kr</span>');
|
||||
$('.totalSelectedTime').html('<span class="totalTitle">Total time:</span> <span>' + $('#servicelength').val() + '</span>');
|
||||
|
||||
if(classIsChecked){
|
||||
$('#totalPanelBtn').show();
|
||||
$('#totalPanel').show();
|
||||
}
|
||||
else{
|
||||
$('#totalPanelBtn').hide();
|
||||
$('#totalPanel').hide();
|
||||
}
|
||||
});
|
||||
|
||||
$(".workers").each(function() {
|
||||
var worker = $(this).attr('id');
|
||||
worker_id = worker.split("_");
|
||||
setWorker(worker_id[1])
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
function recaptcha_callback(){
|
||||
|
||||
selectedDate = $('#booking_date').val();
|
||||
selectedTime = $('#booking_time').val();
|
||||
var response = 0;
|
||||
|
||||
$.ajax({
|
||||
url: '<?php echo base_url();?>ajax',
|
||||
type: 'POST',
|
||||
data: {
|
||||
action:'isTimeAvailable',
|
||||
worker_id:$('#worker_id').val(),
|
||||
servicelength:$('#servicelength').val(),
|
||||
selectedDate:selectedDate,
|
||||
selectedTime:selectedTime
|
||||
},
|
||||
error: function() {
|
||||
},
|
||||
//dataType: 'json',
|
||||
success: function(data) {
|
||||
},
|
||||
}).done(function(result){
|
||||
if(result == '1'){
|
||||
$('#sendBooking').prop("disabled", false);
|
||||
}
|
||||
else{
|
||||
alert('Den valgte tiden er allerede booket, velg et annet tidspunkt!');
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
$(function(){
|
||||
|
||||
$("#datepicker").datepicker({
|
||||
firstDay: 1,
|
||||
defaultDate: new Date(),
|
||||
dateFormat: 'yy-mm-dd',
|
||||
onSelect: function(dateText) {
|
||||
$('#booking_date').val(this.value);
|
||||
getAvaliableTimesOfTheDay(this.value);
|
||||
//console.log("Selected date: " + dateText + "; input's current value: " + this.value);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
function getAvaliableTimesOfTheDay(selectedDate){
|
||||
$('.bookingResultsWrapper').show();
|
||||
$('#serviceBookingDate').html(selectedDate);
|
||||
$('#serviceBookingDate').show();
|
||||
//console.log(selectedDate);
|
||||
|
||||
$.ajax({
|
||||
url: '<?php echo base_url();?>ajax',
|
||||
type: 'POST',
|
||||
data: {
|
||||
action:'getAvailableTimes',
|
||||
worker_id:$('#worker_id').val(),
|
||||
servicelength:$('#servicelength').val(),
|
||||
selectedDate:selectedDate
|
||||
},
|
||||
error: function() {
|
||||
},
|
||||
//dataType: 'json',
|
||||
success: function(data) {
|
||||
},
|
||||
}).done(function(result){
|
||||
if(result != 0){
|
||||
$('.availableTimes').html(result);
|
||||
}
|
||||
else{
|
||||
$('.availableTimes').html('There is not available time on this day!');
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function setSelectedTime(time, id){
|
||||
$('#booking_time').val(time).trigger('change');
|
||||
$('#serviceBookingTime').html(time);
|
||||
$('#serviceBookingTime').show();
|
||||
|
||||
$('.availableBookingTime').each(function(i, obj) {
|
||||
$(this).removeClass('selectedTime');
|
||||
});
|
||||
|
||||
|
||||
//$('#bookingStep4').show();
|
||||
$('#bookingTime_'+id).addClass('selectedTime');
|
||||
}
|
||||
|
||||
function goToStep(stepNumber){
|
||||
|
||||
if(canGotoNextStep(stepNumber)){
|
||||
$('.stepCircle').each(function(i, obj) {
|
||||
$(this).removeClass('activeStep');
|
||||
});
|
||||
|
||||
//$('#stepCircle'+stepNumber).addClass('activeStep');
|
||||
|
||||
$('.BookingStepContainer').each(function(i, obj) {
|
||||
$(this).hide();
|
||||
});
|
||||
|
||||
$('#bookingStep'+stepNumber).show();
|
||||
|
||||
if(stepNumber == 4){
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
$('#stepCircle2').addClass('activeStep');
|
||||
$('#stepCircle3').addClass('activeStep');
|
||||
}
|
||||
else if(stepNumber == 3){
|
||||
if($("#datepicker").val() != ''){
|
||||
getAvaliableTimesOfTheDay($("#datepicker").val());
|
||||
}
|
||||
|
||||
$('.bookingSummaryContainer').show();
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
$('#stepCircle2').addClass('activeStep');
|
||||
$('#stepCircle3').addClass('activeStep');
|
||||
}
|
||||
else{
|
||||
if(stepNumber == 1){
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
}
|
||||
if(stepNumber == 2){
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
$('#stepCircle2').addClass('activeStep');
|
||||
}
|
||||
$('.bookingSummaryContainer').hide();
|
||||
$('.bookingResultsWrapper').hide();
|
||||
|
||||
}
|
||||
$('html').scrollTop(0);
|
||||
}
|
||||
else{
|
||||
alert('Please fill the required fields!');
|
||||
}
|
||||
}
|
||||
|
||||
function canGotoNextStep(stepNumber){
|
||||
|
||||
$RequiredFieldSelected = 0;
|
||||
if(stepNumber == 2){
|
||||
$('.service').each(function(i, obj) {
|
||||
if($(this).is(':checked')){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
});
|
||||
}
|
||||
else if(stepNumber == 1){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
else if(stepNumber == 4){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
else if(stepNumber == 3){
|
||||
$('.workers').each(function(i, obj) {
|
||||
if($(this).is(':checked')){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
else if(stepNumber == 4){
|
||||
if($('#booking_date').val() != '' && $('#booking_time').val() != ''){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
return $RequiredFieldSelected;
|
||||
}
|
||||
|
||||
function setWorker(worker_id){
|
||||
$('#worker_id').val(worker_id);
|
||||
|
||||
$.ajax({
|
||||
url: '<?php echo base_url();?>ajax',
|
||||
type: 'POST',
|
||||
data: {
|
||||
action:'getSelectedWorker',
|
||||
worker_id:worker_id
|
||||
},
|
||||
error: function() {
|
||||
},
|
||||
//dataType: 'json',
|
||||
success: function(data) {
|
||||
},
|
||||
}).done(function(result){
|
||||
$('.serviceBookingWorkerContainer').show();
|
||||
$('.serviceBookingWorkerContainer').html(result);
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit"
|
||||
async defer>
|
||||
</script>
|
||||
@@ -0,0 +1,426 @@
|
||||
<div class="bookingContainer">
|
||||
<div class="bookingTitle">Bestillingsprosess</div>
|
||||
<ul class="steps-indicator steps-3">
|
||||
<li>
|
||||
<div class="stepTitleContainer">
|
||||
<div class="stepLine"></div>
|
||||
<div class="stepCircle activeStep" id="stepCircle1"></div>
|
||||
<div class="stepTitle">STEG 1</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="stepTitleContainer">
|
||||
<div class="stepLine"></div>
|
||||
<div class="stepCircle" id="stepCircle2"></div>
|
||||
<div class="stepTitle">STEG 2</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="stepTitleContainer">
|
||||
<div class="stepCircle" id="stepCircle3"></div>
|
||||
<div class="stepTitle">STEG 3</div>
|
||||
</div>
|
||||
<li>
|
||||
</ul>
|
||||
<div class="totalPanelContainer">
|
||||
<div id="totalPanel">
|
||||
<div class="serviceBookingDateContainer">
|
||||
<div id="serviceBookingDate"></div>
|
||||
<div id="serviceBookingTime"></div>
|
||||
</div>
|
||||
<div class="serviceBookingWorkerContainer">
|
||||
</div>
|
||||
<div class="serviceContent">
|
||||
</div>
|
||||
<div class="totalSelectedTime"></div>
|
||||
<div class="totalPrice"></div>
|
||||
</div>
|
||||
<div id="totalPanelBtnContainer">
|
||||
<div id="totalPanelBtn"><i class="fas fa-caret-right"></i></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<form method="post" action="<?php echo SITEURL;?>booking-process">
|
||||
<div class="BookingStepContainer" id="bookingStep1">
|
||||
|
||||
<div class="totalTime"><input type="time" id="servicelength" name="servicelength" value="00:00"></div>
|
||||
|
||||
<div class="bookingTable">
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">Services</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="serviceTable">
|
||||
<div class="serviceHeader">
|
||||
<div class="serviceCol serviceNameCol">Tjenestenavn</div>
|
||||
<div class="serviceCol"></div>
|
||||
<div class="serviceCol servicePriceCol">Pris</div>
|
||||
<div class="serviceCol serviceInfoCol"></div>
|
||||
<div class="serviceCol serviceCheckCol"></div>
|
||||
</div>
|
||||
<?php
|
||||
$prevousCategory = '';
|
||||
|
||||
if(is_array($services)){
|
||||
foreach($services as $serviceItem){
|
||||
if($serviceItem->service_category != $prevousCategory){
|
||||
?>
|
||||
<div class="serviceRow">
|
||||
<div class="serviceCol" style="width: 100%">
|
||||
<h4><?php echo $serviceItem->service_category;?></h4>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
<div class="serviceRow">
|
||||
<div class="serviceCol serviceNameCol" id="serviceName_<?php echo $serviceItem->service_id;?>"><?php echo $serviceItem->service_name;?></div>
|
||||
<div class="serviceCol"><input type="time" class="serviceTime" id="time_<?php echo $serviceItem->service_id;?>" value="<?php echo $serviceItem->service_time;?>"/></div>
|
||||
<div class="serviceCol servicePriceCol" id="servicePrice_<?php echo $serviceItem->service_id;?>"><?php echo $serviceItem->service_price;?></div>
|
||||
<div class="serviceCol serviceInfoCol">
|
||||
<div class="serviceInfoIcon">
|
||||
<i class="fas fa-info-circle"></i><div class="serviceInfoLabel"><?php echo $serviceItem->service_description;?></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="serviceCol serviceCheckCol">
|
||||
<input type="hidden" name="service_<?php echo $serviceItem->service_id;?>" value="0"/>
|
||||
|
||||
<input type="checkbox" class="service" id="<?php echo $serviceItem->service_id;?>" name="service_<?php echo $serviceItem->service_id;?>" value="1"/>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
$prevousCategory = $serviceItem->service_category;
|
||||
}
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="rightButton bookingButton" onclick="goToStep(2);" value="Neste"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="BookingStepContainer" id="bookingStep2">
|
||||
<input type="hidden" name="worker_id" id="worker_id" value="">
|
||||
<input type="hidden" name="subpage" id="subpage" value="<?php echo $subpage;?>">
|
||||
<input type="hidden" name="lang" id="lang" value="<?php echo $selectedLang;?>">
|
||||
<div class="bookingHeader">Velg en arbeider</div>
|
||||
<div class="workerTable">
|
||||
<?php
|
||||
if(is_array($workers)){
|
||||
foreach($workers as $workerItem){
|
||||
?>
|
||||
<label for="worker_<?php echo $workerItem->worker_id;?>">
|
||||
<div class="profileRow">
|
||||
<div class="profileCell profileRadioBtn"><input type="radio" class="workers" id="worker_<?php echo $workerItem->worker_id;?>" onclick="setWorker('<?php echo $workerItem->worker_id;?>')"></div>
|
||||
<div class="profileCell profileImage"><img src="<?php echo SITEURL.'assets/img/'.$workerItem->worker_profile_img;?>"></div>
|
||||
<div class="profileCell">
|
||||
<div class="profileName"><?php echo $workerItem->worker_name;?></div>
|
||||
<div class="profileDescription"><?php echo $workerItem->worker_info;?></div>
|
||||
</div>
|
||||
</div>
|
||||
</label>
|
||||
<?php
|
||||
}
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="leftButton bookingButton" onclick="goToStep(1);" value="Tilbake"/>
|
||||
<input type="button" class="rightButton bookingButton" onclick="goToStep(3);" value="Neste"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="BookingStepContainer" id="bookingStep3">
|
||||
<div class="bookingCalendar">
|
||||
<div id="datepicker"></div>
|
||||
</div>
|
||||
<div class="bookingResultsWrapper">
|
||||
<div class="availableTimesContainerTitle"></div>
|
||||
<div class="availableTimesContainer" style="padding:5px;">
|
||||
<input type="hidden" name="booking_date" id="booking_date" value="<?php echo date('Y-m-d');?>">
|
||||
<input type="hidden" name="booking_start_time" id="booking_time" value="">
|
||||
|
||||
<div class="availableTimes">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="leftButton bookingButton" onclick="goToStep(2);" value="Tilbake"/>
|
||||
<input type="button" class="rightButton bookingButton" id="isTimeSelectedBtn" onclick="goToStep(4);" value="Neste" disabled/>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="BookingStepContainer" id="bookingStep4">
|
||||
|
||||
<div class="formRow">
|
||||
<label class="bookingEmailTitle">Navn:</label>
|
||||
<input type="text" class="bookingName" name="guest_name" value="" required>
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label class="bookingEmailTitle">E-mail:</label>
|
||||
<input type="text" class="bookingEmail" name="guest_email" value="" required>
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label class="bookingPhoneTitle">Telefon:</label>
|
||||
<input type="text" class="bookingPhone" name="guest_phone" value="" required>
|
||||
</div>
|
||||
|
||||
<div class="bookingButtonContainer">
|
||||
<input type="button" class="leftButton bookingButton" onclick="goToStep(3);" value="Tilbake"/>
|
||||
<input type="hidden" name="subpage" value="<?php echo $subpage;?>">
|
||||
<div class="g-recaptcha" data-callback="recaptcha_callback" data-sitekey="6Ld_sS0pAAAAANQrY3ziDGPcsjMOdM9L9WIgAzxd"></div>
|
||||
<input type="submit" id="sendBooking" class="rightButton bookingSubmit" for="bookingStepForm" name="sendBooking" value="Sende" disabled/>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
|
||||
$('#booking_time').change(function(){
|
||||
if($('#booking_time').val() != ''){
|
||||
$('#isTimeSelectedBtn').prop('disabled', false);
|
||||
}
|
||||
});
|
||||
|
||||
$('#totalPanelBtn').click(function(){
|
||||
if($('#totalPanel').is(':visible')){
|
||||
$('#totalPanelBtn').html('<i class="fas fa-caret-left"></i>');
|
||||
$('#totalPanel').hide();
|
||||
$('#totalPanelBtn').css('border-top-left-radius','5px');
|
||||
$('#totalPanelBtn').css('border-bottom-left-radius','5px');
|
||||
|
||||
}
|
||||
else{
|
||||
$('#totalPanelBtn').html('<i class="fas fa-caret-right"></i>');
|
||||
$('#totalPanel').show();
|
||||
$('#totalPanelBtn').css('border-top-left-radius','0px');
|
||||
$('#totalPanelBtn').css('border-bottom-left-radius','0px');
|
||||
}
|
||||
});
|
||||
|
||||
$('.service').click(function(){
|
||||
var totalPrice = 0;
|
||||
var selectedServices = '<div class="selectedServiceTable">';
|
||||
selectedServices += '<div class="totalServiceRow serviceHeader"><div class="selectedServiceCol totalSelectedServiceName">Service name</div><div class="selectedServiceCol totalSelectedServicePrice">Price</div><div class="selectedServiceCol serviceInfoCol"></div><div class="selectedServiceCol serviceCheckCol"></div></div>';
|
||||
|
||||
var classIsChecked = 0;
|
||||
$('#servicelength').val('00:00');
|
||||
$('.service').each(function(i, obj) {
|
||||
if($(this).is(':checked')){
|
||||
classIsChecked = 1;
|
||||
var selected_id = $(this).attr('id');
|
||||
selectedPriceElement = document.getElementById('servicePrice_'+selected_id).innerHTML;
|
||||
totalPrice = totalPrice + parseInt(selectedPriceElement);
|
||||
selectedNameElement = document.getElementById('serviceName_'+selected_id).innerHTML;
|
||||
selectedServices = selectedServices + '<div class="totalServiceRow"><div class="selectedServiceCol totalSelectedServiceName">'+selectedNameElement+'</div><div class="selectedServiceCol totalSelectedServicePrice">'+selectedPriceElement+' kr</div></div>';
|
||||
|
||||
var selectedTotalTime = $('#servicelength').val();
|
||||
const selectedServiceDatetime = new Date('<?php echo date('Y-m-d');?> ' + $('#time_'+selected_id).val());
|
||||
|
||||
var subTotalTimeHours = moment.utc(selectedTotalTime,'HH:mm').add(selectedServiceDatetime.getHours(),'hour').format('HH:mm');
|
||||
var subTotalTimeMinutes = moment.utc(subTotalTimeHours,'HH:mm').add(selectedServiceDatetime.getMinutes(),'minutes').format('HH:mm');
|
||||
//console.log(subTotalTimeMinutes);
|
||||
$('#servicelength').val(subTotalTimeMinutes);
|
||||
}
|
||||
});
|
||||
|
||||
selectedServices +='</div></div></div>';
|
||||
$('.serviceContent').html(selectedServices);
|
||||
$('.totalPrice').html('<span class="totalTitle">Total:</span> <span>' + totalPrice + '</span><span class="totalTitle"> kr</span>');
|
||||
$('.totalSelectedTime').html('<span class="totalTitle">Total time:</span> <span>' + $('#servicelength').val() + '</span>');
|
||||
|
||||
if(classIsChecked){
|
||||
$('#totalPanelBtn').show();
|
||||
$('#totalPanel').show();
|
||||
}
|
||||
else{
|
||||
$('#totalPanelBtn').hide();
|
||||
$('#totalPanel').hide();
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
function recaptcha_callback(){
|
||||
$('#sendBooking').prop("disabled", false);
|
||||
}
|
||||
|
||||
$(function(){
|
||||
|
||||
$("#datepicker").datepicker({
|
||||
firstDay: 1,
|
||||
defaultDate: new Date(),
|
||||
dateFormat: 'yy-mm-dd',
|
||||
onSelect: function(dateText) {
|
||||
$('#booking_date').val(this.value);
|
||||
getAvaliableTimesOfTheDay(this.value);
|
||||
//console.log("Selected date: " + dateText + "; input's current value: " + this.value);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
function getAvaliableTimesOfTheDay(selectedDate){
|
||||
$('.bookingResultsWrapper').show();
|
||||
$('#serviceBookingDate').html(selectedDate);
|
||||
$('#serviceBookingDate').show();
|
||||
//console.log(selectedDate);
|
||||
|
||||
$.ajax({
|
||||
url: '<?php echo base_url();?>ajax',
|
||||
type: 'POST',
|
||||
data: {
|
||||
action:'getAvailableTimes',
|
||||
worker_id:$('#worker_id').val(),
|
||||
servicelength:$('#servicelength').val(),
|
||||
selectedDate:selectedDate
|
||||
},
|
||||
error: function() {
|
||||
},
|
||||
//dataType: 'json',
|
||||
success: function(data) {
|
||||
},
|
||||
}).done(function(result){
|
||||
if(result != 0){
|
||||
$('.availableTimes').html(result);
|
||||
}
|
||||
else{
|
||||
$('.availableTimes').html('There is not available time on this day!');
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function setSelectedTime(time, id){
|
||||
$('#booking_time').val(time).trigger('change');
|
||||
$('#serviceBookingTime').html(time);
|
||||
$('#serviceBookingTime').show();
|
||||
|
||||
$('.availableBookingTime').each(function(i, obj) {
|
||||
$(this).removeClass('selectedTime');
|
||||
});
|
||||
|
||||
|
||||
//$('#bookingStep4').show();
|
||||
$('#bookingTime_'+id).addClass('selectedTime');
|
||||
}
|
||||
|
||||
function goToStep(stepNumber){
|
||||
|
||||
if(canGotoNextStep(stepNumber)){
|
||||
$('.stepCircle').each(function(i, obj) {
|
||||
$(this).removeClass('activeStep');
|
||||
});
|
||||
|
||||
//$('#stepCircle'+stepNumber).addClass('activeStep');
|
||||
|
||||
$('.BookingStepContainer').each(function(i, obj) {
|
||||
$(this).hide();
|
||||
});
|
||||
|
||||
$('#bookingStep'+stepNumber).show();
|
||||
|
||||
if(stepNumber == 4){
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
$('#stepCircle2').addClass('activeStep');
|
||||
$('#stepCircle3').addClass('activeStep');
|
||||
}
|
||||
else if(stepNumber == 3){
|
||||
if($("#datepicker").val() != ''){
|
||||
getAvaliableTimesOfTheDay($("#datepicker").val());
|
||||
}
|
||||
|
||||
$('.bookingSummaryContainer').show();
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
$('#stepCircle2').addClass('activeStep');
|
||||
$('#stepCircle3').addClass('activeStep');
|
||||
}
|
||||
else{
|
||||
if(stepNumber == 1){
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
}
|
||||
if(stepNumber == 2){
|
||||
$('#stepCircle1').addClass('activeStep');
|
||||
$('#stepCircle2').addClass('activeStep');
|
||||
}
|
||||
$('.bookingSummaryContainer').hide();
|
||||
$('.bookingResultsWrapper').hide();
|
||||
|
||||
}
|
||||
$('html').scrollTop(0);
|
||||
}
|
||||
else{
|
||||
alert('Please fill the required fields!');
|
||||
}
|
||||
}
|
||||
|
||||
function canGotoNextStep(stepNumber){
|
||||
|
||||
$RequiredFieldSelected = 0;
|
||||
if(stepNumber == 2){
|
||||
$('.service').each(function(i, obj) {
|
||||
if($(this).is(':checked')){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
});
|
||||
}
|
||||
else if(stepNumber == 1){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
else if(stepNumber == 4){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
else if(stepNumber == 3){
|
||||
$('.workers').each(function(i, obj) {
|
||||
if($(this).is(':checked')){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
else if(stepNumber == 4){
|
||||
if($('#booking_date').val() != '' && $('#booking_time').val() != ''){
|
||||
$RequiredFieldSelected = 1;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
return $RequiredFieldSelected;
|
||||
}
|
||||
|
||||
function setWorker(worker_id){
|
||||
$('#worker_id').val(worker_id);
|
||||
|
||||
$.ajax({
|
||||
url: '<?php echo base_url();?>ajax',
|
||||
type: 'POST',
|
||||
data: {
|
||||
action:'getSelectedWorker',
|
||||
worker_id:worker_id
|
||||
},
|
||||
error: function() {
|
||||
},
|
||||
//dataType: 'json',
|
||||
success: function(data) {
|
||||
},
|
||||
}).done(function(result){
|
||||
$('.serviceBookingWorkerContainer').show();
|
||||
$('.serviceBookingWorkerContainer').html(result);
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit"
|
||||
async defer>
|
||||
</script>
|
||||
+30
@@ -0,0 +1,30 @@
|
||||
<section class="tiles">
|
||||
<article class="style2">
|
||||
<span class="image">
|
||||
<img src="<?php echo SITEURL;?>assets/img/pic03.jpg" alt="" />
|
||||
</span>
|
||||
<a href="<?php echo SITEURL;?>no/barber">
|
||||
<h2>BARBER</h2>
|
||||
<!--div class="content">
|
||||
<p>Sed nisl arcu euismod sit amet nisi lorem etiam dolor veroeros et feugiat.</p>
|
||||
</div-->
|
||||
</a>
|
||||
</article>
|
||||
<article class="style1">
|
||||
<span class="image">
|
||||
<img src="<?php echo SITEURL;?>assets/img/pic09.jpg" alt="" />
|
||||
</span>
|
||||
<a href="<?php echo SITEURL;?>no/beauty">
|
||||
<h2>BEAUTY</h2>
|
||||
<!--div class="content">
|
||||
<p>Sed nisl arcu euismod sit amet nisi lorem etiam dolor veroeros et feugiat.</p>
|
||||
</div-->
|
||||
</a>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
+7
@@ -0,0 +1,7 @@
|
||||
<?php
|
||||
|
||||
include(getcwd().'/application/views/includes/skeleton-top.php');
|
||||
echo '<div class="mainTitle">Felhasználó módosítása</div>';
|
||||
include(getcwd().'/application/views/includes/modify-user-form.php');
|
||||
include(getcwd().'/application/views/includes/skeleton-bottom.php');
|
||||
?>
|
||||
Executable
+6
@@ -0,0 +1,6 @@
|
||||
<?php
|
||||
include(getcwd().'/application/views/includes/skeleton-top.php');
|
||||
echo '<div class="mainTitle">'.$pageTitle.'</div>';
|
||||
include(getcwd().'/application/views/includes/profile-form.php');
|
||||
include(getcwd().'/application/views/includes/skeleton-bottom.php');
|
||||
?>
|
||||
@@ -0,0 +1,7 @@
|
||||
<?php
|
||||
|
||||
include(getcwd().'/application/views/includes/skeleton-top.php');
|
||||
echo '<div class="mainTitle">Felhasználók</div>';
|
||||
include(getcwd().'/application/views/includes/user-management-form.php');
|
||||
include(getcwd().'/application/views/includes/skeleton-bottom.php');
|
||||
?>
|
||||
+1
@@ -0,0 +1 @@
|
||||
gjgjhghjg
|
||||
Reference in New Issue
Block a user