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

{% block title %}{{parent()}}: Export PDF Planning{% endblock %}
{% block body %}
    <div id="dialog-confirm" style="z-index:99999 !important;"></div>
    <div class="container-fluid page page_planning_settings">
        <div id="ui-view">
            <div>
                <div class="animated fadeIn">
                    <div class="row mt-3">
                        <div class="col-12">

                            <div class="card planning">
                                <div class="card-header dataPlanning">
                                    <h4 class="d-inline-block m-0">Export PDF du Planning "{{ cursus.libelle }}"</h4>
                                </div>
                                <div class="card-body">
                                    <div class="m-2">
                                        <h3>Titre</h3>
                                        <textarea id="pdfTitre" maxlength="300" class="col-lg-5 col-sm-12"></textarea><br><br>

                                        <h3>Formations</h3>
                                        <textarea id="pdfFormations" maxlength="1000" class="col-lg-5 col-sm-12">{% for formation in cursus.formations %}{{ formation.designation }}&#013;{% endfor %}</textarea><br><br>

                                        <h3>Détails nombre d'heures</h3>
                                        <textarea id="pdfHeure" maxlength="1000" class="col-lg-5 col-sm-12">{% for formation in cursus.formations %}{{ formation.designation }} : {{ formation.dureeVisio + formation.dureeConversation + formation.dureePlateforme + formation.dureeFace }}h.&#013;{% endfor %}</textarea><br><br>
                                    </div>
                                    <button id="generatePDF"
                                        data-href="{{ path('cursus_planning_pdf_export', {id: cursus.id})|raw }}"
                                        class="btn btn-pill btn-outline-primary w-auto ml-auto mr-1 my-3">
                                            <i class="fa fa-file-pdf-o" aria-hidden="true"></i> Générer le PDF
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock body %}

{% block body_before_end %}{% endblock %}

{% block stylesheets %}
    <!-- test css -->
    <link href="{{ asset('css/btn_toggle.css') }}" rel="stylesheet" >
    <link href="{{ asset('css/ns_courses_module_settings.css') }}" rel="stylesheet" >
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jstree/3.3.7/themes/default/style.min.css" />
    <link href="{{ asset('css/ns_courses_composants.css') }}" rel="stylesheet" >
    <link rel="stylesheet" type="text/css" href="https://code.jquery.com/ui/1.12.0/themes/smoothness/jquery-ui.css">
    <style>
        #pdfFormations, #pdfHeure{
            height:200px;
        }
    </style>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('js/ns_scripts.js') }}?{{ date().timestamp }}"></script>
    <script src="{{ asset('js/planning/planning_settings.js') }}?{{ date().timestamp }}"></script>
    <script type="text/javascript" src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script>
    
    <script type="text/javascript">
        $('#generatePDF').on("click", function () {
            $.ajax({
                type: 'POST',
                xhrFields: {
                    responseType: 'blob'
                },
                url: $(this).attr('data-href'),
                data: {
                    pdfTitre: $('#pdfTitre').val(),
                    pdfFormations: $('#pdfFormations').val(),
                    pdfHeure: $('#pdfHeure').val()
                },
                success: function(data) {
                    var a = document.createElement('a');
                    var url = window.URL.createObjectURL(data);
                    a.href = url;
                    a.download = 'Cursus {{ cursus.libelle }}.pdf';
                    document.body.append(a);
                    a.click();
                    a.remove();
                    window.URL.revokeObjectURL(url);
                },
                error: function (response, desc, err){
                    
                }
            });
        });
    </script>
{% endblock %}