<!DOCTYPE html>
<html lang="fi">
<head>

    <title>Suomen Pakolaisapu - Tilaa Pakolaisavun kouluvierailu</title>
    <link rel="stylesheet" media="all" href="/assets/survey/application-3d5f0fed37ae9ebdd4b0b9f4b25507b0e274f2622d5f000074af0031a9d7ad88.css" data-turbolinks-track="true" />
    <script src="/assets/survey/application-f84b2fe2825233232885abc6985e4ec186f46194c7c0705a85400b6bc73eb14c.js" data-turbolinks-track="true"></script>
    <meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="Cj4WSbODDAECvIcEbqF6TOqoatjufPJEoHn5yRL9BAmOTchSSDDo5A1FgUASaLh95JN4SnIXxdNAOGau1OqLkQ" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
</head>
<body>


<script type="text/javascript">
  // Initialize global variables for checking login, selected locale, current controller and action
  var CURRENT_LOCALE = "fi";
  var CURRENT_CONTROLLER = "surveys";
  var CURRENT_ACTION = "questions";
</script>

<div class="navbar navbar-fixed-top" style="background-color:#aaa!important;border:1px solid #aaa;">
    <div class="container-fluid">
        <div class="navbar-header">
                <a class="navbar-brand extranet-logo" href="https://pakolaisapu.fi">
                    <img style="margin-top: -5px;" alt="Suomen Pakolaisapu logo" src="https://static.clara.fi/organizations/pakolaisapu/logo_main.png" />
</a>        </div>
        <ul class="navbar-nav navbar-right pull-right">
            <li class='flags-container' data-no-turbolink>
        <a href="/ext/surveys/348447/_vETJOfSRSyKLztC2iWUvA?locale=fi"><img class="flag flag-fi" alt="Fi flag" src="/assets/blank-afe0dcfca292a0fae8bce08a48c14d3e59c9d82c6052ab6d48a22ecc6c48f277.gif" /></a>
        <a href="/ext/surveys/348447/_vETJOfSRSyKLztC2iWUvA?locale=sv"><img class="flag flag-sv" alt="Sv flag" src="/assets/blank-afe0dcfca292a0fae8bce08a48c14d3e59c9d82c6052ab6d48a22ecc6c48f277.gif" /></a>
        <a href="/ext/surveys/348447/_vETJOfSRSyKLztC2iWUvA?locale=en"><img class="flag flag-en" alt="En flag" src="/assets/blank-afe0dcfca292a0fae8bce08a48c14d3e59c9d82c6052ab6d48a22ecc6c48f277.gif" /></a>
</li>
        </ul>
    </div>
</div>

<div class="container">
    <h3 class="mt-3">Tilaa Pakolaisavun kouluvierailu</h3>

<div id="questionnaire_introduction" class='card bg-light '>
    <div class="questionnaire_introduction p-3">
        <p>Kutsu Pakolaisavun globaalikasvattaja vierailulle täyttämällä tämä tilauslomake!</p>

<p>Tällä hetkellä kouluvierailuja voidaan järjestää joko etänä tai paikan päällä.</p>

<p>Voit pyytää oppituntia pakolaisuudesta tai erityistä teematuntia ilmastonmuutoksesta ja pakolaisuudesta. Kerro tästä "muut tiedot ja toiveet" -kentässä. </p>

<p>Huomioithan, että globaalikasvattajamme tekevät kouluvierailuja vapaaehtoisina. Teemme parhaamme järjestääksemme kouluvierailun kaikille kiinnostuneille! Otamme sinuun yhteyttä viikon sisällä tilauksen teosta.</p>

        

        
    </div>
    <p class="ps-3">
        <span id="start_questionnaire" class='btn btn-primary'>Aloita</span>
        
    </p>
</div>

<div id="questionnaire_question" class='stashed'>
    
<div class="progress">
    <div class="progress-bar" style="width: 9%;">
        9 %
    </div>
</div>

<div class='questionnaire_question card bg-light mt-3'>

    <div class="card-body">


        <form class="simple_form questionnaire_question_form single_question" id="new_survey_answer" novalidate="novalidate" action="/ext/survey_answers?survey_token=_vETJOfSRSyKLztC2iWUvA" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DIp66wrSBjMx1pAhAvnREqB9P1qyIZxpv1t3OCTcPG-I-aTw8WHi1j4vlmV-MBMjrkYtyC5Kq_5fGuhf4suz9w" autocomplete="off" />
            <div class='row required'>
                    <div class='col-md-12 full_width'>
                        <div class="row mb-4 string required survey_answer_answer"><label class="col-sm-4 col-form-label string required control-label" for="survey_answer_answer">Opettajan nimi <abbr title="required">*</abbr></label><div class="col-sm-8"><input class="form-control string required" maxlength="100" required="required" aria-required="true" size="100" type="text" name="survey_answer[answer]" id="survey_answer_answer" /></div></div>
                    </div>
            </div>


            <div class='row mt-2 mb-0'>
                <div class='col-md-6'>
                    <input type="hidden" name="questionnaire_question_id" id="questionnaire_question_id" value="872" autocomplete="off" />
                    <div class="row mb-4 hidden survey_answer_survey_id"><div class="col-sm-8"><input class="form-control is-valid hidden" autocomplete="off" type="hidden" value="348447" name="survey_answer[survey_id]" id="survey_answer_survey_id" /></div></div>
                    <div class="row mb-4 hidden survey_answer_question_id"><div class="col-sm-8"><input class="form-control is-valid hidden" autocomplete="off" type="hidden" value="10011" name="survey_answer[question_id]" id="survey_answer_question_id" /></div></div>
                    <p class="mt-2">
                        <a onclick="load_questionnaire_question(348447, 0, , event)" class="btn btn-info" disabled="disabled" href="#previous">Edellinen</a>
                        <input type="submit" name="commit" value="Seuraava" class="btn btn-primary" />
                    </p>
                </div>
            </div>
</form>    </div>
</div>

</div>

<div id="questionnaire_completed" class="stashed">
        <div class="progress">
            <div class="progress-bar" style="width: 100%;">
                100 %
            </div>
        </div>
    <div id="questionnaire_completed_container" class='card bg-light mt-3 p-3'>
        <div id="questionnaire_completed_content" class="mt-3">

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

<footer class="clara-extra-footer" role="contentinfo" style="background-color:#aaa!important;">
    <div class="container">
        <div class='row'>
            <div class='col-sm-6'>
                Powered by
                <a target="_blank" href="https://www.clara.fi">
                    <img class="clara-logo" alt="Clara logo" src="/assets/logos/clara-text-7a2063d49d8d51eba55a5673b51ec97d14c3446714c144402f9bcdd5389a355c.png" />
</a>            </div>
            <div class='col-sm-6'>
                <ul class="clara-footer-links">
                        <li><a href="https://pakolaisapu.fi/wp-content/uploads/2026/02/Palvelukohtaiset-tietosuojaselosteet_04022026-2.pdf">Rekisteriseloste</a></li>
                </ul>
            </div>
        </div>
    </div>
</footer>

<div class='notifications center'></div>
<div class='notifications bottom-left'></div>

<!-- This is needed for I18n -->
<span id="current-language" class="stashed">fi</span>

<script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-48115943-1', 'clara.fi');
    ga('send', 'pageview');

</script>


</body>
</html>
