{% extends '@AdminLTE/layout/cfgodd-layout.html.twig' %}

{% block page_title %}{% trans %}Rapport de suivi de la mise en oeuvre des ODD {% endtrans %} {{year.name}} {% endblock %}


{% block page_content %}
    {% if year is null %}
        <div class="row">
		<div class="col-xl-12 col-sm-12 col-12 mb-4">
			<div class="alert alert-danger">
				Veuillez vous assurer que cette année est bien créée. 
			</div>
		</div>
	</div>

    {% else %}
    {{ form_start(form) }}
            {% if etat %}
            <div class="row">
                <div class="col-sm-6">
                    <div class="text-left">
                        <div class="text-left mb-3">
                            <a href="{{ path('telecharger_suivi') }}" class="mb-2 mr-2 btn-shadow  btn btn-primary">
                            Télécharger un draft du rapport
                        </a>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="text-right">
                        <div class="text-right mb-3">
                            <button type="submit" class="btn btn-success">{% trans %}basics.save{% endtrans %}</button>
                        </div>
                    </div>
                </div>
            </div>
            {% endif %}
    {% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        
        {% block box_body %}
                    <div class="form-group row">
                        <label class="col-form-label col-sm-12" for="">Résumé exécutif</label>
                        <div class="col-sm-offset-2 col-sm-12">{{ form_widget(form.resume) }}</div>
                    </div>
                    <div class="form-group row">
                        <label class="col-form-label col-sm-12" for="">Introduction</label>
                        <div class="col-sm-offset-2 col-sm-12">{{ form_widget(form.introduction) }}</div>
                    </div>
                    <div class="form-group row">
                        <label class="col-form-label col-sm-12" for="">Méthodologie générale</label>
                        <div class="col-sm-offset-2 col-sm-12">{{ form_widget(form.methodologie) }}</div>
                    </div>
                <div class="form-group row">
                        <label class="col-form-label col-sm-12" for="">Conclusion</label>
                        <div class="col-sm-offset-2 col-sm-12">{{ form_widget(form.conclusion) }}</div>
                </div>
                </div>

            
        {% endblock %}
        
        
    {% endembed %}
             {% if etat %}
            <div class="form-group row">
                    <div class="col-sm-offset-2 col-sm-12">
                        <button type="submit" class="btn btn-block btn-primary">{% trans %}basics.save{% endtrans %}</button>
                    </div>
            </div>
             {% endif %}
        {{ form_end(form) }}
    {% endif %}
{% endblock %}


{% block stylesheets %}
	<link rel="stylesheet" href="{{ asset('plugins/summernote/summernote-bs4.min.css') }}">
{% endblock %}

{% block javascripts %}
    <script src="{{asset('plugins/bootstrap.bundle.min.js')}}"></script>
	<script src="{{ asset('plugins/summernote/summernote-bs4.js') }}"></script>
	<script>
		$(function () { 
            var visible = {{etat}}// Add text editor
			$('#rapport_suivi_resume').summernote({height: 200});
            $('#rapport_suivi_introduction').summernote({height: 200});
            $('#rapport_suivi_methodologie').summernote({height: 200});
            $('#rapport_suivi_conclusion').summernote({height: 200});
            
                $('#rapport_suivi_resume').summernote(visible==1 ? '' : 'disable');
                $('#rapport_suivi_introduction').summernote(visible==1 ? '' : 'disable');
                $('#rapport_suivi_methodologie').summernote(visible==1 ? '' : 'disable');
                $('#rapport_suivi_conclusion').summernote(visible==1 ? '' : 'disable');

			})
	</script>

{% endblock %}