<div class="panel" id="page1">

    <div class="container">

        <div class="row content-row">
            <div class="position-info">
                <div class="position-text">
                    <div class="position-title-wrap">
                        <div class="title"></div>
                        <div class="subtitle"></div>
                    </div>

                    <div class="position-image">
                            <img src="assets/<?php echo $campaignData['front_desktop']; ?>" alt="" class="pure-pic packshot-large" /> <!-- immagine front desktop form -->
                            <img src="assets/<?php echo $campaignData['front_mobile']; ?>" alt="" class="pure-pic packshot-small" /> <!-- immagine front mobile form -->
                        </div>
                </div>
            </div>
<?php


$questionsetId = $campaignData['questionset'];

$queryDomande = $connection->query("SELECT * FROM questions WHERE sets_in = '$questionsetId'");
$datiDomande = $queryDomande->fetchAll();

$qCount = count($datiDomande);

?>
<div class="position-form" style="z-index:9999999">
                <div class="form-title"></div>

                                <div class="questionfield"> <!-- contenitore-domande -->
                    <div class="questions_list-header"> <!-- titolo sezione domande, dinamicizzare testo e numero domande -->
                        <span>Rispondi a <?php echo $qCount; ?> domande</span>
                    </div>
                    <div class="questions_list">
<?php 

for($d = 0; $d < $qCount; $d++)
{
    if($d == 0)
    {
        $isActive = "active";
    }
    else
    {
        $isActive = "";
    }

    if($d == $qCount-1)
    {
        $isLast = "1";
    }
    else
    {
        $isLast = "0";
    }

$pointActive = $d;
$questionId = $datiDomande[$d]['id'];
$questionText = $datiDomande[$d]['text'];

?>

 <div class="questionblock <?php echo $isActive; ?>" data-last="<?php echo $isLast; ?>"> <!-- blocco singola domanda, data-last stabilisce se ultima della serie (per passare al form?), 0 o 1 -->
                                <div class="progress">
                                    <div class="rel">
                                        <div class="progress-points"><!-- pallini sotto domanda, la classe active stabilisce quella attuale -->
                                            <?php
                                            for($p = 0; $p < $qCount; $p++)
                                            {
                                                $isPointActive = "";
                                                if($p == $pointActive)
                                                {
                                                    $isPointActive = "active";
                                                }
                                            ?>
                                            <div class="progress-point <?php echo $isPointActive; ?>"></div> 
                                            <?php    
                                            }
                                            ?>
                                                                                            
                                                                                            
                                                                                    </div>
                                        <div class="progress-bar"> <!-- barra di progresso (alternativa ai progress points?) -->
                                                                                        <div style="width: 17%;"></div>
                                        </div>
                                    </div>
                                </div>

                                <div class="question-wrapper"> <!-- contenitore testo domanda -->
                                    <h3>
                                        <?php echo $questionText; ?>                                    </h3>
                                </div>

                                                                                <!-- risposte tramite a href, data-ga-action probabilmente eliminabile -->
                                                                                <!-- TODO: memorizzare le risposte se richiesto dalla campagna, opzione attualmente non presente nella base della landing originale -->
<?php 

$queryRisposte = $connection->query("SELECT * FROM answers WHERE question_id = '$questionId'");
$datiRisposte = $queryRisposte->fetchAll();
$rCount = count($datiRisposte);

for($r = 0; $r < $rCount; $r++)
{
    $rText = $datiRisposte[$r]['text'];
?>                                                                                
                                      <a href="#" class="button" >
                                        <?php echo $rText; ?>
                                        </a>
                                    
<?php 
}
?>                                        
                                
                                                            </div>

<?php
}

?>

                                                                           

                                                                                

                                                                                

                                                                                

                                                                        </div>
                </div>
            </div>

             </div>
    </div>

    <div class="prelander-progress hide">
    <div class="container">
        <div class="prelander-progress-in">
            <h3>Per favore aspetta un momento <br/>Verifichiamo le tue risposte!</h3>
            <div class="green-loadingbar"></div>
            <ul>
                <!--<li class="hide"><i class="fa fa-check"></i> Non e` stata trovata nessuna doppia registrazione</li>-->
                <li class="hide"><i class="fa fa-check"></i> Tutte le domande sono state completate correttamente</li>
                <li class="hide"><i class="fa fa-check"></i> Sei abilitato a provare</li>
            </ul>
        </div>
    </div>
</div></div>