{# @var ea \EasyCorp\Bundle\EasyAdminBundle\Context\AdminContext #}
{% extends '@EasyAdmin/layout.html.twig' %}

{% block content_title  %}{% endblock %}
{% block head_javascript %}
	{{ parent() }}

	{# <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>  #}
	
{% endblock head_javascript %}

{% block body_javascript %}
	<script src="https://cdn.jsdelivr.net/npm/axios@1.1.2/dist/axios.min.js"></script>
	 <script src="{{ asset('assets/js/salon/index.js')}}"></script> 

{% endblock body_javascript %}

{% block head_stylesheets %}
	{{ parent() }}
    {# {{ knp_pagination_rel_links(totaldevices) }} #}

{% endblock %}


{% block main %}
	

{% if message %}
    <div class="col-10">
        <div class="alert alert-success mb-4" id="message-alert" role="alert">
            {# A simple success alert—check it out! #}
            {{ message }}
        </div>
    </div>
{% endif %}

<div class="card border border-1 col-10">

	<div class="card-header">
		<div class="row">
				<h5>Création d'un nouveau salon</h5>
		</div>

    </div>

    <form action="" method="POST">
        <div class="mt-3" style="margin-left : 20px">
            <div class="col-6">
                <label for="newsalonname" class="form-label fw-bold">Nom du nouveau salon (*)</label>
                    <input type="text" class="form-control" id="newsalonname" name="newsalonname">
            </div>
        </div>

        <div class="mt-4" style="margin-left : 20px">
                 <div class="col-6">
					<select class="form-select form-select " id="salontocopy" name="salontocopy">
						<option selected disabled>Répertoire du salon à copier</option>
						{% for salonsource in salonssource %}
							<option value={{ salonsource.name }}>{{ salonsource.name }}</option>
						{% endfor %} 
					</select>
				</div>
        </div>

          <div class="mt-4" style="margin-left : 20px">
                 <div class="col-6">
					<select class="form-select form-select " id="dump"  name="dump" disabled>
						<option selected disabled>Dump SQL</option>
						{# {% for dumpsql in dumpssql %}
							<option value={{ dumpsql.name }}>{{ dumpsql.name }}</option>
						{% endfor %}  #}
					</select>
				</div>
        </div>

        <div class="mt-4 col-6 d-flex justify-content-around" style="margin-left : 20px">
            <div class="">
                <button type="submit" id="submit" name="submit" class="btn btn-primary" disabled>Valider</button>
            </div>
            {# <div class="">
                <button type="submit" id="cancel" name="cancel" class="btn btn-primary">Annuler</button>
            </div> #}
        </div>

        <div class="mt-3" style="margin-left : 20px">
        </div>

  </form>

</div>

{% endblock %}