<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<title>FAN CLUB SUPPORT Support</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<style>
body {
font-family: Arial, Helvetica, sans-serif;
padding-top: 300px;
background-color: #001f3f;
}
.navbar-dark .navbar-brand {
color: #ffffff;
}
.container {
border-radius: 10px;
background-color: #ffffff;
padding:15px;
}
h6
{
padding: 10 10 10 10;
margin-bottom: 5;
text-align: center;
}
:root {
color-scheme: light dark;
}
label {
font-size: 100%
}
select,
input,
textarea {
font-size: 100%
}
</style>
</head>
<body onload="setParams()">
<nav class="navbar navbar-dark fixed-top bg-dark">
<span class="navbar-brand mb-0 h1">Your Brand/Logo</span>
</nav>
<header> class> Need support? Fill out the form and send your request.</header>
<div class="container">
<h5>
</h5>
<div class="group">
<form method="POST" action="https://support2.talkatone.com/support/open.php"
onsubmit="if (!validate()) { alert('All fields are required! Message should be at least 30 characters long.'); return false; }">
<table class="table table-bordered mt-5" cellpadding="5" cellspacing="5">
<tbody>
<tr>
<th class="bg-danger text-white" colspan="2"><label for="subject">Inquiry type:</label><br>
<select id="subject" name="subject" style="width:98%">
<option>Support Inquiry</option>
<option>Crash Report</option>
<option>Feature Request</option>
<option>Anything else</option>
</select>
<input type="hidden" name="topicId" id="topicId" value="1">
<input type="hidden" name="pri" id="pri" value="2">
<input type="hidden" name="device" id="device" value="">
<input type="hidden" name="receipt" id="receipt" value="">
<input type="hidden" name="description" id="description"
value="Device: 1648EB40-254A-4B52-BF38-CF730829BA7F Client Version: 6.5.4 OS Version: 17.2.1 Device Info: iPhone13,4 Platform: iOS Contacts permission: No Location permission: No Push notification permission: Yes Mic permission: No Idfa permission: No Connected: false">
<input type="hidden" name="issue" id="issue"
value="Your account is not authorized. Please log in again.">
</th>
</tr>
<tr>
<td><label for="name">* Your name:</label><br>
<input name="name" id="name" style="width:98%" class="form-control">
</td>
</tr>
<tr>
<td><label for="email">* Your e-mail:</label><br>
<input name="email" id="email" style="width:98%" class="form-control">
</td>
</tr>
<tr>
<td valign="top" style="vertical-align: top;"><label
for="message">Please let us know exactly what is not working, be as detailed
as possible and remember to mention any error message you see.</label><br>
<textarea name="message" id="message" rows="10" style="width:98%"
class="form-control"></textarea>
</td>
</tr>
<tr>
<td colspan="2" halign="left" style="text-align: left;">* All fields are required</td>
</tr>
<tr>
<td colspan="2" halign="center" style="text-align: center;">
<input type="submit" value="Send Request" style="font-size:90%" class="btn btn-primary">
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
<script type="text/javascript">
function setParams() {
var url = new URL(window.location.href);
var name = url.searchParams.get("name");
var email = url.searchParams.get("email");
var message = url.searchParams.get("message");
var description = url.searchParams.get("description");
var type = url.searchParams.get("type");
var issue = url.searchParams.get("issue");
document.getElementById("name").value = name;
document.getElementById("email").value = email;
document.getElementById("message").value = message;
document.getElementById("description").value = description;
if (type != null) {
document.getElementById("subject").value = type;
}
if (issue != null) {
document.getElementById("issue").value = issue;
}
}
function validate() {no no
var emailField = document.getElementById("email");
var nameField = document.getElementById("name");
var messageField = document.getElementById("message");
if (emailField.value.length == 0 || emailField.value == 'null' ||
nameField.value.length == 0 || nameField.value == 'null' ||
messageField.value.length < 30 || messageField.value == 'null') {
return false;
} else {
return true;
}
}
</script>
</html>