

	<form method="post" enctype="multipart/form-data" id="OlympiadForm" action="/post/save-olympiad">
	    {{ form_start(form) }}
	    <input value="{{ registration.sonataUserUserId }}" name="userId" type="hidden" />
	    <input value="{{ registration.id }}" name="schoolId" type="hidden" />
	    <div class="row justify-content-center">
	    	<div class="col-12">
		    	<h4 class="mt-5">Zgłoś uczniów do udziału w Olimpiadzie</h4>
				<p>Możesz zgłosić dowolną liczbę uczniów. Wystarczy, że podasz ich imię i nazwisko oraz klasę, do której uczęszczają.</p>
			</div>
		</div>
		<div class="mt-5">
    		<div id="childrenList">
	    		<div class="d-flex justify-content-between one-children" data-item-template>
	    			<div class="d-flex w-100">
	    				<div class="form-group w-100 mb-3">
							<label for="form-children-1" class="l1">Imię i nazwisko</label>
							<input placeholder="Imię i nazwisko" class="i1 form-control p-2" style="border:2px solid #fff" type="text"  name="olympiad[1][children]" id="form-children-1" autocomplete="off"/>
						</div>
						{% if groupsNameArr is defined %}
		    				<div class="form-group mb-3 ms-5">
								<label for="form-group-1" class="l2">Klasa</label>
									<select name="olympiad[1][group]" id="form-group-1" class="i2 text-black border-1 border-white p-2"> 
										{% for group in groupsNameArr %}
											<option value="{{ group }}" class="text-black">{{ group }}</option>
										{% endfor %}
									</select>
								
							</div>
						{% endif %}
	    			</div>

	    			{# <div style="width:200px;"></div> #}
	    		</div>
	    	</div>
			<div>
				<div class="btn-form" id="addChildren" aria-label="Dodaj osobę">Dodaj osobę +</div>
			</div>
		</div>
	    <div class="d-flex justify-content-center mt-5">
	    	<button type="submit" id="formSubmit" aria-label="WYŚLIJ ZGŁOSZENIE"><span>WYŚLIJ ZGŁOSZENIE</span></button>
	    </div>
	    {{ form_end(form) }}
	</form>