<?php
/**
* @file maid.php
* @brief Detailní stránka pracovní pozice Pokojská - Výpomoc v kuchyni.
*
* Tento skript:
* - Zobrazuje detailní informace o pracovní pozici (název, typ úvazku, popis, požadavky, benefity, kontakt).
* - Využívá responzivní Bootstrap rozložení a vlastní CSS pro tisk a vzhled ve stylu A4.
* - Obsahuje navigační menu pro celý web.
* - Vhodné pro tisk nebo export do PDF.
*
*/
$job = [
'title' => 'Pokojská - Výpomoc v kuchyni',
'type' => 'Poloviční nebo plný úvazek',
'description' => 'Úklid a údržba pokojů a společných prostor hotelu (výměna ložního prádla, čištění koupelen, doplňování toaletních potřeb). Jednoduchá příprava a dokončovací práce v hotelové kuchyni. Komunikace s recepcí a ostatními odděleními za účelem koordinace potřeb úklidu a zásobování. Zajištění standardů čistoty a hygieny v souladu s předpisy a standardy hotelu.',
'requirements' => [
'Pečlivost, spolehlivost a dobrá fyzická kondice.',
'Zodpovědný přístup k dodržování hygienických standardů.',
'Ochota pracovat ve směnném provozu, o víkendech a svátcích.',
'Praxe v úklidu nebo v kuchyni výhodou, není podmínkou.'
],
'benefits' => [
'Práci na plný úvazek na HPP s možností i částečného úvazku.',
'Stravování během služby zdarma.',
'Přátelský kolektiv a podporu při zaškolení.',
'Příležitost k odbornému růstu a dalšímu vzdělávání.'
],
'contact' => 'Pokud máte zájem, kontaktujte nás na e-mail: placekova@oazasrdce.cz nebo telefonicky na +420 606 094 301.'
];
?>
<!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="Pracovní pozice Pokojská - Výpomoc v kuchyni v Oáze Brádlo. Zjistěte více o náplni práce, požadavcích a benefitech.">
<title><?php echo htmlspecialchars($job['title']); ?> - Detail pozice</title>
<link
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
rel="stylesheet" />
<style>
@font-face {
font-family: "Faculty";
src: url("../css/font/FacultyGlyphic-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
body {
margin: 0;
padding: 0;
background: linear-gradient(180deg, #a5d2fc, #d0e7fb, #a5d2fc, #d0e7fb);
color: #333;
}
.spacer {
height: 250px;
}
.divider {
height: 3px;
background-color: #0071bc;
margin-bottom: 10px;
}
/*
NAVBAR SECTION
*/
nav {
background: linear-gradient(180deg, #a5d2fc, #ffff, #a5d2fc);
}
.navLinks {
font-weight: 400;
font-size: 20px;
font-family: "Faculty", sans-serif;
display: flex;
justify-content: center;
align-items: center;
}
.navLinks .link {
width: 60px;
position: relative;
padding-bottom: 10px;
text-decoration: none;
}
.navLinks .link a {
color: #0071bc;
}
.navLinks .link a:hover {
color: #0c8ce1;
text-decoration: none;
}
.navLinks .expandable .submenu {
display: none;
position: absolute;
top: 100%;
left: 0;
background: linear-gradient(180deg, #a5d2fc, #ffff, #ffff, #a5d2fc);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
z-index: 3;
}
.navLinks .expandable:hover .submenu {
display: block;
}
.submenu a {
display: block;
padding: 8px 16px;
color: black;
}
.submenu a:hover {
text-decoration: none;
}
/*
NAVBAR SECTION END
-----
*/
h1,
h2 {
font-family: "Faculty", sans-serif;
}
.a4-container {
font-family: sans-serif, "Faculty", Arial, Helvetica, sans-serif;
width: 210mm;
/* A4 width */
min-height: 297mm;
/* A4 height */
margin: 20px auto;
background-image: url("../media/logo-oaza2.png");
background-repeat: no-repeat;
background-position: center calc(100% - 15px);
background-size: 15%;
background-color: #ffffff;
border: 1px solid #ddd;
box-shadow: 0 0 10px rgb(0, 113, 188, 0.5);
padding: 20mm;
box-sizing: border-box;
}
.a4-container img {
display: block;
margin: 0 auto 20px;
max-width: 15%;
height: auto;
}
h1 {
font-size: 2em;
color: #2c3e50;
text-align: center;
margin-bottom: 20px;
}
.job-type {
font-size: 1.2em;
color: #0071bc;
text-align: center;
margin-bottom: 20px;
}
.section {
margin-bottom: 20px;
}
.section h2 {
font-size: 1.5em;
color: #444;
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
margin-bottom: 10px;
}
.section p,
.section ul {
font-size: 1em;
color: #555;
line-height: 1.6;
}
.section ul {
list-style-type: disc;
padding-left: 20px;
}
.section ul li {
margin-bottom: 10px;
}
.contact {
font-size: 1em;
color: #2c3e50;
text-align: center;
margin-top: 30px;
}
@media print {
body {
background-color: #fff;
}
.a4-container {
margin: 0;
box-shadow: none;
border: none;
}
}
</style>
</head>
<body>
<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>
<div class="a4-container">
<h1><?php echo htmlspecialchars($job['title']); ?></h1>
<div class="job-type"><?php echo htmlspecialchars($job['type']); ?></div>
<div class="section">
<h2>Popis pozice</h2>
<p><?php echo htmlspecialchars($job['description']); ?></p>
</div>
<div class="section">
<h2>Požadavky</h2>
<ul>
<?php foreach ($job['requirements'] as $req): ?>
<li><?php echo htmlspecialchars($req); ?></li>
<?php endforeach; ?>
</ul>
</div>
<div class="section">
<h2>Nabízíme</h2>
<ul>
<?php foreach ($job['benefits'] as $benefit): ?>
<li><?php echo htmlspecialchars($benefit); ?></li>
<?php endforeach; ?>
</ul>
</div>
<div class="contact">
<p><?php echo htmlspecialchars($job['contact']); ?></p>
</div>
</div>
</body>
</html>