Boarding Pass
<?php
include 'includes/db.php';
// Fetch active careers for form + details for openings section
$careerOptions = [];
$openings = [];
$careersResult = $conn->query("SELECT * FROM careers WHERE is_active = 1 ORDER BY title ASC");
while ($row = $careersResult->fetch_assoc()) {
$careerOptions[] = $row['title'];
$openings[] = $row;
}
// Fetch employee benefits
$benefits = [];
$benefitResult = $conn->query("SELECT icon, title, description FROM benefits ORDER BY created_at ASC");
while ($row = $benefitResult->fetch_assoc()) {
$benefits[] = $row;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Careers - Petra Tissue Company</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="assets/styles.css">
<link rel="icon" type="image/png" href="assets/images/favicon.ico">
</head>
<body>
<?php include 'includes/header.php'; ?>
<div class="floating-element"></div>
<div class="floating-element"></div>
<section class="page-header reveal fade-bottom">
<div class="container">
<h1>Join Our Team</h1>
<ul class="breadcrumb">
<li><a href="index.php">Home</a></li>
<li>Careers</li>
</ul>
</div>
</section>
<section class="careers-intro">
<div class="container">
<div class="section-title reveal fade-bottom">
<h2>Join a Legacy of Quality, Innovation, and Growth</h2>
</div>
<div class="intro-content reveal fade-bottom">
<div class="intro-text">
<h3>Why Work With Us?</h3>
<p>At Petra Tissue Company, we've been setting industry standards in tissue manufacturing since 1985. Our strength lies not only in our products but in the passionate people behind them.</p>
<p>If you're looking for a workplace where your ideas matter, your growth is supported, and your impact is real—you've found the right place.</p>
<p>We celebrate diversity and are committed to creating an inclusive environment for all employees. Petra Tissue Company is proud to be an equal opportunity employer.</p>
</div>
<div class="intro-image">
<img src="https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Petra Tissue Team">
</div>
</div>
</div>
</section>
<!-- Employee Benefits -->
<section class="why-join">
<div class="container">
<div class="section-title reveal fade-bottom">
<h2>Our Employee Benefits</h2>
</div>
<div class="benefits-grid reveal fade-bottom">
<?php foreach ($benefits as $benefit): ?>
<div class="benefit-card">
<div class="benefit-icon">
<i class="<?= htmlspecialchars($benefit['icon']) ?>"></i>
</div>
<h3><?= htmlspecialchars($benefit['title']) ?></h3>
<p><?= htmlspecialchars($benefit['description']) ?></p>
</div>
<?php endforeach; ?>
</div>
</div>
</section>
<!-- Job Openings -->
<section class="job-openings">
<div class="container">
<div class="section-title reveal fade-bottom">
<h2>Current Openings</h2>
<p>We are always looking for motivated individuals to join our team in various departments.</p>
</div>
<div class="jobs-accordion reveal fade-bottom">
<?php foreach ($openings as $job): ?>
<div class="job-item">
<div class="job-header">
<div>
<div class="job-title"><?= htmlspecialchars($job['title']) ?></div>
<span class="job-department"><?= htmlspecialchars($job['department']) ?></span>
</div>
<div class="job-toggle">
<i class="fas fa-chevron-down"></i>
</div>
</div>
<div class="job-content">
<div class="job-description">
<p><?= nl2br(htmlspecialchars($job['description'])) ?></p>
</div>
<div class="job-requirements">
<h4>Requirements:</h4>
<ul>
<?php foreach (explode("\n", trim($job['requirements'])) as $req): ?>
<?php if (trim($req)): ?>
<li><?= htmlspecialchars($req) ?></li>
<?php endif; ?>
<?php endforeach; ?>
</ul>
</div>
<div class="job-apply">
<a href="#application-form" class="btn">Apply Now</a>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
</section>
<!-- Application Form -->
<section class="application-form" id="application-form">
<div class="container">
<div class="section-title reveal fade-bottom">
<h2>Apply Now</h2>
<p>Ready to start your journey with us? Fill out the application form below.</p>
</div>
<div class="form-container reveal fade-bottom">
<?php if (isset($_GET['success'])): ?>
<div class="form-success reveal fade-bottom" style="color: green; margin-bottom: 15px;">
Your application was submitted successfully!
</div>
<?php endif; ?>
<form id="careerForm" action="submit_application.php" method="POST" enctype="multipart/form-data">
<div class="form-group">
<label for="full-name">Full Name</label>
<input type="text" id="full-name" name="full-name" required>
</div>
<div class="form-group">
<label for="email">Email Address</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="phone">Phone Number</label>
<input type="tel" id="phone" name="phone" required>
</div>
<div class="form-group">
<label for="position">Position Applying For</label>
<select id="position" name="position" required>
<option value="">Select a position</option>
<?php foreach ($careerOptions as $title): ?>
<option value="<?= htmlspecialchars($title) ?>"><?= htmlspecialchars($title) ?></option>
<?php endforeach; ?>
<option value="Other">Other (Specify in Cover Letter)</option>
</select>
</div>
<div class="form-group">
<label for="resume">Upload Resume/CV</label>
<input type="file" id="resume" name="resume" accept=".pdf,.doc,.docx" required>
</div>
<div class="form-group">
<label for="cover-letter">Cover Letter</label>
<textarea id="cover-letter" name="cover-letter" placeholder="Tell us why you'd be a great fit for this position..."></textarea>
</div>
<div class="form-submit">
<button type="submit" class="btn">Submit Application</button>
</div>
</form>
</div>
</div>
</section>
<?php include 'includes/footer.php'; ?>
<script>
const jobItems = document.querySelectorAll('.job-item');
jobItems.forEach(item => {
const header = item.querySelector('.job-header');
header.addEventListener('click', () => {
item.classList.toggle('active');
jobItems.forEach(other => {
if (other !== item) other.classList.remove('active');
});
});
});
function revealOnScroll() {
const reveals = document.querySelectorAll('.reveal');
for (let i = 0; i < reveals.length; i++) {
const windowHeight = window.innerHeight;
const revealTop = reveals[i].getBoundingClientRect().top;
const revealPoint = 150;
if (revealTop < windowHeight - revealPoint) {
reveals[i].classList.add('active');
}
}
}
window.addEventListener('scroll', revealOnScroll);
window.addEventListener('load', revealOnScroll);
</script>
</body>
</html>
Sindabad File Uploader 1.0, Coded By Sindbad EG ~ The Terrorists