{% extends 'base.html.twig' %}
{% block ExtraCSSFiles %}
    {# custom css file of this page#}
    <link href="{{ asset('css/security/addNewField.css') }}" rel="stylesheet" type="text/css" />
{% endblock %}
{% block title %}Hello DefaultController!{% endblock %}

{% block MainContent %}
<div class="kt-login kt-login--v1">
	<div class="kt-login__wrapper">
		<div class="kt-login__body">
			<div class="kt-login__form">
			<form class="kt-form" action="" >
				<div class="row">
					<div class="col-xl-6 col-lg-6">
						<div class="form-group">
							<input class="form-control" type="text" placeholder="Text">
						</div>
					</div>
					<div class="col-xl-6 col-lg-6">
						<div class="form-group">
							<div class="kt-select__box">
								<select class="form-control kt-selectpicker" data-live-search="true">
									<option>Hot Dog, Fries and a Soda</option>
									<option>Burger, Shake and a Smile</option>
									<option>Sugar, Spice and all things nice</option>
								</select>
							</div>
						</div>
					</div>
					<div class="col-xl-6 col-lg-6">
						<div id="kt_repeater_3">
							<div class="form-group">
								<div data-repeater-list="" class="">
									<div data-repeater-item class="kt-margin-b-10">
										<div class="">
												<input type="text" class="form-control form-control-danger" placeholder="Email">
										</div>
									</div>
								</div>
							</div>
									<div data-repeater-create="" class="btn btn btn-primary">
										<span>
											<i class="la la-plus"></i>
											<span>Add</span>
										</span>
									</div>
						</div>
					</div>
					<div class="col-xl-6 col-lg-6">
						<div class="form-group">
							<div class="">
								<div class="kt-checkbox-inline">
									<label class="kt-checkbox kt-checkbox--bold kt-checkbox--brand" cheched="">
										<input type="checkbox"> Option 1
										<span></span>
									</label>
									<label class="kt-checkbox kt-checkbox--bold kt-checkbox--brand">
										<input type="checkbox" checked="checked"> Option 2
										<span></span>
									</label>
									<label class="kt-checkbox kt-checkbox--bold kt-checkbox--brand">
										<input type="checkbox"> Option 3
										<span></span>
									</label>
								</div>
								<span class="form-text text-muted">Some help text goes here</span>
							</div>
						</div>
					</div>
				</div>
				<div class="kt-login__actions mt-3">
					<button id="kt_login_signin_submit" class="btn btn-primary btn-elevate kt-login__btn-primary">Submit Button</button>
				</div>
			</form>
		</div>
		</div>
	</div>
</div>
{% endblock %}

{% block ExtraJsFIles %}

	<script src="{{ asset('js/demo1/pages/login/login-1.js') }}" type="text/javascript"></script>
	<script src="{{ asset('js/demo1/pages/crud/forms/widgets/bootstrap-select.js') }}" type="text/javascript"></script>
	<script src="{{ asset('js/demo1/pages/crud/forms/widgets/form-repeater.js') }}" type="text/javascript"></script>

{% endblock %}