965 lines
37 KiB
PHP
965 lines
37 KiB
PHP
<?php
|
|
|
|
$google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
|
|
|
|
$provinces = [
|
|
'dolnoslaskie' => [
|
|
'id' => 1,
|
|
'name' => 'Dolnośląskie',
|
|
],
|
|
'kujawsko-pomorskie' => [
|
|
'id' => 2,
|
|
'name' => 'Kujawsko-pomorskie',
|
|
],
|
|
'lubelskie' => [
|
|
'id' => 3,
|
|
'name' => 'Lubelskie',
|
|
],
|
|
'lubuskie' => [
|
|
'id' => 4,
|
|
'name' => 'Lubuskie',
|
|
],
|
|
'lodzkie' => [
|
|
'id' => 5,
|
|
'name' => 'Łódzkie',
|
|
],
|
|
'malopolskie' => [
|
|
'id' => 6,
|
|
'name' => 'Małopolskie',
|
|
],
|
|
'mazowieckie'=> [
|
|
'id' => 7,
|
|
'name' => 'Mazowieckie',
|
|
],
|
|
'opolskie'=> [
|
|
'id' => 8,
|
|
'name' => 'Opolskie',
|
|
],
|
|
'podkarpackie'=> [
|
|
'id' => 9,
|
|
'name' => 'Podkarpackie',
|
|
],
|
|
'podlaskie'=> [
|
|
'id' => 10,
|
|
'name' => 'Podlaskie',
|
|
],
|
|
'pomorskie'=> [
|
|
'id' => 11,
|
|
'name' => 'Pomorskie',
|
|
],
|
|
'slaskie'=> [
|
|
'id' => 12,
|
|
'name' => 'Śląskie',
|
|
],
|
|
'swietokrzyskie'=> [
|
|
'id' => 13,
|
|
'name' => 'Świętokrzyskie',
|
|
],
|
|
'warminsko-mazurskie'=> [
|
|
'id' => 14,
|
|
'name' => 'Warmińsko-mazurskie',
|
|
],
|
|
'wielkopolskie'=> [
|
|
'id' => 15,
|
|
'name' => 'Wielkopolskie',
|
|
],
|
|
'zachodniopomorskie'=> [
|
|
'id' => 16,
|
|
'name' => 'Zachodniopomorskie',
|
|
]
|
|
];
|
|
|
|
$company_showrooms = [
|
|
[
|
|
'provinces' => $provinces['podkarpackie'],
|
|
'city' => 'Rudna Mała',
|
|
'position' => [
|
|
'lat' => 50.1024449780408,
|
|
'lng' => 21.976135413360446
|
|
],
|
|
'data' => [
|
|
'text' => '<strong>Rudna Mała</strong><br/> Rudna Mała 75/k. Rzeszowa<br/> 36-054 Rudna Mała',
|
|
],
|
|
'data_popup' => [
|
|
'text' => '<strong>Rudna Mała</strong><br/> Rudna Mała 75/k. Rzeszowa<br/> 36-054 Rudna Mała',
|
|
'time' => '<strong>Godziny otwarcia:</strong><br/> Pn-Pt: 8-17<br/> Sob: 9-13',
|
|
'products' => '/upload/filemanager/icon/available-products-1.svg',
|
|
'contact' => '<a href="tel:+48 18 442 19 97">+48 18 442 19 97</a><br/>
|
|
<a href="tel:+48 502 458 992">+48 502 458 992</a><br/>
|
|
<a href="mailto:oknobud.sacz@gmail.com">oknobud.sacz@gmail.com</a>',
|
|
]
|
|
],
|
|
|
|
[
|
|
'provinces' => $provinces['malopolskie'],
|
|
'city' => 'Kraków',
|
|
'position' => [
|
|
'lat' => 50.0906240891062,
|
|
'lng' => 19.916388298016695
|
|
],
|
|
'data' => [
|
|
'text' => '<strong>SALON KRAKÓW</strong><br/> ul. Opolska 12 A Kraków'
|
|
],
|
|
'data_popup' => [
|
|
'text' => '<strong>SALON KRAKÓW</strong><br/> ul. Opolska 12 A Kraków',
|
|
'time' => '<strong>Godziny otwarcia:</strong><br/> Pn-Pt: 8-17<br/> Sob.: Nieczynne<br/> Nd.: Nieczynne',
|
|
'products' => '/upload/filemanager/icon/available-products-1.svg',
|
|
'contact' => '<a href="tel:+48784919155">+48 784 919 155</a><br/>
|
|
<a href="mailto:krakow@vidok.com">krakow@vidok.com</a>',
|
|
]
|
|
],
|
|
];
|
|
|
|
$partner_showrooms = [
|
|
[
|
|
'provinces' => $provinces['podkarpackie'],
|
|
'city' => 'Rudna Mała',
|
|
'position' => [
|
|
'lat' => 50.1024449780408,
|
|
'lng' => 21.976135413360446
|
|
],
|
|
'data' => [
|
|
'text' => '<strong>Rudna Mała</strong><br/> Rudna Mała 75/k. Rzeszowa<br/> 36-054 Rudna Mała',
|
|
],
|
|
'data_popup' => [
|
|
'text' => '<strong>Rudna Mała</strong><br/> Rudna Mała 75/k. Rzeszowa<br/> 36-054 Rudna Mała',
|
|
'time' => '<strong>Godziny otwarcia:</strong><br/> Pn-Pt: 8-17<br/> Sob: 9-13',
|
|
'products' => '/upload/filemanager/icon/available-products-1.svg',
|
|
'contact' => '<a href="tel:+48 18 442 19 97">+48 18 442 19 97</a><br/>
|
|
<a href="tel:+48 502 458 992">+48 502 458 992</a><br/>
|
|
<a href="mailto:oknobud.sacz@gmail.com">oknobud.sacz@gmail.com</a>',
|
|
]
|
|
],
|
|
];
|
|
?>
|
|
|
|
<div class="main-page">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="breadcrumbs">
|
|
<a href="/">Strona główna</a>
|
|
<span class="sep"><img src="/images/breadcrumbs-sep.svg"></span>
|
|
<span class="last">Kontakt</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<section class="box-1">
|
|
<div class="container">
|
|
<div class="box-1--wrapper">
|
|
<div class="c-row">
|
|
<div class="c-col c-col-1">
|
|
<div class="box-title">
|
|
<h1>Kontakt</h1>
|
|
</div>
|
|
<div class="box-text">
|
|
<p>
|
|
SPRAWDź JAK ŁATWO<br/>
|
|
SIĘ Z NAMI SKONTAKTOWAĆ
|
|
</p>
|
|
</div>
|
|
<div class="box-nav">
|
|
<ol>
|
|
<li>
|
|
<a href="#formularz">
|
|
<span>WYPEŁNIJ FORMULARZ</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#salony">
|
|
<span>ZNAJDZ NAJBLIŻSZY SALON</span>
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
<div class="c-col c-col-2">
|
|
<div class="box-img">
|
|
<img src="/upload/filemanager/Pages/kontakt-6/img-1.jpg" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="box-2" id="formularz">
|
|
<div class="container">
|
|
<div class="box-2--wrapper">
|
|
<form method="POST" action="" enctype="multipart/form-data" id="contact-form-new">
|
|
<input type="hidden" name="action" value="send-contact-form-new-2">
|
|
<input type="hidden" name="token" value="<?= \S::get_session('contact-form-token'); ?>">
|
|
<input type="hidden" name="website" value="">
|
|
<div class="c-row">
|
|
<div class="c-col c-col-1">
|
|
<div class="box-text">
|
|
<p>Wypełnij formularz, a nasz specjalista:</p>
|
|
|
|
<ul>
|
|
<li>odpowie na Twoje pytania,</li>
|
|
<li>doradzi najlepsze rozwiązania,</li>
|
|
<li>przedstawi szczegóły oferty dopasowane do Twoich potrzeb.</li>
|
|
</ul>
|
|
|
|
<p>Wybierz, kim jesteś:</p>
|
|
</div>
|
|
<div class="box-nav">
|
|
<div class="_radios">
|
|
<div class="_radio">
|
|
<input type="radio" id="client-individual" name="client" value="Klient indywidualny" required checked>
|
|
<label for="client-individual">Klient indywidualny</label>
|
|
</div>
|
|
<div class="_radio">
|
|
<input type="radio" id="client-cooperation" name="client" value="Współpraca inwestycyjna - deweloperzy" required>
|
|
<label for="client-cooperation">Współpraca inwestycyjna - deweloperzy</label>
|
|
</div>
|
|
<div class="_radio">
|
|
<a href="/strefa-partnera">Współpraca B2B - salony sprzedaży</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="c-col c-col-2">
|
|
<div class="_2_columns">
|
|
<input type="text" name="name" placeholder="Imię" required>
|
|
<input type="text" name="surname" placeholder="Nazwisko" required>
|
|
</div>
|
|
<div class="_2_columns">
|
|
<input type="text" name="phone" placeholder="Telefon" required>
|
|
<input type="email" name="email" placeholder="Adres e-mail" required>
|
|
</div>
|
|
<div class="_2_columns">
|
|
<div class="voivodeship__wrapper">
|
|
<select name="voivodeship" required>
|
|
<option value="" disabled selected>Województwa</option>
|
|
<option value="dolnoslaskie">dolnośląskie</option>
|
|
<option value="kujawsko-pomorskie">kujawsko-pomorskie</option>
|
|
<option value="lubelskie">lubelskie</option>
|
|
<option value="lubuskie">lubuskie</option>
|
|
<option value="lodzkie">łódzkie</option>
|
|
<option value="malopolskie">małopolskie</option>
|
|
<option value="mazowieckie">mazowieckie</option>
|
|
<option value="opolskie">opolskie</option>
|
|
<option value="podkarpackie">podkarpackie</option>
|
|
<option value="podlaskie">podlaskie</option>
|
|
<option value="pomorskie">pomorskie</option>
|
|
<option value="slaskie">śląskie</option>
|
|
<option value="swietokrzyskie">świętokrzyskie</option>
|
|
<option value="warminsko-mazurskie">warmińsko-mazurskie</option>
|
|
<option value="wielkopolskie">wielkopolskie</option>
|
|
<option value="zachodniopomorskie">zachodniopomorskie</option>
|
|
</select>
|
|
</div>
|
|
<input type="text" name="postal_code" placeholder="Kod pocztowy" required>
|
|
</div>
|
|
<div class="_1_column">
|
|
<textarea name="message" placeholder="Opis zgłoszenia. Jeżeli masz jakieś uwagi, wytyczne możesz wpisać je tutaj."></textarea>
|
|
</div>
|
|
<div class="_text">
|
|
<p>Chcesz przesłać nam wizualizacje, projekt lub inne materiały?<br /> Skorzystaj z pola poniżej i dodaj plik do wiadomości.</p>
|
|
</div>
|
|
<div class="_file fileuploader fileuploader-theme-default">
|
|
<input type="hidden" name="fileuploader-list-files" value="[]">
|
|
<input type="file" name="files[]" class="files" multiple="multiple">
|
|
<div class="fileuploader-items">
|
|
<ul class="fileuploader-items-list"></ul>
|
|
</div>
|
|
</div>
|
|
<div class="_1_column">
|
|
<div class="_checkbox">
|
|
<input type="checkbox" name="zgoda_1" id="zgoda_1">
|
|
<label for="zgoda_1">Wyrażam zgodę na przetwarzanie moich danych osobowych podanych przeze mnie powyżej w celu przygotowania stosownej oferty.</label>
|
|
</div>
|
|
</div>
|
|
<div class="_1_column">
|
|
<div class="_checkbox">
|
|
<input type="checkbox" name="zgoda_2" id="zgoda_2">
|
|
<label for="zgoda_2">Wyrażam zgodę na przetwarzanie moich danych osobowych podanych przeze mnie powyżej w celu otrzymywania materiałów reklamowych.</label>
|
|
</div>
|
|
</div>
|
|
<div class="_1_column form_actions">
|
|
<div class="g-recaptcha" data-sitekey="6LfaovglAAAAAAieLVC7i4xGkQA5ufXUbWLipSbp"></div>
|
|
<button type="submit">Wyślij<img src="/images/contact-icon-check.svg"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="box-3" id="salony">
|
|
<div class="container">
|
|
<div class="box-3--wrapper">
|
|
<div class="c-row">
|
|
<div class="c-col">
|
|
<div class="box-title">
|
|
<h2>Sprawdź gdzie jeszcze możesz kupić <strong>Nasze Produkty</strong></h2>
|
|
</div>
|
|
<div class="box-text">
|
|
<p>Wybierz region, aby otrzymać informacje dopasowane do Twojej lokalizacji.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="box-4">
|
|
<div class="container">
|
|
<div class="box-4--wrapper">
|
|
<div class="c-row">
|
|
<div id="box-showrooms">
|
|
<?php
|
|
$navProvinces = [];
|
|
|
|
if (!empty($company_showrooms) && is_array($company_showrooms)) {
|
|
foreach ($company_showrooms as $showroom) {
|
|
if (
|
|
!empty($showroom['provinces']['name'])
|
|
) {
|
|
$provinceName = $showroom['provinces']['name'];
|
|
$navProvinces[$provinceName] = $provinceName;
|
|
}
|
|
}
|
|
}
|
|
?>
|
|
|
|
<nav id="showrooms-nav">
|
|
<ul>
|
|
<?php foreach ($navProvinces as $provinceName) : ?>
|
|
<li>
|
|
<input
|
|
type="button"
|
|
class="js-showrooms-nav-btn"
|
|
value="<?= $provinceName; ?>"
|
|
data-province="<?= $provinceName; ?>"
|
|
>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
</nav>
|
|
<div id="showrooms-lists">
|
|
<div class="showrooms-list showrooms-list-1">
|
|
<div class="showrooms-list-title">
|
|
<h3>SALONY FIRMOWE</h3>
|
|
</div>
|
|
<div class="showrooms-list-cards">
|
|
<ol>
|
|
<?php foreach ($company_showrooms as $key => $value) : ?>
|
|
<li
|
|
class="showroom-card"
|
|
data-province='<?= $value['provinces']['name']; ?>'
|
|
data-type="company"
|
|
data-index="<?= $key; ?>"
|
|
>
|
|
<div class="showroom-card-text">
|
|
<p><?= $value['data']['text']; ?></p>
|
|
</div>
|
|
<div class="showroom-card-action">
|
|
<input type="button" value="więcej o salonie">
|
|
</div>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="showrooms-list showrooms-list-2">
|
|
<div class="showrooms-list-title">
|
|
<h3>SALONY PARTNERSKIE</h3>
|
|
</div>
|
|
<div class="showrooms-list-cards">
|
|
<ol>
|
|
<?php foreach ($partner_showrooms as $key => $value) : ?>
|
|
<li
|
|
class="showroom-card"
|
|
data-province='<?= $value['provinces']['name']; ?>'
|
|
data-type="partner"
|
|
data-index="<?= $key; ?>"
|
|
>
|
|
<div class="showroom-card-text">
|
|
<p><?= $value['data']['text']; ?></p>
|
|
</div>
|
|
<div class="showroom-card-action">
|
|
<input type="button" value="więcej o salonie">
|
|
</div>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="showroom-popup" class="showroom-card--popup">
|
|
<div class="showroom-card--popup-wrapper">
|
|
<div class="popup--head">
|
|
<p class="text"></p>
|
|
<p>VIDOK Okna i Drzwi</p>
|
|
</div>
|
|
<div class="popup--body">
|
|
<div class="popup--body-info">
|
|
<div class="info-name">
|
|
<p>
|
|
</p>
|
|
</div>
|
|
<div class="info-time">
|
|
<p>
|
|
</p>
|
|
</div>
|
|
<div class="info-products">
|
|
<p>Dostępne produkty</p>
|
|
<img src="" alt="">
|
|
</div>
|
|
<div class="info-contact">
|
|
<p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="popup--body-map">
|
|
<div id="popup-map" class="popup-map"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="box-5">
|
|
<div class="container">
|
|
<div class="box-5--wrapper">
|
|
<div class="c-row">
|
|
<div class="box-title">
|
|
<h2>Sprawdź, gdzie kupisz produkty <strong>VIDOK</strong></h2>
|
|
</div>
|
|
<div class="box-form">
|
|
<form action="">
|
|
<div class="form-search">
|
|
<div class="row-input">
|
|
<label for="place">
|
|
<img src="/upload/filemanager/icon/search-black.svg" alt="">
|
|
</label>
|
|
<input type="text" name="place" id="place" placeholder="wpisz miejscowość">
|
|
</div>
|
|
<button type="submit">Znajdź salon</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="box-6">
|
|
<div class="container">
|
|
<div class="box-6--wrapper">
|
|
<div class="c-row c-row-1">
|
|
<div class="c-col c-col-1">
|
|
<div class="text-1">
|
|
<p>Siedziba firmy</p>
|
|
</div>
|
|
<div class="text-2">
|
|
<h2>VIDOK Sp. z o. o.</h2>
|
|
<p>36-054 Rudna Mała 75</p>
|
|
</div>
|
|
<div class="text-3">
|
|
<p>KRS Nr. 0000191980</p>
|
|
<p>REGON: 690379060</p>
|
|
<p>NIP: 8131086710</p>
|
|
</div>
|
|
<div class="text-4">
|
|
<p>ING BANK ŚLĄSKI S.A.</p>
|
|
<p>SWIFT INGBPLPW</p>
|
|
<br>
|
|
<p>PLN: PL 31 1050 1562 1000 0090 3034 4197</p>
|
|
<p>EUR: PL 84 1050 1562 1000 0090 3034 4213</p>
|
|
</div>
|
|
</div>
|
|
<div class="c-col c-col-2">
|
|
<div class="box-map">
|
|
<div id="big-map" style="width: 100%;"></div>
|
|
</div>
|
|
<div class="box-info">
|
|
<div class="box-info-left">
|
|
<ul>
|
|
<li>
|
|
<span class="icons"></span>
|
|
poniedziałek - piątek 7:00 - 15:00
|
|
</li>
|
|
<li>
|
|
<a href="tel:+48178595660">
|
|
<span class="icons">
|
|
<img src="/upload/filemanager/icon/iphone.svg" alt="">
|
|
</span>
|
|
+48 17 859 56 60
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="mailto:sekretariat@vidok.com">
|
|
<span class="icons">
|
|
<img src="/upload/filemanager/icon/envelope.svg" alt="">
|
|
</span>
|
|
sekretariat@vidok.com
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="box-info-right">
|
|
<p>
|
|
<strong>Skontaktuj się bezpośrednio</strong><br/> z wybranym działem
|
|
</p>
|
|
<span>
|
|
<img src="/upload/filemanager/icon/btn-arrow.svg" alt="">
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="c-row c-row-2">
|
|
<div class="c-col">
|
|
<div class="tiles">
|
|
<div class="tile tile-1">
|
|
<h3>LOGISTYKA</h3>
|
|
<div class="tile-text">
|
|
<a href="tel:+48178676402">+48 17 867 64 02</a>
|
|
<br />
|
|
<a href="mailto:logistyka@vidok.com">logistyka@vidok.com</a>
|
|
</div>
|
|
</div>
|
|
<div class="tile tile-2">
|
|
<h3>KSIĘGOWOŚĆ</h3>
|
|
<div class="tile-text">
|
|
<a href="tel:+48178595676">+48 17 859 56 76</a>
|
|
<br />
|
|
<a href="mailto:ksiegowosc@vidok.com">ksiegowosc@vidok.com</a>
|
|
</div>
|
|
</div>
|
|
<div class="tile tile-3">
|
|
<h3>MARKETING</h3>
|
|
<div class="tile-text">
|
|
<a href="tel:+48178595667">+48 17 859 56 67</a>
|
|
<br />
|
|
<a href="mailto:marketing@vidok.com">marketing@vidok.com</a>
|
|
</div>
|
|
</div>
|
|
<div class="tile tile-4">
|
|
<h3>SERWIS</h3>
|
|
<div class="tile-text">
|
|
<a href="tel:+48178595682">+48 17 859 56 82</a>
|
|
<br />
|
|
<a href="mailto:serwis@vidok.com">serwis@vidok.com</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<link class="footer" href="/plugins/fileuploader/jquery.fileuploader.min.css" rel="stylesheet" type="text/css">
|
|
<link class="footer" href="/plugins/fileuploader/font/font-fileuploader.css" rel="stylesheet" type="text/css">
|
|
<script src="https://maps.googleapis.com/maps/api/js?key=<?php echo $google_map_api; ?>&callback=initMap" defer></script>
|
|
<script class="footer" type="text/javascript" src="/plugins/fileuploader/jquery.fileuploader.min.js"></script>
|
|
|
|
<script class="footer" type="text/javascript">
|
|
const companyShowrooms = <?= json_encode($company_showrooms, JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_AMP | JSON_HEX_QUOT); ?>;
|
|
const partnerShowrooms = <?= json_encode($partner_showrooms, JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_AMP | JSON_HEX_QUOT); ?>;
|
|
let popupMap;
|
|
|
|
function initMap() {
|
|
const mapOptions = {
|
|
center: {
|
|
lat: 51.9194,
|
|
lng: 19.1451
|
|
},
|
|
zoom: 6,
|
|
styles: [
|
|
{
|
|
"featureType": "all",
|
|
"elementType": "all",
|
|
"stylers": [{
|
|
"saturation": "-100"
|
|
}]
|
|
},
|
|
{
|
|
"featureType": "administrative",
|
|
"elementType": "all",
|
|
"stylers": [{
|
|
"saturation": "-100"
|
|
}]
|
|
},
|
|
{
|
|
"featureType": "landscape",
|
|
"elementType": "all",
|
|
"stylers": [{
|
|
"saturation": "-100"
|
|
}]
|
|
},
|
|
{
|
|
"featureType": "landscape.man_made",
|
|
"elementType": "all",
|
|
"stylers": [{
|
|
"visibility": "on"
|
|
},
|
|
{
|
|
"saturation": "-100"
|
|
},
|
|
{
|
|
"gamma": "1"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "poi",
|
|
"elementType": "all",
|
|
"stylers": [{
|
|
"saturation": "-100"
|
|
},
|
|
{
|
|
"visibility": "simplified"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "poi",
|
|
"elementType": "geometry.fill",
|
|
"stylers": [{
|
|
"saturation": "-100"
|
|
}]
|
|
},
|
|
{
|
|
"featureType": "poi",
|
|
"elementType": "labels",
|
|
"stylers": [{
|
|
"visibility": "simplified"
|
|
}]
|
|
},
|
|
{
|
|
"featureType": "poi",
|
|
"elementType": "labels.text.fill",
|
|
"stylers": [{
|
|
"saturation": "-100"
|
|
},
|
|
{
|
|
"weight": "6.61"
|
|
},
|
|
{
|
|
"lightness": "0"
|
|
},
|
|
{
|
|
"gamma": "1.5"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "poi",
|
|
"elementType": "labels.icon",
|
|
"stylers": [{
|
|
"saturation": "-100"
|
|
},
|
|
{
|
|
"gamma": "1.5"
|
|
},
|
|
{
|
|
"weight": "0.01"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "road",
|
|
"elementType": "labels.icon",
|
|
"stylers": [{
|
|
"saturation": "-100"
|
|
}]
|
|
},
|
|
{
|
|
"featureType": "road.highway",
|
|
"elementType": "all",
|
|
"stylers": [{
|
|
"saturation": "-100"
|
|
}]
|
|
},
|
|
{
|
|
"featureType": "transit",
|
|
"elementType": "all",
|
|
"stylers": [{
|
|
"saturation": "-100"
|
|
}]
|
|
},
|
|
{
|
|
"featureType": "transit",
|
|
"elementType": "labels.text",
|
|
"stylers": [{
|
|
"saturation": "-100"
|
|
}]
|
|
},
|
|
{
|
|
"featureType": "transit",
|
|
"elementType": "labels.icon",
|
|
"stylers": [{
|
|
"saturation": "-100"
|
|
}]
|
|
},
|
|
{
|
|
"featureType": "water",
|
|
"elementType": "all",
|
|
"stylers": [{
|
|
"saturation": "-100"
|
|
}]
|
|
}
|
|
]
|
|
};
|
|
|
|
const bigMap = new google.maps.Map(
|
|
document.getElementById("big-map"),
|
|
{
|
|
...mapOptions,
|
|
center: {lat: 50.0411, lng: 21.9991},
|
|
zoom: 11.2,
|
|
}
|
|
);
|
|
|
|
const popupMapElement = document.getElementById("popup-map");
|
|
if (popupMapElement) {
|
|
popupMap = new google.maps.Map(
|
|
popupMapElement,
|
|
{
|
|
...mapOptions,
|
|
zoom: 12.5,
|
|
}
|
|
);
|
|
}
|
|
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
$('body').on('click', '.box-6 .box-info .box-info-right', function(e){
|
|
e.preventDefault()
|
|
|
|
$(this).toggleClass('active')
|
|
$('.box-6 .c-row-2').slideToggle()
|
|
})
|
|
})
|
|
|
|
$(document).ready(function() {
|
|
$('#contact-form-new input.files').fileuploader({
|
|
fileMaxSize: 10,
|
|
extensions: ['jpg', 'jpeg', 'png', 'pdf', 'text/plain', 'csv', 'xml', 'xls', 'xlsx', 'doc', 'dot', 'docx'],
|
|
addMore: true,
|
|
captions: {
|
|
button: function(e) {
|
|
return "Wybierz plik<img src='/images/contact-icon-file.svg'>";
|
|
},
|
|
feedback: function(e) {
|
|
return (
|
|
"PRZYCIĄGNIJ I UPUŚĆ LUB"
|
|
);
|
|
},
|
|
feedback2: function(e) {
|
|
return (
|
|
e.length +
|
|
" " +
|
|
(1 < e.length ? "pliki są wybrane" : "plik jest wybrany")
|
|
);
|
|
},
|
|
confirm: "Potwierdzenie",
|
|
cancel: "Anuluj",
|
|
name: "Nazwa",
|
|
type: "Typ pliku",
|
|
size: "Rozmiar pliku",
|
|
dimensions: "Wymiary",
|
|
duration: "Czas",
|
|
crop: "Utnij to",
|
|
rotate: "Koło",
|
|
sort: "Sortować",
|
|
open: "Otwierasz",
|
|
download: "Ściągnij",
|
|
remove: "Usunąć",
|
|
drop: "Umieść plik tutaj do przesłania",
|
|
paste: '<div class="fileuploader-pending-loader"></div> Wklej plik, kliknij tutaj, aby usunąć',
|
|
removeConfirmation: "Czy na pewno chcesz usunąć plik??",
|
|
errors: {
|
|
filesLimit: "Sam ${limit} pliki można przesyłać.",
|
|
filesType: "Sam ${extensions} pliki można przesyłać.",
|
|
fileSize: "${name} jest zbyt duży! Wybierz plik do ${fileMaxSize} MB.",
|
|
filesSizeAll: "Wybrane pliki są za duże! Wybierz plik do ${maxSize} MB.",
|
|
fileName: "Plik o tej samej nazwie ${name} jest już wybrany.",
|
|
remoteFile: "Pliki zdalne są niedozwolone.",
|
|
folderUpload: "Foldery są niedozwolone.",
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
$(document).ready(function() {
|
|
let boxShowrooms = $('#box-showrooms');
|
|
let showroomsNav = $('#showrooms-nav', boxShowrooms)
|
|
|
|
$(document).on('click', '.showroom-card--popup', function(e) {
|
|
if (e.target === this) {
|
|
$(this).removeClass('active');
|
|
$('body').removeClass('fixed')
|
|
}
|
|
});
|
|
|
|
boxShowrooms.on('click', '#showrooms-nav li input', function(e) {
|
|
e.preventDefault();
|
|
|
|
showroomsNavHandler($(this));
|
|
showroomsListHandler($(this).attr('data-province'))
|
|
});
|
|
|
|
boxShowrooms.on('click', '#showrooms-lists .showroom-card .showroom-card-action input', function(e) {
|
|
e.preventDefault();
|
|
|
|
showMoreInfoPopup($(this));
|
|
});
|
|
|
|
function showroomsNavHandler(item){
|
|
$(item).parent().parent().find('li').not($(item)).removeClass('active')
|
|
$(item).parent().addClass('active');
|
|
}
|
|
|
|
function showroomsListHandler(province) {
|
|
$('#showrooms-lists .showroom-card', boxShowrooms).each(function(){
|
|
if($(this).attr('data-province') == province) {
|
|
$(this).addClass('active')
|
|
} else{
|
|
$(this).removeClass('active')
|
|
}
|
|
})
|
|
}
|
|
function defaultProvinces() {
|
|
let target = $('#showrooms-nav input[data-province="Podkarpackie"]');
|
|
|
|
if (target.length) {
|
|
target.trigger('click');
|
|
}
|
|
}
|
|
|
|
function showMoreInfoPopup2(item) {
|
|
$(item).parent().siblings('.showroom-card--popup').addClass('active')
|
|
$('body').addClass('fixed')
|
|
}
|
|
|
|
function showMoreInfoPopup(item) {
|
|
const card = $(item).closest('.showroom-card');
|
|
const type = card.data('type');
|
|
const index = card.data('index');
|
|
const mapPointIcon = "https://maps.google.com/mapfiles/ms/icons/yellow-dot.png";
|
|
|
|
let showroom;
|
|
let popupHeadText;
|
|
|
|
|
|
if (type === 'company') {
|
|
showroom = companyShowrooms[index];
|
|
popupHeadText = 'SALON FIRMOWY';
|
|
} else if (type === 'partner') {
|
|
showroom = partnerShowrooms[index];
|
|
popupHeadText = 'SALON PARTNERSKI';
|
|
} else {
|
|
return;
|
|
}
|
|
|
|
const popup = $('#showroom-popup');
|
|
|
|
// HTML to popup
|
|
$('.popup--head .text', popup).html(popupHeadText || '');
|
|
$('.info-name p', popup).html(showroom.data_popup.text || '');
|
|
$('.info-time p', popup).html(showroom.data_popup.time || '');
|
|
$('.info-products img', popup).attr('src', showroom.data_popup.products || '');
|
|
$('.info-contact p', popup).html(showroom.data_popup.contact || '');
|
|
|
|
popup.addClass('active');
|
|
$('body').addClass('fixed');
|
|
|
|
// popup map init
|
|
if (popupMap && showroom.position) {
|
|
const pos = {
|
|
lat: parseFloat(showroom.position.lat),
|
|
lng: parseFloat(showroom.position.lng)
|
|
};
|
|
popupMap.setCenter(pos);
|
|
popupMap.setZoom(13);
|
|
|
|
if (window.popupMarker) {
|
|
window.popupMarker.setMap(null);
|
|
}
|
|
window.popupMarker = new google.maps.Marker({
|
|
map: popupMap,
|
|
position: pos,
|
|
icon: mapPointIcon
|
|
});
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// MARK: auto load functions
|
|
defaultProvinces();
|
|
})
|
|
|
|
$(document).ready(function () {
|
|
const allShowrooms = [...companyShowrooms, ...partnerShowrooms];
|
|
|
|
function normalizeString(str) {
|
|
return str
|
|
.toString()
|
|
.trim()
|
|
.toLowerCase()
|
|
.normalize("NFD")
|
|
.replace(/[\u0300-\u036f]/g, "");
|
|
}
|
|
|
|
function findProvinceByPlace(place) {
|
|
const normalizedPlace = normalizeString(place);
|
|
|
|
for (let showroom of allShowrooms) {
|
|
if (!showroom.city) continue;
|
|
|
|
if (normalizeString(showroom.city) === normalizedPlace) {
|
|
return showroom.provinces.name;
|
|
}
|
|
}
|
|
return null;
|
|
}
|
|
|
|
$('.box-5 .box-form form').on('submit', function (e) {
|
|
e.preventDefault();
|
|
|
|
const place = $('#place').val();
|
|
if (!place) return;
|
|
|
|
const provinceName = findProvinceByPlace(place);
|
|
|
|
if (!provinceName) {
|
|
alert('Nie znaleziono salonu w podanej miejscowości.');
|
|
return;
|
|
}
|
|
|
|
const targetBtn = $('#showrooms-nav input.js-showrooms-nav-btn').filter(function () {
|
|
return $(this).attr('data-province') === provinceName;
|
|
});
|
|
|
|
if (!targetBtn.length) {
|
|
alert('Znaleziono miejscowość, ale nie udało się dopasować województwa w nawigacji.');
|
|
return;
|
|
}
|
|
|
|
targetBtn.trigger('click');
|
|
|
|
$('html, body').animate({
|
|
scrollTop: $('.box-4').offset().top - 200
|
|
}, 600);
|
|
});
|
|
});
|
|
</script>
|