124 lines
5.3 KiB
PHP
124 lines
5.3 KiB
PHP
<?php
|
|
// Initialize the session
|
|
session_start();
|
|
|
|
// Check if the user is logged in, if not then redirect him to login page
|
|
if (!isset($_SESSION["loggedin"]) || $_SESSION["loggedin"] !== true) {
|
|
header("location: index.php");
|
|
exit;
|
|
}
|
|
|
|
$template_img = isset($_GET['template']) ? htmlspecialchars($_GET['template']) : 'assets/images/pexels/placeholder.jpg';
|
|
|
|
?>
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Create Your Resume</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
|
|
</head>
|
|
<body class="dark-theme">
|
|
<div class="page-wrapper">
|
|
<!-- Sidebar -->
|
|
<aside class="sidebar">
|
|
<div class="sidebar-header">
|
|
<h2>AI Resume Builder</h2>
|
|
</div>
|
|
<nav class="sidebar-nav">
|
|
<a href="home.php">Home</a>
|
|
<a href="create.php" class="active">Create</a>
|
|
<a href="#" id="logout-btn-sidebar">Sign Out</a>
|
|
</nav>
|
|
</aside>
|
|
|
|
<!-- Main Content -->
|
|
<main class="main-content">
|
|
<div class="page-header">
|
|
<h1>Create Your Resume</h1>
|
|
<p>Fill out the details below to generate your professional resume.</p>
|
|
</div>
|
|
|
|
<div class="form-container">
|
|
<form id="resume-form">
|
|
<!-- Personal Details -->
|
|
<section class="form-section">
|
|
<h2>Personal Details</h2>
|
|
<div class="form-grid">
|
|
<div class="form-group">
|
|
<label for="full-name">Full Name</label>
|
|
<input type="text" id="full-name" name="fullName" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="email">Email</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">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="linkedin">LinkedIn Profile</label>
|
|
<input type="url" id="linkedin" name="linkedin">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="summary">Professional Summary</label>
|
|
<textarea id="summary" name="summary" rows="4"></textarea>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Work Experience -->
|
|
<section class="form-section">
|
|
<h2>Work Experience</h2>
|
|
<div id="experience-wrapper">
|
|
<!-- JS will inject fields here -->
|
|
</div>
|
|
<button type="button" id="add-experience-btn" class="btn-secondary">Add Experience</button>
|
|
</section>
|
|
|
|
<!-- Education -->
|
|
<section class="form-section">
|
|
<h2>Education</h2>
|
|
<div id="education-wrapper">
|
|
<!-- JS will inject fields here -->
|
|
</div>
|
|
<button type="button" id="add-education-btn" class="btn-secondary">Add Education</button>
|
|
</section>
|
|
|
|
<!-- Skills -->
|
|
<section class="form-section">
|
|
<h2>Skills</h2>
|
|
<div class="form-group">
|
|
<label for="skills">Skills (comma-separated)</label>
|
|
<input type="text" id="skills" name="skills" placeholder="e.g., Python, Project Management, Graphic Design">
|
|
</div>
|
|
</section>
|
|
|
|
<div class="form-actions">
|
|
<button type="submit" class="btn-primary">Generate Resume</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
|
|
<script src="https://www.gstatic.com/firebasejs/9.6.1/firebase-app-compat.js"></script>
|
|
<script src="https://www.gstatic.com/firebasejs/9.6.1/firebase-auth-compat.js"></script>
|
|
<div id="loading-overlay" class="loading-overlay">
|
|
<div class="spinner"></div>
|
|
<p>Generating your resume...</p>
|
|
</div>
|
|
|
|
<script src="https://www.gstatic.com/firebasejs/9.6.1/firebase-app-compat.js"></script>
|
|
<script src="https://www.gstatic.com/firebasejs/9.6.1/firebase-auth-compat.js"></script>
|
|
<script src="assets/js/auth.js?v=<?php echo time(); ?>"></script>
|
|
<script src="assets/js/form.js?v=<?php echo time(); ?>"></script>
|
|
</body>
|
|
</html>
|