{% extends 'default/base_default.html.twig' %}
{# % set formDocs = form.docs %}
{% use 'notice/_part_doc.html.twig' with html as doc_html_part, javascripts as doc_javascripts_part % #}
{% set formLocs = form.locs %}
{% use 'notice/_part_loc.html.twig' with html as loc_html_part, javascripts as loc_javascripts_part %}
{% set formOperators = form.operators %}
{% use 'notice/_part_operator.html.twig' with html as operator_html_part, javascripts as operator_javascripts_part %}
{% block title %}Podnet | {{ parent() }}{% endblock %}
{% block header %}
<span class="">
Podnety environmentálnych škôd a hrozieb
</span>
{% endblock %}
{% block content %}
{# zabranenie zobrazovania harmoniky, zoznamu a textu pri editovani #}
{% if '/edit/' not in app.request.pathinfo %}
<p>
Podnet môže byť podaný verejnosťou v prípadoch závažného znečistenia a poškodenia životného prostredia týkajúceho sa vôd, pôd, druhov a biotopov európskeho významu (Natura 2000). Formulár slúži na nahlásenie takýchto prípadov spôsobených prevádzkovateľmi.
<!--
Podnet môže byť podaný verejnosťou len vo vybraných prípadoch veľmi závažného znečistenia a poškodenia ŽP
týkajúceho sa vôd, pôd, druhov a biotopov eu. významu (Natura 2000). Formulár slúži na nahlásenie takýchto
prípadov spôsobených prevádzkovateľmi pri
<button class="btn btn-link p-0 m-0" data-toggle="popover" data-html="true" data-trigger="hover"
data-content="
a) iná pracovná činnosť týkajúca sa poškodenia druhov a biotopov eú významu (Natura 2000)
<br>b) prevádzky zariadení IPKZ
<br>c) odpady a nakladanie s nimi
<br>d) cezhraničný pohyb odpadov
<br>e) vypúšťanie odpadových vôd
<br>f) vypúšťanie znečisťujúcich látok
<br>g) odber a vzdúvanie vody
<br>h) výroba, používanie, uskladňovanie, spracúvanie, plnenie a uvoľňovanie do životného prostredia NCHL a NCH prípravkov, prípravkov na ochranu rastlín a biocídnych výrobkov, vrátane ich uvádzania na trh
<br>i) preprava nebezpečného alebo znečisťujúceho tovaru cestnou dopravou, železničnou dopravou, vodnou alebo leteckou dopravou
<br>j) prevádzky veľkých zdrojov znečisťovania ovzdušia
<br>k) používanie a zámerné uvoľňovanie GMO;
<br>l) nakladanie s ťažobným odpadom;
<br>m) ukladanie oxidu uhličitého do geologického podložia
">vykonávaní vybraných povolených činností
</button>
(čo je podľa zákona rozhodujúce) a v prípadoch poškodenia druhov a biotopov eu. významu (Natura 2000) aj pri
vykonávaní akejkoľvek inej činnosti len zavineným konaním prevádzkovateľov.
-->
</p>
<div id="accordion">
<div class="card bg-primary">
<div class="card-header" id="section_header_all">
<h4 class="mb-0">
<button class="btn btn-link text-uppercase" data-toggle="collapse" data-target="#section_body_all"
aria-expanded="true" aria-controls="section_body_all">
<i class="fas fa-plus mr-3"></i>Prehľad podnetov.
</button>
</h4>
</div>
<div id="section_body_all" class="collapse" aria-labelledby="section_header_all" data-parent="#accordion">
<div class="card-body">
{% include 'notice/_part_table_notices_podnet.html.twig' with {'notices': notices } only %}
</div>
</div>
</div>
<div class="card bg-primary">
<div class="card-header" id="section_header_new">
<h4 class="mb-0">
<button class="btn btn-link text-uppercase" data-toggle="collapse" data-target="#section_body_new"
aria-expanded="true" aria-controls="section_body_new">
<i class="fas fa-plus mr-3"></i>Pridanie nového podnetu.
</button>
</h4>
</div>
<div id="section_body_new" class="collapse" aria-labelledby="section_header_new" data-parent="#accordion">
<div class="card-body">
<div class="container">
{% endif %}
{{ form_start(form, {'attr': {'class': 'needs-validation', 'novalidate' : true}}) }}
<div class="row">
<h3>Informácia o škode.</h3>
</div>
<div class="row mb-3">
<div class="col-md">
<div class="row form-group align-items-center">
<div class="col-lg text-lg-right">
{{ form_label(form.nazov) }}
</div>
<div class="col-lg">
{{ form_widget(form.nazov, {'attr': {'class': 'form-control'}}) }}
</div>
</div>
<div class="row form-group align-items-center">
<div class="col-lg text-lg-right">
{{ form_label(form.podnet.vznik) }}
</div>
<div class="col-lg">
{{ form_widget(form.podnet.vznik, {'attr': {'class': 'form-control'}}) }}
</div>
</div>
<div class="row form-group align-items-center mb-3">
<div class="col-lg text-lg-right">
<label>
Súradnice epicentra:
</label>
</div>
<div class="col-lg">
<div class="row form-row">
<div class="col-md">
{{ form_widget(form.podnet.WGSN) }}
</div>
<div class="col-md">
{{ form_widget(form.podnet.WGSE, {'attr': {'class': 'form-control'}}) }}
</div>
</div>
</div>
</div>
<div class="row form-group justify-content-center dropdown ">
{{ form_label(form.podnet.poskodeneZdroje) }}
{{ form_widget(form.podnet.poskodeneZdroje) }}
</div>
</div>
{{ block('loc_html_part') }}
</div>
<div class="row mb-4">
<div class="col-lg-3 text-lg-right">
{{ form_label(form.podnet.opis) }}
</div>
<div class="col-lg-9">
{{ form_widget(form.podnet.opis, {'attr': {'class': 'form-control'}}) }}
</div>
</div>
<div class="row">
<h5>Pravdepodobní pôvodcovia:</h5>
<div class="w-100"></div>
{{ block('operator_html_part') }}
</div>
<div class="row mb-3">
<h3>Odosielateľ:</h3>
<div class="w-100"></div>
<div class="col-md">
{{ form_row(form.podnet.odNazov) }}
</div>
<div class="col-md">
{{ form_row(form.podnet.odAdresa) }}
</div>
<div class="w-100"></div>
<div class="col-md-4">
{{ form_row(form.podnet.odEmail) }}
</div>
<div class="col-md-4">
{{ form_row(form.podnet.odTelefon) }}
</div>
</div>
<div class="row mb-3">
<h5>Komu je adresovaný podnet (úrad):</h5>
<div class="w-100"></div>
<div class="col-md-9">
{{ form_row(form.podnet.urad) }}
</div>
{#
<div class="col">
{{ form_row(form.podnet.uradAdresa) }}
</div>
#}
</div>
<div class="row mb-3">
<h3>Prílohy</h3>
<div class="w-100"></div>
{% include 'notice/_part_doc.html.twig' with {'fUpload': form.fileupload, 'formDocs' : form.docs } only %}
{# { block('doc_html_part') } #}
</div>
{# <div class="row pt-2"> #}
{# <div class="col"> #}
{# <label class="required" for="notice_gdpr">Súhlasím so <a target="_blank" title="Odkaz na novú kartu" href="{{ path("gdpr") }}">spracovaním osobných údajov</a></label> #}
{# {{ form_widget(form.gdpr) }} #}
{# </div> #}
{# </div> #}
<div class="row pt-2">
<div class="col">
<p>
Informácia o <a target="_blank" title="Odkaz na novú kartu" href="{{ path("gdpr") }}">spracovaní
osobných údajov</a>.
</p>
</div>
</div>
<div id="agree" class="row align-items-center">
<div class="col-lg text-lg-right">
{{ form_label(form.podnet.agree) }}
</div>
<div class="col-lg">
{{ form_widget(form.podnet.agree, {'attr': {'class': 'form-check'}}) }}
</div>
</div>
{{ form_widget(form) }}
<button type="submit" class="btn btn-primary">Odoslat podnet</button>
{{ form_end(form) }}
{# zabranenie zobrazovania harmoniky, zoznamu a textu pri editovani #}
{% if '/edit/' not in app.request.pathinfo %}
</div>
</div>
</div>
</div>
</div>
{% endif %}
{% endblock %}
{% block javascripts %}
<script>
$('label.required').after('<span class="text-danger">*</span>');
</script>
<script>
$('[id*=section_body_]').on('show.bs.collapse', function () {
$('#' + this.id.replace('_body_', '_header_') + ' .fa-plus').addClass('fa-minus').removeClass('fa-plus');
});
$('[id*=section_body_]').on('hidden.bs.collapse', function () {
$('#' + this.id.replace('_body_', '_header_') + ' .fa-minus').addClass('fa-plus').removeClass('fa-minus');
});
</script>
<script>
$('[id*="poskodeneZdroje"] > label').addClass('custom-control-label');
$('[id*="poskodeneZdroje"] > input').addClass('custom-control-input');
$('[id*="poskodeneZdroje"] > input').each(function () {
$(this).add($(this).nextUntil('[id*="poskodeneZdroje"] > input')).wrapAll("<div class='dropdown-item custom-control custom-checkbox'></div>");
});
$('#poskodeneZdroje_label.dropdown-toggle').on('click', function (event) {
$('[id*="poskodeneZdroje"].dropdown-menu').slideToggle();
});
$('[id*="poskodeneZdroje"].dropdown-menu').on('click', function (event) {
event.stopPropagation();
});
$(window).on('click', function () {
$('[id*="poskodeneZdroje"].dropdown-menu').slideUp();
});
</script>
<script>
$('textarea').each(function (e) {
autosize(this);
});
</script>
<script>
$('#agree').addClass('skryty');
$('#agree input').prop('required', false);
</script>
{% include 'notice/_part_doc_js.html.twig' with {'count' : 100 } only %}
{# { block('doc_javascripts_part') } #}
{{ block('loc_javascripts_part') }}
{{ block('operator_javascripts_part') }}
<script>
</script>
<script>
// Example starter JavaScript for disabling form submissions if there are invalid fields
(function () {
'use strict';
window.addEventListener('load', function () {
// Fetch all the forms we want to apply custom Bootstrap validation styles to
var forms = document.getElementsByClassName('needs-validation');
// Loop over them and prevent submission
var validation = Array.prototype.filter.call(forms, function (form) {
form.addEventListener('submit', function (event) {
$('select option').each(function (e) {
if (this.value == "0") {
this.value = "";
}
});
if (form.checkValidity() === false) {
event.preventDefault();
event.stopPropagation();
}
if (!($('[id*="poskodeneZdroje"] input[type="checkbox"]').is(":checked"))) {
event.preventDefault();
event.stopPropagation();
$("#poskodeneZdroje_label").addClass('btn-outline-danger').removeClass('btn-outline-secondary');
$('[id*="poskodeneZdroje"] input[type="checkbox"]').change(function () {
$("#poskodeneZdroje_label").addClass('btn-outline-secondary').removeClass('btn-outline-danger');
});
}
form.classList.add('was-validated');
}, false);
});
}, false);
})();
</script>
{% endblock %}