34988-vm/create_survey.php
2025-10-15 18:14:20 +00:00

91 lines
4.5 KiB
PHP

<?php
require_once 'session.php';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Create a New Survey - survey-demo-app</title>
<meta name="description" content="Built with Flatlogic Generator">
<meta name="keywords" content="survey app, form builder, online forms, data collection, feedback tool, custom surveys, Flatlogic Generator">
<meta property="og:title" content="survey-demo-app">
<meta property="og:description" content="Built with Flatlogic Generator">
<meta property="og:image" content="">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<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;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm">
<div class="container">
<a class="navbar-brand" href="/">SurveyBuilder</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link active" href="create_survey.php">Create Survey</a>
</li>
</ul>
</div>
</div>
</nav>
<main class="section">
<div class="container">
<div class="text-center mb-5">
<h2>Create a New Survey</h2>
<p class="lead">Start by giving your survey a title, then add your questions.</p>
</div>
<form id="survey-form" action="save_survey.php" method="POST">
<div class="card mb-4">
<div class="card-body">
<div class="mb-3">
<label for="survey-title" class="form-label">Survey Title</label>
<input type="text" class="form-control form-control-lg" id="survey-title" name="title" required>
</div>
<div class="mb-3">
<label for="survey-description" class="form-label">Description</label>
<textarea class="form-control" id="survey-description" name="description" rows="3"></textarea>
</div>
</div>
</div>
<div id="questions-container"></div>
<div class="d-flex justify-content-center my-4">
<div class="btn-group" role="group" aria-label="Add Question Buttons">
<button type="button" class="btn btn-outline-primary add-question-btn" data-type="text"><i class="bi bi-input-cursor-text"></i> Add Short Text</button>
<button type="button" class="btn btn-outline-primary add-question-btn" data-type="multiple-choice"><i class="bi bi-ui-radios"></i> Add Multiple Choice</button>
<button type="button" class="btn btn-outline-primary add-question-btn" data-type="checkboxes"><i class="bi bi-ui-checks"></i> Add Checkboxes</button>
</div>
</div>
<div class="text-center">
<button type="submit" class="btn btn-primary btn-lg">Save Survey</button>
</div>
</form>
</div>
</main>
<footer class="footer mt-auto">
<div class="container text-center">
<p>&copy; <?php echo date("Y"); ?> SurveyBuilder. All Rights Reserved.</p>
<p><a href="privacy.php">Privacy Policy</a></p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
</body>
</html>