<?php
/*
* @file seminar.php
* @brief Stránka pro sekci semináře na webu Oáza Brádlo. Velmi navštěvováno.
*
* Tato stránka zobrazuje informace o seminářích, lektorech a možnostech pronájmu sálů.
* Obsahuje také sekce pro představení lektorů, nadcházející události a kontaktní informace.
*/
?>
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Semináře v Oáze Brádlo – objevte naše lektory, nadcházející události a možnosti pronájmu sálů pro vaše akce.">
<title>Semináře</title>
<link rel="stylesheet" href="css/seminar.css" />
<link
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
rel="stylesheet" />
<link rel="icon" href="media/logo-oaza2.png" type="image/x-icon" />
</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-FB7MMZ9KBB"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-FB7MMZ9KBB');
</script>
<nav>
<div class="container" id="home">
<div class="row"></div>
<div class="row navLinks text-center">
<div class="col-md-2 col-lg-2 col-12 link mt-3">
<a href="domů"> Domů </a>
</div>
<div class="col-md-2 col-lg-2 col-12 link expandable mt-3">
<a href="domů#akce">Akce</a>
<div class="submenu">
<a href="semináře">Semináře</a>
<a href="rekreace">Ozdravné pobyty</a>
<a href="dětské-pobyty">Dětské pobyty</a>
<a href="firemní">Firemní</a>
<a href="ostatní">Ostatní</a>
</div>
</div>
<div class="col-md-2 col-lg-2 col-12 text-center">
<a href="domů"><img src="media/logo-oaza2.png" alt="" width="80px" height="80px" /></a>
</div>
<div class="col-md-2 col-lg-2 col-12 link expandable mt-3">
<a href="fotogalerie">Fotogalerie</a>
<div class="submenu">
<a href="blog#tipy-na-výlety">Tipy na výlety</a>
<a href="blog">Aktuality</a>
</div>
</div>
<div class="col-md-1 col-lg-1 col-12 link expandable mt-3">
<a href="ceník">Ceník</a>
<div class="submenu">
<a href="platební-podmínky">Platební podmínky</a>
</div>
</div>
<div class="col-md-2 col-lg-2 col-12 link expandable mt-3">
<a href="domů#kontakt">Kontakt</a>
<div class="submenu">
<a href="gdpr">Zpracování údajů</a>
<a href="openPositions.php">Kariéra</a>
</div>
</div>
</div>
</div>
</nav>
<body>
<?php
include 'modal.php';
?>
<section class="firstInfo">
<div class="container">
<div class="row firstContent">
<div class="col-md-4 col-lg-4 col-12 leftText text-left">
<h1>Semináře</h1>
<p>
Pravidelně v našich prostorách pořádáme semináře vedené zkušenými
lektory, které jsou doplněny možností ubytování pro účastníky, aby
si mohli užít celý program v pohodlí a klidu. Níže si lze najít konkrétního lektora a jeho
nejbližší semináře pořádané u nás na hotelu. V případě zájmu pořádání semináře v našich prostorách, nás neváhejte kontaktovat. <br>+420 606 892 843
</p>
</div>
<div class="col-md-8 col-lg-8 col-12 videoPart text-center" style="padding: 0px">
<video src="media/seminar/first.mp4" autoplay muted loop></video>
</div>
</div>
</div>
<div class="spacer50"></div>
</section>
<section class="lectors">
<div class="heading2 text-center" id="refreshLectors">Lektoři</div>
<div class="container">
<div class="row text-center">
<div class="col-10"></div>
<div class="col-2 lectorsSelect">
<select name="" id="searchLectors" onchange="filterLectors()">
<option value="">Vše</option>
<?php
include 'db_connection.php'; ///< Připojení k databázi
$conn->set_charset("utf8mb4");
/// Výpis oborů lektorů pro filtrování
$sql = "SELECT DISTINCT field FROM lectors";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
while ($row = $result->fetch_assoc()) {
echo '<option value="' . $row["field"] . '">' . $row["field"] . '</option>';
}
}
?>
</select>
</div>
<img
src="media/seminar/lectors/12.png"
alt=""
class="arrow left-arrow smallGone"
id="prevBtn" />
<div class="lectorCardsWrapper" id="lectorCardsWrapper">
<?php
include 'db_connection.php'; ///< Připojení k databázi
$conn->set_charset("utf8mb4");
$field = isset($_GET['field']) ? $_GET['field'] : '';
// Zobrazí lektory kromě těch s ID 17 a 4
$sql = "SELECT * FROM lectors WHERE id != 17 AND id != 4";
if ($field) {
$sql .= " WHERE field = '" . $conn->real_escape_string($field) . "'";
}
$result = $conn->query($sql);
if ($result->num_rows > 0) {
while ($row = $result->fetch_assoc()) {
echo '<div class="col-md-3 col-lg-3 col-12">';
echo '<div class="lectorCard text-center">';
if (!empty($row["photoMain"])) {
echo '<img src="' . $row["photoMain"] . '" alt="" class="imgProfile" />';
}
if (!empty($row["name"])) {
echo '<h1>' . $row["name"] . '</h1>';
}
echo '<img src="media/seminar/lectors/waveProfile.png" alt="" class="lineProfile" />';
if (!empty($row["field"])) {
echo '<p>' . $row["field"] . '</p>';
}
echo '<h1><a href="?lectorId=' . $row["id"] . '" class="medailonek-link">Medailonek</a></h1>';
if (!empty($row["web1"]) || !empty($row["web2"])) {
echo '<p class="hideMedium hideTablet hideSmTablet">' . $row["web1"] . ' <br> ' . $row["web2"] . '</p>';
}
echo '</div>';
echo '</div>';
}
} else {
echo "0 results";
}
$conn->close();
?>
</div>
<div class="smallGone">
<img
src="media/seminar/lectors/11.png"
alt=""
class="arrow right-arrow"
id="nextBtn" />
</div>
</div>
</div>
<div class="spacer"></div>
</section>
<section class="rent">
<div class="container">
<div class="row rentHeading">
<div class="col-4">
<img src="media/seminar/lectors/2.png" alt="" />
</div>
<div class="col-4">
<div class="heading2">Sály</div>
</div>
<div class="col-4">
<img src="media/seminar/lectors/3.png" alt="" />
</div>
</div>
<div class="spacer50"></div>
</div>
<div class="container">
<div class="row text-center">
<div class="col-md-6 col-lg-6 smallGone mb-4">
<div class="rentHall2"></div>
<div class="rentHall">
<div class="topRentPhoto">
<img src="media/rent/big/5.png" alt="" />
</div>
<div class="botRentPhoto">
<img src="media/rent/big/6.png" alt="" />
<img src="media/rent/big/8.jpg" alt="" />
<img src="media/rent/big/7.png" alt="" />
</div>
<div class="rentInfo">
<h1>Velký sál</h1>
<p>
Rozměr 12 x 18 m <br />
Kapacita až 120 osob <br />
Cena: 4500,-Kč/den
</p>
<img src="media/rent/bgInfo.png" alt="" />
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 col-12 biggerGone smallShow mb-4">
<div class="rentHall22"></div>
<div class="rentHall12">
<div class="topRentPhoto">
<img src="media/rent/big/5.png" alt="" />
</div>
<div class="botRentPhoto">
<img src="media/rent/big/6.png" alt="" />
<img src="media/rent/big/8.jpg" alt="" />
<img src="media/rent/big/7.png" alt="" />
</div>
<div class="rentInfo">
<h1>Velký sál</h1>
<p>
Rozměr 12 x 18 m <br />
Kapacita až 120 osob <br />
Cena: 4500,-Kč/den
</p>
<img src="media/rent/bgInfo.png" alt="" />
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 col-12 smallGone mb-4">
<div class="rentHall2"></div>
<div class="rentHall">
<div class="topRentPhoto">
<img src="media/rent/attic/1.jpg" alt="" />
</div>
<div class="botRentPhoto">
<img src="media/rent/attic/3.jpg" alt="" />
<img src="media/rent/attic/4.jpg" alt="" />
<img src="media/rent/attic/2.jpg" alt="" />
</div>
<div class="rentInfo">
<h1>Podkrovní sál</h1>
<p>
Rozměr 12 x 12 m <br />
Kapacita až 40 osob <br />
Cena: 1500,-Kč/den
</p>
<img src="media/rent/bgInfo.png" alt="" />
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 col-12 smallShow biggerGone mb-2">
<div class="rentHall22"></div>
<div class="rentHall12">
<div class="topRentPhoto">
<img src="media/rent/attic/1.jpg" alt="" />
</div>
<div class="botRentPhoto">
<img src="media/rent/attic/3.jpg" alt="" />
<img src="media/rent/attic/4.jpg" alt="" />
<img src="media/rent/attic/2.jpg" alt="" />
</div>
<div class="rentInfo">
<h1>Podkrovní sál</h1>
<p>
Rozměr 12 x 12 m <br />
Kapacita až 40 osob <br />
Cena: 1500,-Kč/den
</p>
<img src="media/rent/bgInfo.png" alt="" />
</div>
</div>
</div>
</div>
<div class="spacer2"></div>
<div class="row">
<div class="col-3 smallGone"></div>
<div class="col-md-6 col-lg-6 col-12 rentSmaller text-center">
<div class="heading22">Prostory k využití</div>
</div>
<div class="col-12 spacer4"></div>
<div class="col-3 smallGone"></div>
</div>
<div class="row">
<div class="col-md-4 col-lg-4 col-12 mb-3">
<div class="rentSchooling">
<img src="media/rent/schooling/1.png" alt="" id="schoolingImage" />
<div class="schoolingInfo text-center">
<h1>Velká učebna</h1>
<p>
<span class="hover-text">+ předsálí</span> <br />
Rozměr 10 x 4,5 m <br />Kapacita až 15 osob <br />Cena:
500,-Kč/den
</p>
<img src="media/rent/bgInfoSmaller.png" alt="" />
</div>
</div>
</div>
<div class="col-md-4 col-lg-4 col-12 mb-3">
<div class="rentSchooling">
<img src="media/rent/schooling/2.png" alt="" id="schoolingImage2" />
<div class="schoolingInfo text-center">
<h1>Malá učebna</h1>
<p>
<span class="hover-text2">2.varianta</span><br>
Rozměr 4 x 4,5 m <br />Kapacita až 10 osob <br />Cena:
300,-Kč/den
</p>
<img src="media/rent/bgInfoSmaller.png" alt="" />
</div>
</div>
</div>
<div class="col-md-4 col-lg-4 col-12 mb-2">
<div class="rentSchooling">
<img src="media/rent/schooling/4.png" alt="" />
<div class="schoolingInfo text-center">
<h1>Pracovna</h1>
<div class="spacer4 smallGone"></div>
<p>
Rozměr 4 x 2,70 m <br />
Kapacita až 5 osob<br />
Cena: 200,-Kč/den
</p>
<img src="media/rent/bgInfoSmaller.png" alt="" />
</div>
</div>
</div>
</div>
</div>
<div class="spacer smallGone"></div>
<div class="spacer4 biggerGone smallShow"></div>
<div class="container eventsContact">
<div class="spacer smallGone hideSmTablet"></div>
<div class="row">
<div class="col-md-6 col-lg-6 col-12 leftEvents">
<h3>Nejbližší události</h3>
<div class="spacer4"></div>
<?php
include 'db_connection.php'; ///< Připojení k databázi
$conn->set_charset("utf8mb4");
/// Výpis nejbližších událostí
$sql = "SELECT * FROM lectors, events WHERE events.lector_id = lectors.id AND events.timefrom >= CURDATE() ORDER BY events.timefrom ASC LIMIT 4";
$result = $conn->query($sql);
$dateToday = date('Y-m-d');
$events = [];
if ($result->num_rows > 0) {
while ($row = $result->fetch_assoc()) {
$events[] = $row;
}
}
?>
<?php
if (!empty($events)) {
foreach ($events as $row) {
if (strtotime($dateToday) <= strtotime($row["timefrom"])) {
echo '<div class="event-card p-2 medailonek-link" data-url="?lectorId=' . $row["lector_id"] . '&eventId=' . $row["id"] . '#modalPlace">';
echo ' <div class="d-flex">';
echo ' <div class="eventTime">';
echo ' <p class="date-time m-0">' . date('d-m-Y', strtotime($row["timefrom"])) . '</p>';
echo ' <p class="date-time m-0">' . date('d-m-Y', strtotime($row["timeto"])) . '</p>';
echo ' </div>';
echo ' <div>';
echo ' <p class="event-title m-0">' . $row["heading"] . '</p>';
echo ' <p class="event-details m-0">';
echo ' <span class="organizer">' . $row["name"] . '</span>';
echo ' <span class="eventContact">' . ($row["tel"] ? $row["tel"] : $row["email"]) . '</span>';
echo ' </p>';
echo ' </div>';
echo ' </div>';
echo '</div>';
}
}
}
?>
</div>
<div class="col-md-6 col-lg-6 col-12 rightContact text-center">
<div class="spacer2 biggerGone smallShow"></div>
<h3>Kontakt</h3>
<div class="spacer4"></div>
<div class="row">
<div class="col-12 imgContact">
<div class="borderImgContact"></div>
<img src="media/seminar/hotel.png" alt="" />
</div>
<div class="col-12">
<h4>Iveta Pospíšilová</h4>
</div>
<div class="col-12">
<h5><em>Semináře</em></h5>
</div>
<div class="col-12">
<p>+ 420 606 892 843<br />vrsovskabrana@email.cz</p>
</div>
</div>
</div>
</div>
</div>
<div class="spacer50"></div>
</section>
<script src="seminar.js"></script>
<script>
// Filtrace lektorů podle oboru
function filterLectors() {
var selectedField = document.getElementById('searchLectors').value;
var xhr = new XMLHttpRequest();
xhr.open('GET', 'filter_lectors.php?field=' + selectedField, true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
document.getElementById('lectorCardsWrapper').innerHTML = xhr.responseText;
}
};
xhr.send();
}
document.addEventListener('DOMContentLoaded', function() {
var eventCards = document.querySelectorAll('.event-card');
eventCards.forEach(function(card) {
card.addEventListener('click', function() {
var url = card.getAttribute('data-url');
window.location.href = url;
});
});
});
</script>
<footer>
<div class="container">
<div class="row text-center">
<div class="col-4 mt-2">
<p>+420 606 892 843</p>
</div>
<div class="col-4 mt-2"><a href="">©Oáza Srdce</a></div>
<div class="col-4 mt-2"><a href="gdpr">GDPR</a></div>
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script>
function closeModal(modalId) {
document.getElementById(modalId).style.display = 'none';
document.querySelector('.modal-backdrop').remove();
window.history.pushState({}, document.title, window.location.pathname);
}
</script>
</body>
</html>