{% extends "adminstram/layout.html.twig" %}
{% block styles %}
<link rel="stylesheet" href="https://cdn.ckeditor.com/ckeditor5/36.0.1/classic/theme.css">

{% endblock %}
{% block body %}
<div class="card-body">

 <h4 class="header-title mt-0" style="font-size:25px;">Service : <strong> {{servicee.nomservice}}</strong></h4>
 
    <br/>
      {% for message in app.flashes('info') %}
  <div class="alert bg-gradient2 text-white">
   <p style="text-align:center; font-size:18px;color:white;"> {{ message }}</p>
      </div>
      {% endfor %}

    <br/>
                                     
{{form_start(serviceeform)}}

 <div class="row form-material">
    <div class="col-md-6">
     <h6 class=" input-title mt-0">Description * :</h6>
      {{ form_widget(serviceeform.description) }}
     <h6 class=" input-title">Petit phrase * :</h6>
     {{ form_widget(serviceeform.petitedescription) }}
      <br/>

     <h6 class=" input-title mt-lg-0">Image * :</h6>
       {% if ((serviceeform.brochure) and (servicee.brochureFilename != null)) %}
         <label>Image actuelle:</label><br/>
        <img src="{{ asset('uploads/service/' ~ servicee.brochureFilename) }}" alt="Current image" height="200"><br/>
    {% endif %}
     {{ form_widget(serviceeform.brochure) }}

    <br/>
   
                                                        
    </div>

   
   

     <div class="col-md-6">
      
                                                     
        <h6 class=" input-title" >Technique 1 * :</h6>
 {{ form_widget(serviceeform.technique1) }}

        <h6 class=" input-title" >Technique 2 * :</h6>
         {{ form_widget(serviceeform.technique2) }}

          <h6 class=" input-title" >Technique 3 *:</h6>
         {{ form_widget(serviceeform.technique3) }}

          <h6 class=" input-title" >Technique 4 :</h6>
         {{ form_widget(serviceeform.technique4) }}

           <h6 class=" input-title" >Technique 5 :</h6>
         {{ form_widget(serviceeform.technique5) }}

          <h6 class=" input-title" >Technique 6  :</h6>
         {{ form_widget(serviceeform.technique6) }}

            <h6 class=" input-title" >Technique 7  :</h6>
         {{ form_widget(serviceeform.technique7) }}

            <h6 class=" input-title" >Technique 8  :</h6>
         {{ form_widget(serviceeform.technique8) }}
            <h6 class=" input-title" >Technique 9  :</h6>
         {{ form_widget(serviceeform.technique9) }}
            <h6 class=" input-title" >Technique 10  :</h6>
         {{ form_widget(serviceeform.technique10) }}


         <h6 class=" input-title mt-lg-0">Image 2 :</h6>
       {% if ((serviceeform.brochure2) and (servicee.brochureFilename2 != null)) %}
         <label>Image 2 actuelle:</label><br/>
        <img src="{{ asset('uploads/service/' ~ servicee.brochureFilename2) }}" alt="Current image" height="200"><br/>
    {% endif %}
     {{ form_widget(serviceeform.brochure2) }}
                                                    
        </div>
         <div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">

            <button type="submit" class="btn btn-success" style="width:150px;">Enregistrer</button>
        </div>
    </div>

 


{{ form_end(serviceeform, {'render_rest': false}) }}   
</div>






{% endblock %}

{% block javascript %}

<script src="https://cdn.ckeditor.com/ckeditor5/36.0.1/classic/ckeditor.js"></script>

<script>
    ClassicEditor
        .create(document.querySelector('#{{ serviceeform.description.vars.id }}'), {
            toolbar: [
                'heading', '|',
                'fontFamily', 'fontColor', 'fontSize', '|',
                'bold', 'italic', 'underline', '|',
                'bulletedList', 'numberedList', '|',
                'insertTable', '|',
                'undo', 'redo'
            ],
         
           

        })
        .catch(error => {
            console.error(error);
        });
</script>


{% endblock %}