{% 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">Edition du groupe :
							{{groupe.nomGroupe}}</h4>

						<form action="{{path('edit_groupe', {'id': groupe.id})}}" 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="editGroup[nomGroup]" value="{{groupe.nomGroupe}}">
								</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="editGroup[nomHolding]" value="{{groupe.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="editGroup[adresse]" value="{{groupe.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="editGroup[marques][]" id="marqueEdit">

										{% for mAll in marquesAll %}
											<option value="{{mAll.id}}" {% set marquesGroupe = groupe.marques %} {% for marqueG in marquesGroupe %} {% if marqueG.id == mAll.id %} selected="selected" {% endif %} {% endfor %}>{{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 ($) {
        $('#marqueEdit').select2();
    })
</script>