| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Submit Support Ticket</title> |
| <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> |
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css"> |
| <style> |
| .ticket-form { |
| background-color: |
| border-radius: 10px; |
| padding: 30px; |
| box-shadow: 0 5px 15px rgba(0,0,0,0.1); |
| } |
| .form-header { |
| border-bottom: 2px solid |
| padding-bottom: 15px; |
| margin-bottom: 30px; |
| } |
| </style> |
| </head> |
| <body> |
| <!-- Navigation --> |
| <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> |
| <div class="container"> |
| <a class="navbar-brand" href="index.html">SupportHub</a> |
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> |
| <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" href="index.html">Home</a> |
| </li> |
| <li class="nav-item"> |
| <a class="nav-link active" href="submit-ticket.php">Submit Ticket</a> |
| </li> |
| <li class="nav-item"> |
| <a class="nav-link" href="track-ticket.php">Track Ticket</a> |
| </li> |
| <li class="nav-item"> |
| <a class="nav-link" href="login.php">Login</a> |
| </li> |
| </ul> |
| </div> |
| </div> |
| </nav> |
| |
| <!-- Main Content --> |
| <div class="container my-5"> |
| <div class="row justify-content-center"> |
| <div class="col-lg-8"> |
| <div class="ticket-form"> |
| <div class="form-header text-center"> |
| <h2><i class="bi bi-ticket-detailed"></i> Submit Support Ticket</h2> |
| <p class="text-muted">Fill out the form below and our team will get back to you shortly</p> |
| </div> |
| |
| <?php if ($success_message): ?> |
| <div class="alert alert-success alert-dismissible fade show" role="alert"> |
| <?php echo $success_message; ?> |
| <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button> |
| </div> |
| <?php endif; ?> |
| |
| <?php if ($error_message): ?> |
| <div class="alert alert-danger alert-dismissible fade show" role="alert"> |
| <?php echo $error_message; ?> |
| <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button> |
| </div> |
| <?php endif; ?> |
| |
| <form method="POST" action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']); ?>"> |
| <div class="row mb-3"> |
| <div class="col-md-6 mb-3"> |
| <label for="name" class="form-label">Full Name</label> |
| <input type="text" class="form-control" id="name" name="name" value="<?php echo htmlspecialchars($name); ?>" required> |
| </div> |
| <div class="col-md-6 mb-3"> |
| <label for="email" class="form-label">Email Address</label> |
| <input type="email" class="form-control" id="email" name="email" value="<?php echo htmlspecialchars($email); ?>" required> |
| </div> |
| </div> |
| |
| <div class="mb-3"> |
| <label for="subject" class="form-label">Subject</label> |
| <input type="text" class="form-control" id="subject" name="subject" value="<?php echo htmlspecialchars($subject); ?>" required> |
| </div> |
| |
| <div class="mb-3"> |
| <label for="description" class="form-label">Description</label> |
| <textarea class="form-control" id="description" name="description" rows="5" required><?php echo htmlspecialchars($description); ?></textarea> |
| </div> |
| |
| <div class="mb-4"> |
| <label for="priority" class="form-label">Priority</label> |
| <select class="form-select" id="priority" name="priority" required> |
| <option value="" disabled selected>Select priority level</option> |
| <option value="Low" <?php echo ($priority == 'Low') ? 'selected' : ''; ?>>Low</option> |
| <option value="Medium" <?php echo ($priority == 'Medium') ? 'selected' : ''; ?>>Medium</option> |
| <option value="High" <?php echo ($priority == 'High') ? 'selected' : ''; ?>>High</option> |
| <option value="Critical" <?php echo ($priority == 'Critical') ? 'selected' : ''; ?>>Critical</option> |
| </select> |
| </div> |
| |
| <div class="d-grid"> |
| <button type="submit" class="btn btn-primary btn-lg"> |
| <i class="bi bi-send-fill"></i> Submit Ticket |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <!-- Footer --> |
| <footer class="bg-dark text-white py-4"> |
| <div class="container"> |
| <div class="text-center"> |
| <p class="mb-0">© 2023 SupportHub. All rights reserved.</p> |
| </div> |
| </div> |
| </footer> |
| |
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> |
| </body> |
| </html> |
| |
