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

{% block title %}Demande Intervention{% endblock %}


{% block body %}

{% for type, messages in app.flashes %}
    {% for message in messages %}
        <script>
            document.addEventListener('DOMContentLoaded', function () {
                Swal.fire({
                    icon: '{{ type == "success" ? "success" : "error" }}',
                    title: 'Notification',
                    text: '{{ message|e('js') }}',
                    confirmButtonText: 'OK'
                });
            });
        </script>
    {% endfor %}
{% 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 d'intervention</h4>

            
            
            <form role="form" action="" method="POST"   enctype="multipart/form-data" > 
             <br>   
            <div class="row">
                <div class="form-group col-md-4">
                    <label for="nomdemandeur">Nom <sup>*</sup></label>
                    <input name="nomdemandeur" id="nomdemandeur"  data-parsley-length="[2,80]"  placeholder=""  type="text" value="{{ DEMANDEINTERVENTION.nomdemandeur }}" required class="form-control" > 
                </div> 
                
                <div class="form-group col-md-4">
                    <label for="prenomdemandeur">Prénom <sup>*</sup></label>
                    <input name="prenomdemandeur" id="prenomdemandeur" placeholder=""   data-parsley-length="[1,100]"   type="text" value="{{ DEMANDEINTERVENTION.prenomdemandeur }}"required class="form-control" > 
                </div> 
                
                <div class="form-group col-md-4">
                    <label for="sexedemandeur">Sexe <sup>*</sup></label>
                    <select name="sexedemandeur" id="sexedemandeur"  class="form-control select2" > 
                        <option value="Féminin" {{ DEMANDEINTERVENTION.sexedemandeur == 'Féminin' ? 'selected' : '' }}>Féminin</option>
                        <option value="Masculin"{{ DEMANDEINTERVENTION.sexedemandeur == 'Masculin' ? 'selected' : '' }} >Masculin</option>
                    </select>
                </div> 
            </div>  
            <br>
                    <div class="row">
                        <div class="form-group col-md-4">
                            <label for="societeintervenant">Société<sup>*</sup></label>
                            <input name="societeintervenant" id="societeintervenant" placeholder=""   data-parsley-length="[1,100]"   type="text" value="{{ DEMANDEINTERVENTION.societeintervenant }}" required class="form-control" > 
                        </div> 
                        
                        <div class="form-group col-md-4">
                            <label for="posteintervenant">Poste<sup>*</sup></label>
                            <input name="posteintervenant" id="posteintervenant" placeholder="Informaticien,Technicien..."   data-parsley-length="[1,100]"   type="text" value="{{ DEMANDEINTERVENTION.posteintervenant }}" required class="form-control" > 
                        </div>
                        
                        <div class="form-group col-md-4">
                            <label for="nombreintervenant">Nombres de techniciens<sup>*</sup></label>
                            <input name="nombreintervenant" id="nombreintervenant" placeholder="2.."   data-parsley-length="[1,100]"   type="text" value="{{ DEMANDEINTERVENTION.nombreintervenant }}" required class="form-control" > 
                        </div>
                            
                    </div>  
           <br>
            <div class="row">
                <div class="form-group col-md-6 col-6">
                    <label for="emailintervenant">Email <sup>*</sup></label>
                    <input name="emailintervenant" id="emailintervenant"  data-parsley-length="[1,100]"  placeholder="Ex: abcdefg@ijk.lm"   parsley-type="email"   type="email" value="{{ DEMANDEINTERVENTION.emailintervenant }}" required   class="form-control" > 
                </div> 
                
                <div class="form-group col-md-6 col-6">
                    <label for="telintervenant">Téléphone <sup>*</sup></label>
                    <input name="telintervenant" id="telintervenant"   data-parsley-length="[8,50]"   data-parsley-type="digits" placeholder="Ex: 0022890000000"  type="text" value="{{ DEMANDEINTERVENTION.telintervenant }}"   class="form-control"  > 
                </div> 
                    
            </div>   
            <br>

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

                    <div class="form-group col-md-3 col-sm-6 col-xs-6 col-6">
                        <label for="dateexpintervenant">Date expiration de la pièce</label>
                        <input name="dateexpintervenant" id="dateexpintervenant"  type="date" value="{{ DEMANDEINTERVENTION.dateexpintervenant ? DEMANDEINTERVENTION.dateexpintervenant|date('Y-m-d') : '' }}"   class="form-control" > 
                    </div>
                    
                    <div class="form-group col-md-3 col-sm-6 col-xs-6 col-6">
                        <label for="dateintervention">Date d'intervention souhaitée</label>
                        <input name="dateintervention" id="dateintervention"  type="date"  value="{{ DEMANDEINTERVENTION.dateintervention ? DEMANDEINTERVENTION.dateintervention|date('Y-m-d') : '' }}"  class="form-control" > 
                    </div> 
 
                    
                </div>
                <br>    
                <div class="form-group ">
                    <label for="motifintervention" >Motif de l'intervention</label>
                    <textarea class="form-control" id="motifintervention" name="motifintervention" rows="6">{{ DEMANDEINTERVENTION.motifintervention }}</textarea>
                </div>
                 <br>
                <div class="row">
                    <div class="col-12">
                        <button type="submit" class="btn btn-primary btn-block">Soumettre</button>
                        
                        <a type="button" class="btn btn-danger btn-block" href="">Quitter</a>
                        
                    </div>
                </div>
             
                
                
            </form>
            
             
            
        </div>
    </div>
    <!-- end col -->

</div>
{% endblock %}