New page contact
This commit is contained in:
948
templates_user/pages/page-contact-v9.php
Normal file
948
templates_user/pages/page-contact-v9.php
Normal file
@@ -0,0 +1,948 @@
|
||||
<?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',
|
||||
]
|
||||
];
|
||||
|
||||
$contact_personal = [
|
||||
[
|
||||
'provinces' => [
|
||||
$provinces['podkarpackie']
|
||||
],
|
||||
'name' => 'Marek Potępa',
|
||||
'position' => 'Manager ds. Obsługi Inwestycji',
|
||||
'contact' => [
|
||||
'phone' => ['+48 17 859 56 79'],
|
||||
'email' => ['m.potepa@vidok.com']
|
||||
]
|
||||
],
|
||||
[
|
||||
'provinces' => [
|
||||
$provinces['podkarpackie']
|
||||
],
|
||||
'name' => 'Wiesław Ciebiera',
|
||||
'position' => 'Doradca ds. Kluczowych Klientów',
|
||||
'contact' => [
|
||||
'phone' => ['+48 17 859 56 79'],
|
||||
'email' => ['w.ciebiera@vidok.com']
|
||||
]
|
||||
],
|
||||
[
|
||||
'provinces' => [
|
||||
$provinces['mazowieckie'],
|
||||
$provinces['pomorskie']
|
||||
],
|
||||
'name' => 'Rafał Gil',
|
||||
'position' => 'Doradca ds. Sprzedaży Obiektowej',
|
||||
'contact' => [
|
||||
'phone' => ['+48 883 849 711'],
|
||||
'email' => ['r.gil@vidok.com']
|
||||
]
|
||||
],
|
||||
[
|
||||
'provinces' => [
|
||||
$provinces['malopolskie']
|
||||
],
|
||||
'name' => 'Tomasz Firlej',
|
||||
'position' => 'Doradca ds. Sprzedaży Obiektowej',
|
||||
'contact' => [
|
||||
'phone' => ['+48 880 526 550'],
|
||||
'email' => ['t.firlej@vidok.com']
|
||||
]
|
||||
],
|
||||
[
|
||||
'provinces' => [
|
||||
$provinces['dolnoslaskie'],
|
||||
$provinces['opolskie'],
|
||||
],
|
||||
'name' => 'Andrzej Nowak',
|
||||
'position' => 'Manager Sprzedaży Obiektowej',
|
||||
'contact' => [
|
||||
'phone' => ['+48 734 739 535'],
|
||||
'email' => ['a.nowak@vidok.com']
|
||||
]
|
||||
],
|
||||
[
|
||||
'provinces' => [
|
||||
$provinces['mazowieckie']
|
||||
],
|
||||
'name' => 'Mariusz Wójcik',
|
||||
'position' => 'Przedstawiciel Handlowy',
|
||||
'contact' => [
|
||||
'phone' => ['+48 509 601 874']
|
||||
]
|
||||
],
|
||||
]
|
||||
?>
|
||||
|
||||
<div class="main-page" id="contactApp">
|
||||
<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="box-1--bg">
|
||||
<img src="https://vidok.com/upload/filemanager/Pages/Kontakt-8/img-2-2.jpg" alt="">
|
||||
</div>
|
||||
|
||||
<div class="c-row">
|
||||
<img class="bg-icon" src="/upload/filemanager/Pages/Kontakt-8/V.png" alt="">
|
||||
|
||||
<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="#salony">
|
||||
<span>ZNAJDZ NAJBLIŻSZY SALON</span>
|
||||
</a>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="box-2" id="formularz">
|
||||
<div class="container">
|
||||
<div class="box-2--wrapper">
|
||||
<div class="c-row">
|
||||
<div class="c-col c-col-1">
|
||||
<div class="box-text">
|
||||
<p><strong>Skontaktuj się z nami</strong>, 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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="c-col c-col-2">
|
||||
<section class="box-nav">
|
||||
<div class="box-nav-title">
|
||||
<h3>Wybierz, kim jesteś:</h3>
|
||||
</div>
|
||||
<div class="_radios tabs-nav">
|
||||
<div class="_radio tabs-nav-item" data-form-type="client-individual">
|
||||
<p>Klient indywidualny</p>
|
||||
</div>
|
||||
<div class="_radio tabs-nav-item" data-form-type="client-cooperation">
|
||||
<p>Deweloper/Inwestor</p>
|
||||
</div>
|
||||
<div class="_radio tabs-nav-item" data-form-type="client-b2b">
|
||||
<p>Współpraca B2B</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="tabs-content tabs-content-1 active" data-active="false" data-form-type="client-individual">
|
||||
<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="">
|
||||
<input type="hidden" name="client" value="Klient indywidualny">
|
||||
|
||||
<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" id="voivodeship_client" required>
|
||||
<option value="" disabled selected>Województwo *</option>
|
||||
<?php foreach ($provinces as $wojewodztwo): ?>
|
||||
<option value="<?= $wojewodztwo['name'] ?>" data-id="<?= $wojewodztwo['id'] ?>"><?= $wojewodztwo['name'] ?></option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
<input type="text" name="postal_code" placeholder="Kod pocztowy" required>
|
||||
</div>
|
||||
<div class="_1_column _col_message">
|
||||
<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? 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>
|
||||
</form>
|
||||
</section>
|
||||
<section class="tabs-content tabs-content-2" data-active="false" data-form-type="client-cooperation">
|
||||
<form method="POST" action="" enctype="multipart/form-data" id="contact-form-new">
|
||||
<input type="hidden" name="action" value="send-contact-form-new-deweloper">
|
||||
<input type="hidden" name="token" value="<?= \S::get_session('contact-form-token'); ?>">
|
||||
<input type="hidden" name="website" value="">
|
||||
<input type="hidden" name="client" value="Deweloper/Inwestor">
|
||||
|
||||
<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="company" placeholder="Nazwa firmy*" required>
|
||||
<input type="text" name="investment" placeholder="Rodzaj inwestycji">
|
||||
</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" id="voivodeship_deweloper" required>
|
||||
<option value="" disabled selected>Województwo *</option>
|
||||
<?php foreach ($provinces as $wojewodztwo): ?>
|
||||
<option value="<?= $wojewodztwo['name'] ?>" data-id="<?= $wojewodztwo['id'] ?>"><?= $wojewodztwo['name'] ?></option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
<input type="text" name="postal_code" placeholder="Kod pocztowy" required>
|
||||
</div>
|
||||
<div class="_1_column _col_message">
|
||||
<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? 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>
|
||||
</form>
|
||||
|
||||
<div class="tabs-content--footer">
|
||||
<div class="tabs-content--sidebar-list">
|
||||
<ul class="personal-list">
|
||||
<?php foreach ($contact_personal as $presonal) : ?>
|
||||
<li class="personal-item" data-provinces="<?= implode(',', array_map(fn($p) => $p['id'], $presonal['provinces'])) ?>">
|
||||
|
||||
<div class="personal-item--head">
|
||||
<p><strong><?php echo $presonal['name']; ?></strong></p>
|
||||
<p><?php echo $presonal['position']; ?></p>
|
||||
</div>
|
||||
<div class="personal-item--body">
|
||||
<ol>
|
||||
<?php foreach ($presonal['contact']['phone'] as $phone) : ?>
|
||||
<li>
|
||||
<img src="/upload/filemanager/icon/iphone.svg" alt="">
|
||||
<a href="tel:<?php echo $phone; ?>"><?php echo $phone; ?><\/a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
|
||||
<?php foreach ($presonal['contact']['email'] as $email) : ?>
|
||||
<li>
|
||||
<img src="/upload/filemanager/icon/envelope.svg" alt="">
|
||||
<a href="mailto:<?php echo $email; ?>"><?php echo $email; ?><\/a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ol>
|
||||
</div>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="tabs-content tabs-content-3" data-active="false" data-form-type="client-b2b">
|
||||
<div class="section-tab-head">
|
||||
<p class="section-tab-head--title">
|
||||
Jesteś zainteresowany<br>
|
||||
<strong>sprzedażą Naszych produktów?</strong>
|
||||
</p>
|
||||
<p>
|
||||
<strong>Wypełnij formularz,</strong><br>
|
||||
nasz specjalista skontaktuje się z Tobą i omówi szczegóły Twojej współpracy.
|
||||
</p>
|
||||
</div>
|
||||
<div class="section-tab-body">
|
||||
<form method="POST" action="" enctype="multipart/form-data" id="contact-form-new-b2b">
|
||||
<input type="hidden" name="action" value="send-contact-form-new-b2b">
|
||||
<input type="hidden" name="token" value="<?= \S::get_session('contact-form-token'); ?>">
|
||||
<input type="hidden" name="website" value="">
|
||||
<input type="hidden" name="client" value="Współpraca B2B">
|
||||
|
||||
<div class="_1_column _col_message">
|
||||
<input type="text" name="partner-type" placeholder="Rodzaj Partnera biznesowego">
|
||||
<input type="text" name="company" placeholder="Nazwa Firmy*" required>
|
||||
<input type="text" name="address" placeholder="Adres firmy *" 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">
|
||||
<input type="text" name="name" placeholder="Imię *" required>
|
||||
<input type="text" name="surname" placeholder="Nazwisko *" required>
|
||||
</div>
|
||||
<div class="_1_column _col_message">
|
||||
<textarea name="message" placeholder="Interesują mnie ..." rows="1"></textarea>
|
||||
</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>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="box-4" id="salony">
|
||||
<div class="container">
|
||||
<div class="box-4--wrapper">
|
||||
<div class="c-row">
|
||||
<div class="c-row--pc">
|
||||
<div class="box-title">
|
||||
<h2>Sprawdź gdzie możesz kupić <strong>Nasze Produkty</strong></h2>
|
||||
</div>
|
||||
<div class="box-text">
|
||||
<p>
|
||||
Wybierz region, aby otrzymać informacje dopasowane do Twojej lokalizacji lub
|
||||
<strong id="share-location-btn">
|
||||
udostępnij lokalizację
|
||||
<img src="/upload/filemanager/icon/navigate-outline.svg" alt="">
|
||||
</strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="c-row--mobile">
|
||||
<div class="box-title">
|
||||
<h2><strong>Znajdź najbliższy salon</strong></h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-form">
|
||||
<form action="/salony-sprzedazy" id="search-showrooms-form">
|
||||
<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="location" id="place" placeholder="wpisz miejscowość">
|
||||
</div>
|
||||
<button type="submit">
|
||||
<img src="/upload/filemanager/icon/search-black.svg" alt="">
|
||||
<span>
|
||||
ZNAJDZ NAJBLIŻSZY SALON
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="c-row--mobile">
|
||||
<div class="box-text">
|
||||
<p>
|
||||
lub
|
||||
<strong id="share-location-btn">
|
||||
udostępnij lokalizację
|
||||
<img src="/upload/filemanager/icon/navigate-outline.svg" alt="">
|
||||
</strong>
|
||||
</p>
|
||||
</div>
|
||||
</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">
|
||||
<img src="/upload/filemanager/Pages/Kontakt-8/firma_baner-kontakt-3.jpg" alt="">
|
||||
</div>
|
||||
<div class="c-col c-col-2">
|
||||
<div class="info-tiles">
|
||||
<div class="info-tile info-tile-1">
|
||||
<p>
|
||||
<strong>VIDOK Sp. z o. o.</strong><br>
|
||||
36-054 Rudna Mała 75
|
||||
</p>
|
||||
</div>
|
||||
<div class="info-tile info-tile-2">
|
||||
<ol class="text-2">
|
||||
<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>
|
||||
<li>
|
||||
<strong>Pn.-Pt.:</strong> 7:00 - 15:00
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="info-tile info-tile-3">
|
||||
<ol>
|
||||
<li><strong>KRS:</strong> 0000191980</li>
|
||||
<li><strong>REGON:</strong> 690379060</li>
|
||||
<li><strong>NIP:</strong> 8131086710</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="info-tile info-tile-4">
|
||||
<p>
|
||||
ING BANK ŚLĄSKI S.A.<br>
|
||||
<strong>PLN: PL 31 1050 1562 1000 0090 3034 4197</strong>
|
||||
</p>
|
||||
<p>
|
||||
SWIFT INGBPLPW<br>
|
||||
<strong>EUR: PL 84 1050 1562 1000 0090 3034 4213</strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="c-row c-row-2">
|
||||
<div class="c-col">
|
||||
<div class="tiles">
|
||||
<div class="tile tile-1">
|
||||
<div class="tile-head">
|
||||
<h3>LOGISTYKA</h3>
|
||||
<img src="/upload/filemanager/icon/Group-1422.svg" alt="">
|
||||
</div>
|
||||
<ol>
|
||||
<li>
|
||||
<a href="tel:+48178676402">
|
||||
<img src="/upload/filemanager/icon/iphone.svg" alt="">
|
||||
+48 17 867 64 02
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="mailto:logistyka@vidok.com">
|
||||
<img src="/upload/filemanager/icon/envelope.svg" alt="">
|
||||
logistyka@vidok.com
|
||||
</a>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="tile tile-2">
|
||||
<div class="tile-head">
|
||||
<h3>KSIĘGOWOŚĆ</h3>
|
||||
<img src="/upload/filemanager/icon/Group-1422.svg" alt="">
|
||||
</div>
|
||||
<ol>
|
||||
<li>
|
||||
<a href="tel:+48178595676">
|
||||
<img src="/upload/filemanager/icon/iphone.svg" alt="">
|
||||
+48 17 859 56 76
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="mailto:ksiegowosc@vidok.com">
|
||||
<img src="/upload/filemanager/icon/envelope.svg" alt="">
|
||||
ksiegowosc@vidok.com
|
||||
</a>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="tile tile-3">
|
||||
<div class="tile-head">
|
||||
<h3>MARKETING</h3>
|
||||
<img src="/upload/filemanager/icon/Group-1422.svg" alt="">
|
||||
</div>
|
||||
<ol>
|
||||
<li>
|
||||
<a href="tel:+48178595667">
|
||||
<img src="/upload/filemanager/icon/iphone.svg" alt="">
|
||||
+48 17 859 56 67
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="mailto:marketing@vidok.com">
|
||||
<img src="/upload/filemanager/icon/envelope.svg" alt="">
|
||||
marketing@vidok.com
|
||||
</a>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="tile tile-4">
|
||||
<div class="tile-head">
|
||||
<h3>SERWIS</h3>
|
||||
<img src="/upload/filemanager/icon/Group-1422.svg" alt="">
|
||||
</div>
|
||||
<ol>
|
||||
<li>
|
||||
<a href="tel:+48178595682">
|
||||
<img src="/upload/filemanager/icon/iphone.svg" alt="">
|
||||
+48 17 859 56 82
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="mailto:serwis@vidok.com">
|
||||
<img src="/upload/filemanager/icon/envelope.svg" alt="">
|
||||
serwis@vidok.com
|
||||
</a>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="c-row c-row-3">
|
||||
<div class="c-col">
|
||||
<p>VIDOK spółka z ograniczoną odpowiedzialnością z siedzibą w Rudnej Małej, 36-054 Rudna Mała 75, wpisana do rejestru przedsiębiorców KRS pod numerem: 0000191980, Sąd Rejonowy w Rzeszowie XII Wydział Krajowego Rejestru Sądowego NIP: 8131086710 REGON: 690379060 o kapitale zakładowym w wysokości 11.606.000,00 zł oświadcza, iż posiada status dużego przedsiębiorcy w rozumieniu przepisów ustawy z dnia 8 marca 2013 r. o przeciwdziałaniu nadmiernym opóźnieniomw transakcjach handlowych (Dz.U. z 2020 r. poz. 935 z późn. zm.).</p>
|
||||
</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">
|
||||
// Initialize Google Maps API
|
||||
function initMap() {
|
||||
// This function is called when Google Maps API is loaded
|
||||
console.log('Google Maps API loaded');
|
||||
|
||||
const mapOptions = {
|
||||
zoom: 6.62,
|
||||
center: { lat: 52.068, lng: 19.479 },
|
||||
mapTypeControl: false,
|
||||
styles: getMapStyles() // Pobieranie stylów z osobnej funkcji
|
||||
};
|
||||
|
||||
const bigMap = new google.maps.Map(
|
||||
document.getElementById("big-map"),
|
||||
{
|
||||
...mapOptions,
|
||||
center: {lat: 50.0411, lng: 21.9991},
|
||||
zoom: 11.2,
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Style mapy (Greyscale)
|
||||
*/
|
||||
function getMapStyles() {
|
||||
return [{"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"}]}];
|
||||
}
|
||||
|
||||
$(document).ready(function() {
|
||||
$(function () {
|
||||
$('[data-toggle="tooltip"]').tooltip()
|
||||
})
|
||||
|
||||
/**
|
||||
* More info under map
|
||||
*/
|
||||
$('body').on('click', '.box-6 .box-info .box-info-right', function(e){
|
||||
e.preventDefault()
|
||||
|
||||
$(this).toggleClass('active')
|
||||
$('.box-6 .c-row-2').slideToggle()
|
||||
$('.box-6 .c-row-1').toggleClass('active')
|
||||
})
|
||||
|
||||
/**
|
||||
* File uploader
|
||||
*/
|
||||
$('#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.",
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* Geolocation functionality
|
||||
**/
|
||||
$('#share-location-btn').on('click', function() {
|
||||
const placeInput = document.getElementById('place');
|
||||
|
||||
if (!navigator.geolocation) {
|
||||
alert('Twoja przeglądarka nie obsługuje geolokalizacji');
|
||||
return;
|
||||
}
|
||||
|
||||
// Save original HTML content (with icon)
|
||||
const originalHTML = $(this).html();
|
||||
const self = this;
|
||||
|
||||
// Show loading state
|
||||
$(this).text('Pobieranie lokalizacji...');
|
||||
|
||||
navigator.geolocation.getCurrentPosition(
|
||||
function(position) {
|
||||
const lat = position.coords.latitude;
|
||||
const lng = position.coords.longitude;
|
||||
|
||||
// Use Google Maps Geocoding API to get address from coordinates
|
||||
const geocoder = new google.maps.Geocoder();
|
||||
const latlng = { lat: lat, lng: lng };
|
||||
|
||||
geocoder.geocode({ location: latlng }, function(results, status) {
|
||||
if (status === 'OK' && results[0]) {
|
||||
// Find city name from address components
|
||||
let city = '';
|
||||
for (let i = 0; i < results.length; i++) {
|
||||
const addressComponents = results[i].address_components;
|
||||
for (let j = 0; j < addressComponents.length; j++) {
|
||||
const types = addressComponents[j].types;
|
||||
if (types.includes('locality')) {
|
||||
city = addressComponents[j].long_name;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (city) break;
|
||||
}
|
||||
|
||||
if (city) {
|
||||
placeInput.value = city;
|
||||
$(self).html(originalHTML);
|
||||
} else {
|
||||
alert('Nie można znaleźć nazwy miasta dla Twojej lokalizacji');
|
||||
$(self).html(originalHTML);
|
||||
}
|
||||
} else {
|
||||
alert('Nie można pobrać adresu dla Twojej lokalizacji');
|
||||
$(self).html(originalHTML);
|
||||
}
|
||||
});
|
||||
},
|
||||
function(error) {
|
||||
$(self).html(originalHTML);
|
||||
switch(error.code) {
|
||||
case error.PERMISSION_DENIED:
|
||||
alert('Odmówiono dostępu do lokalizacji. Proszę zezwolić na dostęp do lokalizacji w ustawieniach przeglądarki.');
|
||||
break;
|
||||
case error.POSITION_UNAVAILABLE:
|
||||
alert('Informacje o lokalizacji są niedostępne.');
|
||||
break;
|
||||
case error.TIMEOUT:
|
||||
alert('Upłynął limit czasu żądania lokalizacji.');
|
||||
break;
|
||||
default:
|
||||
alert('Wystąpił nieznany błąd podczas pobierania lokalizacji.');
|
||||
break;
|
||||
}
|
||||
},
|
||||
{
|
||||
enableHighAccuracy: true,
|
||||
timeout: 10000,
|
||||
maximumAge: 0
|
||||
}
|
||||
);
|
||||
});
|
||||
|
||||
/**
|
||||
* Tabs handler
|
||||
*/
|
||||
$('body').on('click', '.box-2 .box-nav .tabs-nav .tabs-nav-item', function() {
|
||||
const formType = $(this).data('form-type');
|
||||
|
||||
$('.box-2 .box-nav .tabs-nav .tabs-nav-item').removeClass('active');
|
||||
$(this).addClass('active');
|
||||
|
||||
$('.box-2 .tabs-content').attr('data-active', 'true');
|
||||
$('.box-2 .tabs-content').removeClass('active');
|
||||
$('.box-2 .tabs-content').filter(`[data-form-type="${formType}"]`).addClass('active');
|
||||
});
|
||||
|
||||
|
||||
/**
|
||||
* Voivodeship filter (B2B sidebar)
|
||||
*/
|
||||
function filterPersonalByVoivodeshipId(voivodeshipId) {
|
||||
const idStr = String(voivodeshipId);
|
||||
|
||||
$('.tabs-content--footer .personal-item').each(function () {
|
||||
const provinces = String($(this).data('provinces') || '');
|
||||
const ids = provinces.split(',').map(s => s.trim()).filter(Boolean);
|
||||
|
||||
const match = ids.includes(idStr);
|
||||
$(this).toggle(match);
|
||||
});
|
||||
|
||||
const hasVisible = $('.tabs-content--footer .personal-item:visible').length > 0;
|
||||
|
||||
$('.tabs-content--footer').toggleClass('active', hasVisible);
|
||||
}
|
||||
|
||||
$('body').on('change', '#voivodeship_deweloper', function () {
|
||||
let id = $(this).find(':selected').data('id');
|
||||
filterPersonalByVoivodeshipId(id);
|
||||
});
|
||||
|
||||
// Initial run (on load)
|
||||
if ($('#voivodeship').length) {
|
||||
// If nothing selected — select first option
|
||||
if (!$('#voivodeship').val()) {
|
||||
$('#voivodeship').prop('selectedIndex', 0);
|
||||
}
|
||||
filterPersonalByVoivodeshipId($('#voivodeship').val());
|
||||
}
|
||||
|
||||
/**
|
||||
* Map click -> select voivodeship + filter list
|
||||
* (dopinka bez ruszania reszty)
|
||||
*/
|
||||
const voivodeshipByMapId = {
|
||||
'PL-DS': 1, // dolnośląskie
|
||||
'PL-KP': 2, // kujawsko-pomorskie
|
||||
'PL-LU': 3, // lubelskie
|
||||
'PL-LB': 4, // lubuskie
|
||||
'PL-LD': 5, // łódzkie
|
||||
'PL-MA': 6, // małopolskie
|
||||
'PL-MZ': 7, // mazowieckie
|
||||
'PL-OP': 8, // opolskie
|
||||
'PL-PK': 9, // podkarpackie
|
||||
'PL-PD': 10, // podlaskie
|
||||
'PL-PM': 11, // pomorskie
|
||||
'PL-SL': 12, // śląskie
|
||||
'PL-SK': 13, // świętokrzyskie
|
||||
'PL-WN': 14, // warmińsko-mazurskie
|
||||
'PL-WP': 15, // wielkopolskie
|
||||
'PL-ZP': 16 // zachodniopomorskie
|
||||
};
|
||||
|
||||
function setVoivodeshipSelectById(id) {
|
||||
const $select = $('#voivodeship');
|
||||
if (!$select.length) return;
|
||||
|
||||
$select.val(String(id));
|
||||
// uruchamia Twoje istniejące filtrowanie (masz listener "change")
|
||||
$select.trigger('change');
|
||||
}
|
||||
|
||||
// Klik w województwo na mapie (SVG)
|
||||
$('body').on('click', '#interactive-map .mapsvg-region', function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
const mapId = this.id; // np. "PL-PK"
|
||||
const voivodeshipId = voivodeshipByMapId[mapId];
|
||||
|
||||
if (!voivodeshipId) return;
|
||||
|
||||
setVoivodeshipSelectById(voivodeshipId);
|
||||
});
|
||||
|
||||
// Domyślnie: podkarpackie (id=9) — tylko jeśli select istnieje
|
||||
if ($('#voivodeship').length) {
|
||||
setVoivodeshipSelectById(9);
|
||||
}
|
||||
|
||||
$('body').on('click', '.box-6 .tiles .tile .tile-head', function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
$(this).toggleClass('active')
|
||||
$(this).next().slideToggle()
|
||||
});
|
||||
|
||||
$('body').on('click', '.tabs-content', function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
if ($(this).attr('data-active') === 'false') {
|
||||
const $el = $('.box-nav .tabs-nav .tabs-nav-item p');
|
||||
|
||||
$el.addClass('buzz');
|
||||
|
||||
setTimeout(function() {
|
||||
$el.removeClass('buzz');
|
||||
}, 1000);
|
||||
}
|
||||
})
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user