<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:meta="http://xml.zope.org/namespaces/meta"
      xmlns:metal="http://xml.zope.org/namespaces/metal"
      xmlns:i18n="http://xml.zope.org/namespaces/i18n"
      xmlns:tal="http://xml.zope.org/namespaces/tal"
      i18n:domain="euphorie"
      id="conditions"
      meta:interpolation="true"
      tal:define="webhelpers nocall:context/@@webhelpers;
                  tools nocall:context/@@tools;
                  client nocall:request/client"
      metal:use-macro="context/@@shell/macros/shell">

<body>
<metal:slot fill-slot="content">
  <tal:block replace="tile:statusmessages"/>

  <article>
    <h1 i18n:translate="header_terms">Terms and conditions</h1>

    <tal:if condition="not:is_anonymous">
    <p class="message warning" i18n:translate="terms_changed" tal:condition="view/terms_changed">
    The terms and conditions have changed since your last visit. Please read the new terms and conditions carefully before proceding.
    </p>
    </tal:if>

    <form action="${request/getURL}" method="POST" class="concise">
      <fieldset class="vertical">
        <input type="hidden" name="came_from" value="${view/came_from}" tal:condition="view/came_from"/>
        <div id="conditions" class="conditions">
          <p i18n:translate="conditions_intro1">
            The OiRA (Online interactive Risk Assessment) application is an instrument put at your disposal by the European Agency for Safety and Health at Work (EU-OSHA). This Privacy Policy applies to all products, services and websites offered by EU-OSHA in the framework of the OiRA application.
          </p>

          <p i18n:translate="conditions_intro2">
            Your personal data is processed in line with Regulation (EC) N° 45/2001 of the European Parliament and of the Council of 18 December 2000 on the protection of individuals with regard to the processing of personal data by the Community institutions and bodies and on the free movement of such data. Further details of the privacy policy of EU-OSHA and the full text of the Regulation can be accessed at: <a href="http://osha.europa.eu/en/privacy-policy" i18n:name="url">http://osha.europa.eu/en/privacy-policy</a>.
          </p>

          <h2 i18n:translate="conditions_info_header">The Information we collect and for what purposes</h2>

          <p i18n:translate="conditions_info_entry">
          The kind of information we collect: when you sign up for an OiRA account and you enter data into the OiRA application we are asking you for the following information:</p>

          <ul>
            <li i18n:translate="conditions_info_email">
              Email account: this is necessary to access the online application, edit the input data, and delete the OiRA account. You can enter any valid e-mail address. Email addresses will not be used for commercial purposes.
            </li>

            <li i18n:translate="conditions_info_text">
              Any information you provide in the free text fields of the application (e.g. when you input a measure to tackle a risk, the person responsible for that measure, etc). The input of information in the free text fields is voluntary.
            </li>

            <li i18n:translate="conditions_info_cookies">
              Cookies – When you visit the site and select a language, we send a cookie to your computer or other device to store your language selection. This cookie stays in your browser until you close it. When you visit the site and log in, we send a cookie with your login information to keep you logged in during your visit. This cookie stays on your computer until you close your browser.  Most browsers are initially set up to accept cookies, but you can reset your browser to refuse all cookies or to indicate when a cookie is being sent. However, some features and services may not function properly if your cookies are disabled.
            </li>

            <li i18n:translate="conditions_info_logs">
              Log information – When you access the service, our servers automatically record information that your browser sends whenever you visit a website. These server logs may include information such as your web request, your interaction with a service, browser type, browser language, the date and time of your request. IP addresses are not stored in the system.
            </li>
          </ul>

          <p i18n:translate="conditions_info_use_intro">
            In addition to the above mentioned purposes, we may use the information we collect to provide, maintain, protect, and improve our services and develop new services. In any case no personal data will be used for processing of data.
          </p>
          <!-- Keep these for now to not break translations. -->
          <p i18n:translate="conditions_info_use_develop"></p>
          <p i18n:translate="conditions_info_use_statistics"></p>
          <p i18n:translate="conditions_info_not_personal"></p>

          <h2 i18n:translate="conditions_datacontroller_header">Data controller</h2>

          <p i18n:translate="condtions_datacontroller">
            The data controller is the European Agency for Safety and Health at Work, Bilbao.
          </p>

          <h2 i18n:translate="conditions_conservation_header">Conservation and processing of information</h2>

          <p i18n:translate="conditions_conservation_keep_data">
            We keep your data, which is inaccessible for external users, until you delete your account and your session(s).
          </p>

          <p i18n:translate="conditions_conservation_storage">
            EU-OSHA stores data on our servers in Zamudio, Spain.
          </p>

          <h2 i18n:translate="conditions_datareview_header">Reviewing and removing your information</h2>

          <p i18n:translate="conditions_datareview">
            You can use the Account settings and your saved OiRA Session(s) to review, control and delete the information stored in your Account and in your Session(s).
          </p>

          <h2 i18n:translate="conditions_security_header">Information security</h2>

          <p i18n:translate="conditions_security">
            We take appropriate security measures to protect against unauthorized access to or unauthorized alteration, disclosure or destruction of data. These include internal reviews of our data collection, storage and processing practices and security measures, including appropriate encryption of communication and physical security measures to guard against unauthorized access to systems where we store personal data. IP addresses are not saved so that end-users can not be identified through their access.
          </p>

          <h2 i18n:translate="conditions_contact_header">Contact information</h2>

          <p i18n:translate="conditions_contact">
            EU-OSHA regularly reviews its compliance with this Privacy Policy.  Any enquiries and complaints regarding our privacy policy can be sent to the DPO of EU-OSHA at <a i18n:name="dpo-email" href="mailto:DPO@osha.europa.eu">DPO@osha.europa.eu</a> or to the EDPS at <a i18n:name="edps-email" href="mailto:edps@edps.europa.eu">edps@edps.europa.eu</a>.
          </p>
        </div>
        <p class="buttonBar" tal:condition="not:is_anonymous">
          <!-- the javascript for disabling does not work, therefore I leave the button enabled for now
            To reenable, add disable="disabled" to the button, and uncomment the line that sets disabled
            in the Javascript below.
          -->
          <button id="agree-button" class="pat-button" type="submit" value="agree" i18n:translate="agree_and_continue">Agree and continue</button>
        </p>
      </fieldset>
    </form>
</article>

<script type="text/javascript">
// <![CDATA[
    function updateButton() {
        var $conditions = $(this),
            button = $("#agree-button")[0],
            at_bottom;

        if (!button.disabled) {
            return;
        }

        at_bottom=(this.scrollHeight-$conditions.scrollTop())<=$conditions.innerHeight();
        if (at_bottom) {
            button.disabled=false;
        }
    }

    $(document).ready(function() {
        $("#conditions").scroll(updateButton);
        #$("#agree-button")[0].disabled=true;
    });
// ]]>
</script>


  <tal:block replace="tile:client-analytics"/>
  </metal:slot>
  </body>
</html>

