{% extends 'baseformulaire.html.twig' %}

{% block title %}Demande de visite{% endblock %}

{% block body %}


{% for label, messages in app.flashes %}
        <div class="alert alert-{{ label }}">
            {% for message in messages %}
                {{ message }}
            {% endfor %}
        </div>
{% endfor %}

<div class="row">
    <div class="col-md-12">
        <div class="card-box taille-40">
            <h4 class="m-t-0 m-b-30 header-title">Formulaire de demande de visite</h4>

            
            
            <form role="form" action="" method="POST"   enctype="multipart/form-data" > 
             <br>   
            <div class="row">
                <div class="form-group col-md-4">
                    <label for="nomvisiteur">Nom <sup>*</sup></label>
                    <input name="nomvisiteur" id="nomvisiteur"  data-parsley-length="[2,80]"  placeholder=""  type="text" value="{{DEMANDEVISITE.nomvisiteur}}" required class="form-control" > 
                </div> 
                
                <div class="form-group col-md-4">
                    <label for="prenomvisiteur">Prénom <sup>*</sup></label>
                    <input name="prenomvisiteur" id="prenomvisiteur" placeholder=""   data-parsley-length="[1,100]"   type="text" value="{{DEMANDEVISITE.prenomvisiteur}}"required class="form-control" > 
                </div> 
                
                <div class="form-group col-md-4">
                    <label for="sexevisiteur">Sexe <sup>*</sup></label>
                    <select name="sexevisiteur" id="sexevisiteur"  class="form-control select2" > 
                        <option value="Féminin">Féminin</option>
                        <option value="Masculin" {% if DEMANDEVISITE.sexevisiteur == "Masculin" %} selected {% endif %} >Masculin</option>
                    </select>
                </div> 
            </div>  
            <br>
                    <div class="row">
                        <div class="form-group col-md-4">
                            <label for="societevisiteur">Société</label>
                            <input name="societevisiteur" id="societevisiteur" placeholder="Cloud & Racks"   data-parsley-length="[1,100]"   type="text" value="{{DEMANDEVISITE.societevisiteur}}"  class="form-control" > 
                        </div> 
                        
                        <div class="form-group col-md-4">
                            <label for="postevisiteur">Poste</label>
                            <input name="postevisiteur" id="postevisiteur" placeholder="Informaticien,Technicien..."   data-parsley-length="[1,100]"   type="text" value="{{DEMANDEVISITE.postevisiteur}}"  class="form-control" > 
                        </div>
                        <div class="form-group col-md-4">
                            <label for="statutvisiteur">Statut du visiteur <sup>*</sup></label>
                            <select name="statutvisiteur" id="statutvisiteur"  class="form-control select2" > 
                                <option value="Nouveau">Nouveau Client</option>
                                <option value="Ancien" {% if DEMANDEVISITE.statutvisiteur == "Ancien" %} selected {% endif %} >Client Existant</option>
                            </select>
                        </div> 
                            
                    </div>  
           <br>
            <div class="row">
                <div class="form-group col-md-4 col-4">
                    <label for="emailvisiteur">Email <sup>*</sup></label>
                    <input name="emailvisiteur" id="emailvisiteur"  data-parsley-length="[1,100]"  placeholder="Ex: abcdefg@ijk.lm"   parsley-type="email"   type="email" value="{{DEMANDEVISITE.emailvisiteur}}"    class="form-control" > 
                </div> 
                
                <div class="form-group col-md-4 col-4">
                    <label for="telvisiteur">Téléphone <sup>*</sup></label>
                    <input name="telvisiteur" id="telvisiteur"   data-parsley-length="[8,50]"   data-parsley-type="digits" placeholder="Ex: 0022890000000"  type="tel" value="{{DEMANDEVISITE.telvisiteur}}"   class="form-control"  > 
                </div>
                
                <div class="form-group col-md-4 col-4">
                    <label for="nombrevisiteur">Nombres de visiteurs <sup>*</sup></label>
                    <input name="nombrevisiteur" id="nombrevisiteur"  data-parsley-length="[1,100]"  placeholder="Ex: 2 ou 3"   parsley-type="digits"   type="number" value="{{DEMANDEVISITE.nombrevisiteur}}"    class="form-control" > 
                </div>
                    
            </div>   
            <br>

                <div class="row">
                    <div class="form-group col-md-3">
                        <label for="piecevisiteur">Pièce d'identitée</label>
                        <select name="piecevisiteur" id="piecevisiteur"  class="form-control select2" > 
                            <option value="Carte d'identitée">Carte d'identitée</option>
                            <option value="Passeport" >Passeport</option>
                        </select>
                    </div> 
                    
                    <div class="form-group col-md-3">
                        <label for="numpiecevisiteur">Numero de la pièce</label>
                        <input name="numpiecevisiteur" id="numpiecevisiteur" data-parsley-maxlength="50" placeholder="Ex: B52S8968E8"  type="text" value="{{DEMANDEVISITE.numpiecevisiteur}}"     class="form-control" > 
                    </div> 
                    

                    <div class="form-group col-md-3 col-sm-6 col-xs-6 col-6">
                        <label for="dateexpvisiteur">Date expiration de la pièce</label>
                        {#<input name="dateexpvisiteur" id="dateexpvisiteur"  type="date" max="{{'NOW'|date('Y-m-d')}}" {% if DEMANDEVISITE.dateexpvisiteur is not null %} #}
                        <input name="dateexpvisiteur" id="dateexpvisiteur"  type="date" {% if DEMANDEVISITE.dateexpvisiteur is not null %}
                        value="{{DEMANDEVISITE.dateexpvisiteur|date('Y-m-d')}}"  {% endif %}class="form-control" > 
                    </div>
                    
                    <div class="form-group col-md-3 col-sm-6 col-xs-6 col-6">
                        <label for="datevisiteur">Date de visite souhaitée</label>
                        <input name="datevisiteur" id="datevisiteur"  type="date" {% if DEMANDEVISITE.datevisiteur is not null %}
                        value="{{DEMANDEVISITE.datevisiteur|date('Y-m-d')}}" {% endif %}   class="form-control" }}" > 
                    </div> 
 
                    
                </div>
                <br>    
                <div class="form-group ">
                    <label for="motifvisiteur" >Motif de la visite</label>
                    <textarea class="form-control" id="motifvisiteur" name="motifvisiteur" rows="6">{{DEMANDEVISITE.motifvisiteur}}</textarea>
                </div>
                 <br>
                <div class="row">
                    <div class="col-12">
                        <button type="submit" class="btn btn-primary btn-block">{% if DEMANDEVISITE.id > 0 %}Modifier{% else %}Soumettre{% endif %}</button>
                        {% if DEMANDEVISITE.id > 0 %}
                        <a type="button" class="btn btn-danger btn-block" href="{{path('liste_demandevisite')}}">Quitter</a>
                        {% endif %}
                    </div>
                </div>
             
                
                
            </form>
            
             
            
        </div>
    </div>
    <!-- end col -->

</div>
{% endblock %}