Files

247 lines
8.2 KiB
PHP

<?php
?>
<style>
.feedback-form-container {
max-width: 800px;
margin: 20px auto;
padding: 20px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
/* Add styles for the header image */
.feedback-header-image {
width: 100%;
max-width: 800px;
height: auto;
margin: 0 auto 20px;
display: block;
border-radius: 8px 8px 0 0;
}
.form-table {
width: 100%;
}
.form-table th {
width: 200px;
padding: 15px 10px;
vertical-align: top;
text-align: left;
}
.form-table td {
padding: 15px 10px;
}
.regular-text {
width: 100%;
padding: 8px;
border: 1px solid #ddd;
border-radius: 4px;
}
textarea.regular-text {
resize: vertical;
min-height: 100px;
}
.description {
color: #666;
font-style: italic;
margin-top: 5px;
}
.button-primary {
background-color: #0073aa;
border-color: #0073aa;
color: white;
padding: 10px 20px;
border-radius: 4px;
cursor: pointer;
margin-top: 20px;
}
.button-primary:hover {
background-color: #006291;
}
.notice-success {
background-color: #dff0d8;
border-left: 4px solid #5cb85c;
padding: 12px;
margin: 20px 0;
color: #3c763d;
}
</style>
<?php
// Get the image URL from the main function
$upload_dir = wp_upload_dir();
$image_url = $upload_dir['baseurl'] . '/2025/09/Capa_Redes_Sociais_PT-Br@FHD-1.png';
?>
<div class="feedback-form-container">
<img src="<?php echo esc_url($image_url); ?>" alt="Feedback Header Image" class="feedback-header-image">
<?php
if (isset($_GET['feedback']) && $_GET['feedback'] === 'success') {
echo '<div class="notice notice-success">
<p>Feedback enviado com sucesso!</p>
</div>';
}
?>
<h2>Formulário de Feedback</h2>
<form method="post" action="">
<?php wp_nonce_field('feedback_form_action', 'feedback_form_nonce'); ?>
<table class="form-table">
<tr>
<th><label for="global_score">Como você avalia o SIGE de maneira geral?</label></th>
<td>
<select
id="global_score"
name="global_score"
class="regular-text"
>
<option value="">Selecione uma opção</option>
<option value="Muito Ruim">Muito Ruim</option>
<option value="Ruim">Ruim</option>
<option value="Neutro">Neutro</option>
<option value="Bom">Bom</option>
<option value="Muito Bom">Muito Bom</option>
</select>
</td>
</tr>
<tr>
<th><label for="schedule">Como você avalia a agenda do evento?</label></th>
<td>
<select
id="schedule"
name="schedule"
class="regular-text"
>
<option value="">Selecione uma opção</option>
<option value="Muito Ruim">Muito Ruim</option>
<option value="Ruim">Ruim</option>
<option value="Neutro">Neutro</option>
<option value="Bom">Bom</option>
<option value="Muito Bom">Muito Bom</option>
</select>
</td>
</tr>
<tr>
<th><label for="technical_sessions">Como você avalia a duração das seções técnicas?</label></th>
<td>
<select
id="technical_sessions"
name="technical_sessions"
class="regular-text"
>
<option value="">Selecione uma opção</option>
<option value="Muito Ruim">Muito Ruim</option>
<option value="Ruim">Ruim</option>
<option value="Neutro">Neutro</option>
<option value="Bom">Bom</option>
<option value="Muito Bom">Muito Bom</option>
</select>
</td>
</tr>
<tr>
<th><label for="lectures">Como você avalia os temas das palestras?</label></th>
<td>
<select
id="lectures"
name="lectures"
class="regular-text"
>
<option value="">Selecione uma opção</option>
<option value="Muito Ruim">Muito Ruim</option>
<option value="Ruim">Ruim</option>
<option value="Neutro">Neutro</option>
<option value="Bom">Bom</option>
<option value="Muito Bom">Muito Bom</option>
</select>
</td>
</tr>
<tr>
<th><label for="coffee_break">Como você avalia os coffee breaks?</label></th>
<td>
<select
id="coffee_break"
name="coffee_break"
class="regular-text"
>
<option value="">Selecione uma opção</option>
<option value="Muito Ruim">Muito Ruim</option>
<option value="Ruim">Ruim</option>
<option value="Neutro">Neutro</option>
<option value="Bom">Bom</option>
<option value="Muito Bom">Muito Bom</option>
</select>
</td>
</tr>
<tr>
<th><label for="opening">Como você avalia a abertura do evento?</label></th>
<td>
<select
id="opening"
name="opening"
class="regular-text"
>
<option value="">Selecione uma opção</option>
<option value="Muito Ruim">Muito Ruim</option>
<option value="Ruim">Ruim</option>
<option value="Neutro">Neutro</option>
<option value="Bom">Bom</option>
<option value="Muito Bom">Muito Bom</option>
</select>
</td>
</tr>
<tr>
<th><label for="short_courses">Como você avalia os minicursos do evento?</label></th>
<td>
<select
id="short_courses"
name="short_courses"
class="regular-text"
>
<option value="">Selecione uma opção</option>
<option value="Muito Ruim">Muito Ruim</option>
<option value="Ruim">Ruim</option>
<option value="Neutro">Neutro</option>
<option value="Bom">Bom</option>
<option value="Muito Bom">Muito Bom</option>
</select>
</td>
</tr>
<tr>
<th><label for="suggestions">Deixe aqui outras sugestões para a comissão organizadora:</label></th>
<td>
<textarea
id="suggestions"
name="suggestions"
class="regular-text"
rows="5"
></textarea>
<p class="description">Campo opcional</p>
</td>
</tr>
</table>
<input
type="submit"
name="submit_feedback_form"
class="button button-primary"
value="Enviar Feedback"
>
</form>
</div>