{% include 'header.html.twig' %}
{% block content %}

	<title>Edition</title>
	<div class="container-fluid vh-100 p-5" style="background-color:#212529">
		<div class="row justify-content-md-center">
			<div class="col-sm-6">
				<div class="card bg-dark">

					<div class="card-body">
						<h4 class="text-light">Création d'un nouveau groupe</h4>

						<form action="{{path('create_groupe')}}" method="post" enctype="multipart/form-data">
							<div class="form-group pt-3">
								<label class="text-light">Nom du groupe :</label>
								<div class="input-group">
									<input type="text" class="form-control" name="createGroup[nomGroup]">
								</div>
							</div>
							<div class="form-group pt-3">
								<label class="text-light">Nom de la holding :</label>
								<div class="input-group">
									<input type="text" class="form-control" name="createGroup[nomHolding]">
								</div>
							</div>
							<div class="form-group pt-3">
								<label class="text-light">Adresse :</label>
								<div class="input-group">
									<input type="text" class="form-control" name="createGroup[adresse]">
								</div>
							</div>
							<div class="form-group pt-3">
								<label class="text-light">Marques :</label>
								<div class="input-group">
									<select multiple class="form-control" name="createGroup[marques][]" id="marqueCreate">

										{% for mAll in marquesAll %}
											<option value="{{mAll.id}}">{{mAll.marque}}</option>
										{% endfor %}
									</select>

								</div>
							</div>
                            <button type"submit" style="float:right" class="btn btn-success mt-3">Editer</button>

						</form>


					</div>
				</div>
			</div>
		</div>
	</div>

{% endblock %}
<script src="{{asset('plugins/jquery/jquery.min.js')}}"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
	jQuery(document).ready(function ($) {
        $('#marqueCreate').select2();
    })
</script>