278 lines
19 KiB
PHP
278 lines
19 KiB
PHP
<!DOCTYPE html>
|
||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>EU Turkmenistan</title>
|
||
<script src="/js/tailwind.js"></script>
|
||
<link rel="stylesheet" href="{{ asset('css/main.css') }}">
|
||
</head>
|
||
<body class="bg-gray-100" style="height:max-content; min-height: 100%">
|
||
<div style="display:flex; justify-content: center; align-items: center; min-height: 100%; width: 100%">
|
||
<form class="p-6" action="/submit" method="post" enctype="multipart/form-data">
|
||
<div class="flex px-2 items-center pb-8" style="justify-content: space-between">
|
||
<a href="/">
|
||
<img style="width: 150px;" src="/img/euflag.png" alt="EU-TM">
|
||
</a>
|
||
<a href="/">
|
||
<img style="width: 150px" src="/img/eutm.jpg" alt="EU-TM">
|
||
</a>
|
||
</div>
|
||
{!! $event->form_text !!}
|
||
<br/>
|
||
@csrf
|
||
<input type="hidden" value="{{ $event->id }}" name="event_id">
|
||
|
||
<div class="grid grid-cols-2 gap-2">
|
||
<div>
|
||
<label for="name"><b>Name and surname <span class="text-blue-600">(as on your photo ID)</span></b></label>
|
||
<input type="text" id="name" name="name" required>
|
||
</div>
|
||
|
||
<div>
|
||
<label for="name"><b>Organization</b></label>
|
||
<input type="text" id="name" name="ogranization">
|
||
</div>
|
||
|
||
<div>
|
||
<label for="name"><b>City and country</b></label>
|
||
<input type="text" id="name" name="name" required>
|
||
</div>
|
||
|
||
<div>
|
||
<label for="email"><b>Email</b></label>
|
||
<input type="email" id="mail" name="email">
|
||
</div>
|
||
</div>
|
||
|
||
<p class="text-red-800">
|
||
*Upon your confirmation of the following, you will receive a QR code to your e-mail which you must present at the registration together with your photo ID.
|
||
</p><br/>
|
||
|
||
<input type="radio" id="is_attending" name="is_attending" onclick="showConsent()" required value="1">
|
||
<label class="light" for="is_attending">I confirm my participation</label>
|
||
|
||
<input type="radio" name="is_attending" id="not_attending" onclick="hideConsent()" required value="0">
|
||
<label class="light" for="not_attending">I decline the invitation</label>
|
||
|
||
<br/> <br/>
|
||
|
||
<div id="hideBlock">
|
||
<p class="text-blue-600 underline">
|
||
To complete your registration, please scroll down to confirm your consent for processing of personal data.
|
||
</p> <br/>
|
||
<h3 class="font-bold pb-2 text-center">INFORMATION ON PROCESSING PERSONAL DATA</h3>
|
||
<p>
|
||
The European External Action Service together with EU Delegations process personal data in accordance with Regulation (EU) 2018/1725 of the European Parliament and of the Council of 23 October 2018 on the protection of natural persons with regard to the processing of personal data by the Union institutions, bodies, offices and agencies and on the free movement of such data. Please review the <a class="text-blue-600 underline" href="https://www.eeas.europa.eu/sites/default/files/documents/2023/EEAS%20Privacy%20Statement%20Europe%20Day%202023%20HQ-EUDEL.pdf">EEAS PRIVACY STATEMENT - DATA PROTECTION NOTICE.</a>
|
||
</p><br/>
|
||
<h3 class="font-bold pb-2 text-center">CONSENT FORM FOR PROCESSING PERSONAL DATA</h3>
|
||
<p>
|
||
In relation to the event organised by the EEAS/EU Delegation, your personal data, including your name, contact details and administrative information are collected to facilitate your participation in the event/meeting, including in person or via videoconferencing tools, to implement organisational arrangements and your entry to the building or connection to the videoconference. The processing of personal data is necessary for the task carried out in the public interest for the management and functioning of the European External Action Service, as mandated by the EU Treaties.<br/><br/>
|
||
During the event you may be photographed or filmed and your camera and microphone may be recorded. If you give your consent by written or oral statement, the EEAS or the specific Delegation of the European Union may disclose, publish, transmit or, if applicable, quote such material in activities intended for the public through communication channels of the EEAS (including social media accounts and channels) to promote EU values and disseminate information related to them. You can also consent to the publication of your name and contact data in the list of participants of the meeting and the use of your data to provide you with further information about the EU.<br/><br/>
|
||
You can withdraw consent any time and object to the processing indicating it to the organisers using the functional mailbox of the EEAS/EU Delegation or the e-mail address from which you have received the invitation from. This does not influence the legality of processing your data and using your content before we receive your withdrawal. We will remove all available material and information within a reasonable time after you withdrew consent.<br/><br/>
|
||
The Data Protection Notices in the context of standard in person events and meetings as well as hybrid or online (VTC) events contain information for participants about personal data processing. Both notices are accessible on the <a class="text-blue-600 underline" href="https://www.eeas.europa.eu/eeas/data-protection_en">Data Protection pages of the EEAS</a> website within the section <a class="text-blue-600 underline" href="https://www.eeas.europa.eu/eeas/privacy-statements-data-protection-notices_en">’Privacy Statements – Data Protection Notices’</a> under the heading ”Privacy Statements Events & Meetings” The Data Protection Notice on in-person events is available in five languages <a class="text-blue-600 underline" href="https://www.eeas.europa.eu/eeas/privacy-statements-data-protection-notices_en#1157">@EEAS webpage on Privacy Statements</a>. You can also find further information on how your data is processed if you give consent to be included in a contact list - managed by the EEAS/EU Delegation - in the EEAS Privacy Statements on <a class="text-blue-600 underline" href="https://www.eeas.europa.eu/publication/eeas-privacy-statement-data-protection-notice-purpose-processing-personal-data-1_en">Contact lists</a> and on <a class="text-blue-600 underline" href="https://www.eeas.europa.eu/eeas/eeas-privacy-statement-data-protection-notice-purpose-processing-personal-data-related-public_en">Public Diplomacy Initiatives by the EEAS</a>.<br/><br/>
|
||
In addition to personal data that we process for the purpose of organising the event/meeting to enable your participation, in this consent form you have the option to provide consent to either one or more personal data processing activities.
|
||
</p><br/><br/>
|
||
|
||
<div class="pb-3" style="display: flex; width: 100%; align-items: center">
|
||
<p>Please review detailed <a class="text-blue-600 underline" href="https://intranet.eeas.europa.eu/system/files/inline-files/EEAS%20Consent%20Template%20EVENT%20PARTICIPANTS%20-%20To%20be%20adjusted%20by%20Divisions-Delegations_EN_0.docx">CONSENT FORM</a></p>
|
||
</div>
|
||
|
||
<div>
|
||
<p><b><i>Disclaimer: The organisers waive responsibility of videos/photos taken, shared and published by participants or other individuals, including journalists and other media fora not contracted by the EEAS or the EU Delegation.</i></b></p>
|
||
</div><br/>
|
||
|
||
<div class="pb-3" style="display: flex; width: 100%; align-items: center">
|
||
<div style="width: 3%">
|
||
<input type="checkbox" name="consent_form" id="consent_form" style="display:block">
|
||
</div>
|
||
<div style="width: 97%">
|
||
<label for="consent_form">
|
||
I consent that video(s) and/or photo(s) taken of me during the event/meeting, including web streaming and the recording of the event/meeting are used in EU communication activities including social media platforms.
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<div class="pb-3" style="display: flex; width: 100%; align-items: center">
|
||
<div style="width: 3%">
|
||
<input type="checkbox" name="consent_form_second" id="consent_form_second" style="display:block">
|
||
</div>
|
||
<div style="width: 97%">
|
||
<label for="consent_form_second">
|
||
I consent that my name and contact details are included in an established contact list shared internally among EEAS services for the purpose of promoting EU public diplomacy activities/events and disseminating information, including newsletters.
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<div class="pb-3" style="display: flex; width: 100%; align-items: center">
|
||
<div style="width: 3%">
|
||
<input type="checkbox" name="consent_form_third" id="consent_form_third" style="display:block">
|
||
</div>
|
||
<div style="width: 95%">
|
||
<label for="consent_form_third">
|
||
I consent that my name and contact details are published in the list of participants of the event.
|
||
</label>
|
||
</div>
|
||
</div>
|
||
|
||
<br/>
|
||
</div>
|
||
<button id="right_sender" style="display: none" class="p-2 px-8 bg-blue-800 hover:bg-blue-600 text-gray-100 mb-2 font-bold submit-form" type="submit">Submit</button>
|
||
<button id="modal_opener" style="width: fit-content; cursor: pointer; display: block" class="p-2 px-8 bg-blue-800 hover:bg-blue-600 text-gray-100 mb-2 font-bold submit-form modal-open" type="button">Submit</button>
|
||
<!--Modal-->
|
||
<div class="modal opacity-0 transition-opacity ease-in duration-100 pointer-events-none fixed w-full h-full top-0 left-0 flex items-center justify-center">
|
||
<div class="modal-overlay absolute w-full h-full bg-gray-900 opacity-50"></div>
|
||
|
||
<div class="modal-container bg-white w-11/12 md:max-w-md mx-auto rounded shadow-lg z-50 overflow-y-auto">
|
||
|
||
<div class="modal-close absolute top-0 right-0 cursor-pointer flex flex-col items-center mt-4 mr-4 text-white text-sm z-50">
|
||
<svg class="fill-current text-white" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
||
<path d="M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z"></path>
|
||
</svg>
|
||
<span class="text-sm">(Esc)</span>
|
||
</div>
|
||
|
||
<!-- Add margin if you want to see some of the overlay behind the modal-->
|
||
<div class="modal-content py-8 text-left px-8">
|
||
<!--Title-->
|
||
<div class="flex justify-between items-center pb-3">
|
||
<p class="text-2xl font-bold">Are you sure you do not want to sign off the consent forms?</p>
|
||
</div>
|
||
|
||
<!--Footer-->
|
||
<div class="flex justify-end pt-6">
|
||
<button type="submit" class="px-4 bg-transparent p-3 rounded-lg text-blue-500 hover:bg-gray-100 hover:text-blue-400 mr-2">Yes</button>
|
||
<button class="modal-close px-4 bg-blue-500 p-3 rounded-lg text-white hover:bg-blue-400">No</button>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="w-full text-center">
|
||
<img class="w-2/3 pt-5 m-auto" src="/img/disclaimer.png" alt="EU-Delegation"><br/><br/><br/>
|
||
<div class="pt-4 pb-4">
|
||
<h4><b>Our sponsors</b></h4><br/>
|
||
<div class="grid grid-cols-2 gap-8 pt-3">
|
||
<div class="p-2">
|
||
<img src="/img/sponsors/bomca.png" alt="Bomca" class="w-full">
|
||
</div>
|
||
<div class="p-2">
|
||
<img src="/img/sponsors/ynamdar.png" alt="Ynamdar" class="w-4/5">
|
||
</div>
|
||
</div>
|
||
<div class="flex pt-8" style="justify-content:space-between">
|
||
<div class="w-1/4">
|
||
<img class="p-2" src="/img/sponsors/france.png" alt="France">
|
||
</div>
|
||
<div class="w-2/5">
|
||
<img class="p-2" src="/img/sponsors/germany.png" alt="Germany">
|
||
</div>
|
||
<div class="w-1/4">
|
||
<img class="p-2" src="/img/sponsors/meno.png" alt="Meno Logistics">
|
||
</div>
|
||
</div>
|
||
<div class="flex pt-2" style="justify-content:space-between">
|
||
<div class="w-1/3">
|
||
<img class="p-2" src="/img/sponsors/detoxbox.png" alt="Detoxbox">
|
||
</div>
|
||
<div class="w-1/4">
|
||
<img class="p-4" src="/img/sponsors/tylla_nal.png" alt="Tylla nal">
|
||
</div>
|
||
<div class="w-1/3">
|
||
<img class="p-2 pl-12 w-4/5" src="/img/sponsors/gyzgala.png" alt="Gyzgala">
|
||
</div>
|
||
</div>
|
||
<div class="flex pt-2 pb-4" style="justify-content:space-evenly">
|
||
<div class="w-1/2">
|
||
<img class="p-6" src="/img/sponsors/hilli_tilsimat.png" alt="Hilli tilsimat">
|
||
</div>
|
||
<div class="w-1/3">
|
||
<img class="p-6" src="/img/sponsors/dessange.png" alt="Dessange">
|
||
</div>
|
||
</div>
|
||
<div class="flex pt-8" style="justify-content:space-evenly">
|
||
<div class="w-1/3">
|
||
<img class="p-6" src="/img/sponsors/owadan.png" alt="Owadan tourism">
|
||
</div>
|
||
<div class="w-1/5">
|
||
<img class="p-6" src="/img/sponsors/turkish_airlines.png" alt="Turkish Airlines">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
|
||
</div>
|
||
<script src="https://code.jquery.com/jquery-3.6.4.min.js" integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8=" crossorigin="anonymous"></script>
|
||
<script>
|
||
function hideConsent(){
|
||
$('#right_sender').attr('style', 'display:block; width: fit-content; cursor: pointer;');
|
||
$('#modal_opener').hide();
|
||
var hideblock = document.getElementById('hideBlock');
|
||
hideblock.setAttribute('style', 'display:none');
|
||
}
|
||
|
||
function showConsent(){
|
||
var elem = document.getElementById('consent_form');
|
||
elem.removeAttribute('checked');
|
||
var elem_second = document.getElementById('consent_form_second');
|
||
elem_second.removeAttribute('checked');
|
||
var elem_third = document.getElementById('consent_form_third');
|
||
elem_third.removeAttribute('checked');
|
||
$('#modal_opener').attr('style', 'display:block; width: fit-content; cursor: pointer;');
|
||
$('#right_sender').hide();
|
||
var hideblock = document.getElementById('hideBlock');
|
||
hideblock.setAttribute('style', 'display:block');
|
||
}
|
||
|
||
$(".modal-open").on('click', function (event) {
|
||
if($("#consent_form").prop('checked') || $("#consent_form_second").prop('checked') || $("#consent_form_third").prop('checked')){
|
||
if($("#consent_form").prop('checked')){
|
||
$("#consent_form").attr('value', 1);
|
||
}
|
||
if($("#consent_form_second").prop('checked')){
|
||
$("#consent_form_second").attr('value', 1);
|
||
}
|
||
if($("#consent_form_third").prop('checked')){
|
||
$("#consent_form_third").attr('value', 1);
|
||
}
|
||
$('form').submit();
|
||
}
|
||
else{
|
||
event.preventDefault();
|
||
toggleModal();
|
||
}
|
||
});
|
||
|
||
const overlay = document.querySelector(".modal-overlay");
|
||
overlay.addEventListener("click", toggleModal);
|
||
|
||
var closemodal = document.querySelectorAll(".modal-close");
|
||
for (var i = 0; i < closemodal.length; i++) {
|
||
closemodal[i].addEventListener("click", toggleModal);
|
||
}
|
||
|
||
document.onkeydown = function (evt) {
|
||
evt = evt || window.event;
|
||
var isEscape = false;
|
||
if ("key" in evt) {
|
||
isEscape = evt.key === "Escape" || evt.key === "Esc";
|
||
} else {
|
||
isEscape = evt.keyCode === 27;
|
||
}
|
||
if (isEscape && document.body.classList.contains("modal-active")) {
|
||
toggleModal();
|
||
}
|
||
};
|
||
|
||
function toggleModal() {
|
||
const body = document.querySelector("body");
|
||
const modal = document.querySelector(".modal");
|
||
modal.classList.toggle("opacity-0");
|
||
modal.classList.toggle("pointer-events-none");
|
||
body.classList.toggle("modal-active");
|
||
}
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|