{% import "forms-macro/popup.html.twig" as macro %}
{% if ib1Project == false %}
    <div class="container-fluid">
        <div class="row rubrique">
            <div class="rubrique_titre">
                <span>Les services réalisés</span>
            </div>
            <div class="col-sm-12 col-md-12 col-lg-12 containerServicesDoneList">
                {% for slug,service in servicesReports %}
                    {% if service['done'] or (ramonageReports|length >= 1 and 'ramonage' in slug) %}
                        <div class="containerServiceDone">
                            <img src="{{ service['filepath'] != null ? asset(service['filepath']) : asset('install-bois/icon/service/default_settings_icon.png') }}"
                                 alt="Icône service {{ slug }}">
                            <p>{{ service['label'] }}</p>
                        </div>
                    {% endif %}
                {% endfor %}
            </div>
        </div>
        <div class="row rubrique" style="position: relative;">
            <span class="littleText" style="font-style: italic;position: absolute;top:-25px;left: 15px;">Il est nécessaire de faire tous les services pour avoir des rapports complets.</span>
            <div class="rubrique_titre">
                <span>Les rapports</span>
            </div>
            {% if app.session.get('featuresAccess')['REPORT_ACCESS'] %}
                <div class="col-sm-12 col-md-12 col-lg-12">
                    {% if project.finalCustomer.extrabatId !== null %}
                        <div style="float: right">
                            <div>
                                <button style="margin:0" type="button" class="boutonAction bg-eb" id="btnImportEb"
                                        onclick="">Import Extrabat
                                </button>
                                <img id="loader" style="display: none;height: 70px;"
                                     src="{{ asset("install-bois/icon/loader.svg") }}"
                                     alt="loader">
                            </div>
                        </div>
                    {% endif %}
                    <table class="tableReports">
                        <thead>
                        <tr>
                            <th></th>
                            <th></th>
                            <th class="hideOnSmartphone">Services obligatoires</th>
                            <th class="hideOnSmartphone">Services optionnels</th>
                        </thead>
                        <tbody>
                        <tr>
                            <td>
                                Rapport Client
                            </td>
                            <td>
                                {% if servicesReports['rtp']['done'] and servicesReports['moninstallation']['done'] %}
                                    <a target="_blank"
                                       href="{{ path('report_index',{'project':project.id,'slug':'customer'}) }}">
                                        <img src="{{ asset('install-bois/icon/tab_action_consulter.png') }}">
                                    </a>
                                    <a target="_blank"
                                       href="{{ path('report_download',{'project':project.id,'slug':'customer'}) }}">
                                        <button type="button" class="boutonAction btnDownload">
                                            <img class="imgDownload"
                                                 src="{{ asset('install-bois/icon/download.png') }}">
                                        </button>
                                    </a>
                                {% else %}
                                    <img src="{{ asset('install-bois/icon/tab_action_consulter_inactif.png') }}">
                                    <button type="button" class="boutonAction btnDownload inactive">
                                        <img class="imgDownload"
                                             src="{{ asset('install-bois/icon/download.png') }}">
                                    </button>
                                {% endif %}
                            </td>
                            <td class="hideOnSmartphone">
                                <img class="imgService {{ servicesReports['rtp']['done'] ? 'serviceDone':'' }}"
                                     src="{{ asset('install-bois/reports/icon/rtp.png') }}">
                                <img class="imgService {{ servicesReports['moninstallation']['done'] ? 'serviceDone':'' }}"
                                     src="{{ asset('install-bois/reports/icon/mon_installation.png') }}">
                            </td>
                            <td class="hideOnSmartphone">
                                <img class="imgService {{ servicesReports['aac_cdc']['done'] ? 'serviceDone':'' }}"
                                     src="{{ asset('install-bois/reports/icon/aac_cdc.png') }}">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Rapport Installateur
                            </td>
                            <td>
                                {% if servicesReports['rtp']['done']and servicesReports['moninstallation']['done'] %}
                                    <a target="_blank"
                                       href="{{ path('report_index',{'project':project.id,'slug':'installer'}) }}">
                                        <img src="{{ asset('install-bois/icon/tab_action_consulter.png') }}">
                                    </a>
                                    <a target="_blank"
                                       href="{{ path('report_download',{'project':project.id,'slug':'installer'}) }}">
                                        <button type="button" class="boutonAction btnDownload">
                                            <img class="imgDownload"
                                                 src="{{ asset('install-bois/icon/download.png') }}">
                                        </button>
                                    </a>
                                {% else %}
                                    <img src="{{ asset('install-bois/icon/tab_action_consulter_inactif.png') }}">
                                    <button type="button" class="boutonAction btnDownload inactive">
                                        <img class="imgDownload"
                                             src="{{ asset('install-bois/icon/download.png') }}">
                                    </button>
                                {% endif %}
                            </td>
                            <td class="hideOnSmartphone">
                                <img class="imgService {{ servicesReports['rtp']['done'] ? 'serviceDone':'' }}"
                                     src="{{ asset('install-bois/reports/icon/rtp.png') }}">
                                <img class="imgService {{ servicesReports['moninstallation']['done'] ? 'serviceDone':'' }}"
                                     src="{{ asset('install-bois/reports/icon/mon_installation.png') }}">
                            </td>
                            <td class="hideOnSmartphone">
                                <img class="imgService {{ servicesReports['aac_cdc']['done'] ? 'serviceDone':'' }}"
                                     src="{{ asset('install-bois/reports/icon/aac_cdc.png') }}">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Rapport audit expertise
                            </td>
                            <td>
                                {% if servicesReports['moninstallation']['done'] %}
                                    <button onclick="goToAudit(this)" id="baseAudit" style="border: none;">
                                        <img src="{{ asset('install-bois/icon/tab_action_consulter.png') }}">
                                    </button>
                                    <button id="downloadAudit" onclick="goToAudit(this)" type="button"
                                            class="boutonAction btnDownload">
                                        <img class="imgDownload"
                                             src="{{ asset('install-bois/icon/download.png') }}">
                                    </button>
                                {% else %}
                                    <img src="{{ asset('install-bois/icon/tab_action_consulter_inactif.png') }}">
                                    <button type="button" class="boutonAction btnDownload inactive">
                                        <img class="imgDownload"
                                             src="{{ asset('install-bois/icon/download.png') }}">
                                    </button>
                                {% endif %}
                            </td>
                            <td class="hideOnSmartphone">
                                <img class="imgService {{ servicesReports['moninstallation']['done'] ? 'serviceDone':'' }}"
                                     src="{{ asset('install-bois/reports/icon/mon_installation.png') }}">
                            </td>
                            <td class="hideOnSmartphone">
                                <img class="imgService {{ servicesReports['aac_cdc']['done'] ? 'serviceDone':'' }}"
                                     src="{{ asset('install-bois/reports/icon/aac_cdc.png') }}">
                                <img class="imgService {{ servicesReports['rtp']['done'] ? 'serviceDone':'' }}"
                                     src="{{ asset('install-bois/reports/icon/rtp.png') }}">
                                <img class="imgService {{ servicesReports['deperditionthermique']['done'] ? 'serviceDone':'' }}"
                                     src="{{ asset('install-bois/reports/icon/deperditionthermique.png') }}">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Rapport déperditions thermiques
                            </td>
                            <td>
                                {% if servicesReports['deperditionthermique']['done'] %}
                                    <a target="_blank"
                                       href="{{ path('report_index',{'project':project.id,'slug':'deperditionthermique'}) }}">
                                        <img src="{{ asset('install-bois/icon/tab_action_consulter.png') }}">
                                    </a>
                                    <a target="_blank"
                                       href="{{ path('report_download',{'project':project.id,'slug':'deperditionthermique'}) }}">
                                        <button type="button" class="boutonAction btnDownload">
                                            <img class="imgDownload"
                                                 src="{{ asset('install-bois/icon/download.png') }}">
                                        </button>
                                    </a>
                                {% else %}
                                    <img src="{{ asset('install-bois/icon/tab_action_consulter_inactif.png') }}">
                                    <button type="button" class="boutonAction btnDownload inactive">
                                        <img class="imgDownload"
                                             src="{{ asset('install-bois/icon/download.png') }}">
                                    </button>
                                {% endif %}
                            </td>
                            <td class="hideOnSmartphone">
                                <img class="imgService {{ servicesReports['deperditionthermique']['done'] ? 'serviceDone':'' }}"
                                     src="{{ asset('install-bois/reports/icon/deperditionthermique.png') }}">
                            </td>
                            <td class="hideOnSmartphone">
                            </td>
                        </tr>
                        {% for ramonKey,ramonDate in ramonageReports %}
                            <tr>
                                <td>
                                    Rapport ramonage {{ ramonDate|date('d/m/Y') }}
                                </td>
                                <td>
                                    <a target="_blank"
                                       href="{{ path('report_index',{'project':project.id,'slug':'ramonage'~ramonKey}) }}">
                                        <img src="{{ asset('install-bois/icon/tab_action_consulter.png') }}">
                                    </a>
                                    <a target="_blank"
                                       href="{{ path('report_download',{'project':project.id,'slug':'ramonage'~ramonKey}) }}">
                                        <button type="button" class="boutonAction btnDownload">
                                            <img class="imgDownload"
                                                 src="{{ asset('install-bois/icon/download.png') }}">
                                        </button>
                                    </a>
                                </td>
                                <td class="hideOnSmartphone">
                                    <img class="imgService serviceDone" src="{{ asset('install-bois/reports/icon/ramonage.png') }}">
                                </td>
                                <td class="hideOnSmartphone">
                                </td>
                            </tr>
                        {% endfor %}
                        {% for conduitKey,conduitDate in idConduitReports %}
                            <tr>
                                <td>
                                    Identification du conduit {{ conduitDate|date('d/m/Y') }}
                                </td>
                                <td>
                                    <a target="_blank"
                                       href="{{ path('report_index',{'project':project.id,'slug':'idconduit'~conduitKey}) }}">
                                        <img src="{{ asset('install-bois/icon/tab_action_consulter.png') }}">
                                    </a>
                                    <a target="_blank"
                                       href="{{ path('report_download',{'project':project.id,'slug':'idconduit'~conduitKey}) }}">
                                        <button type="button" class="boutonAction btnDownload">
                                            <img class="imgDownload"
                                                 src="{{ asset('install-bois/icon/download.png') }}">
                                        </button>
                                    </a>
                                </td>
                                <td class="hideOnSmartphone">
                                    <img class="imgService serviceDone" src="{{ asset('install-bois/reports/icon/idconduit.png') }}">
                                </td>
                                <td class="hideOnSmartphone">
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            {% else %}
                {{ include('licence/components/_notAllowedBlock.html.twig') }}
            {% endif %}
        </div>
    </div>
{% else %}
    <div class="container-fluid">
        <div class="row rubrique" style="position:relative;">
            <div class="rubrique_titre">
                <span>Information</span>
            </div>
            <div class="col-sm-12 col-md-12 col-lg-12">
                Étude réalisée le {{ project.createdAt|date("d/m/Y") }} sur l’application mobile Install Bois
            </div>
        </div>
        <div class="row rubrique">
            <div class="rubrique_titre">
                <span>Les rapports</span>
            </div>
            <div class="col-sm-12 col-md-12 col-lg-12 containerServicesDoneList">
                <table class="tableReports">
                    <tbody>
                    <tr>
                        <td>Note utilisateur</td>
                        <td>
                            <a href="{{ listIB1Project['NotesUtilisateur'] ? asset('filesCompany/' ~ project.user.company.id ~ '/ib1Projects/' ~ listIB1Project['id'] ~ '/NotesUtilisateur.pdf') : "#" }}"
                                    {{ listIB1Project['NotesUtilisateur'] ?'target="_blank"':'' }}>
                                <button type="button"
                                        class="boutonAction btnDownload {{ listIB1Project['NotesUtilisateur'] ? '' : 'inactive' }}">
                                    <img class="imgDownload"
                                         src="{{ asset('install-bois/icon/download.png') }}">
                                </button>
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td>Fiche travaux</td>
                        <td>
                            <a href="{{ listIB1Project['Travaux'] ? asset('filesCompany/' ~ project.user.company.id ~ '/ib1Projects/' ~ listIB1Project['id'] ~ '/Travaux.pdf') : "#" }}"
                                    {{ listIB1Project['Travaux'] ?'target="_blank"':'' }}>
                                <button type="button"
                                        class="boutonAction btnDownload {{ listIB1Project['Travaux'] ? '' : 'inactive' }}">
                                    <img class="imgDownload"
                                         src="{{ asset('install-bois/icon/download.png') }}">
                                </button>
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td>Compte rendu de visite technique</td>
                        <td>
                            <a href="{{ listIB1Project['VisiteTech'] ? asset('filesCompany/' ~ project.user.company.id ~ '/ib1Projects/' ~ listIB1Project['id'] ~ '/VisiteTech.pdf') : "#" }}"
                                    {{ listIB1Project['VisiteTech'] ?'target="_blank"':'' }}>
                                <button type="button"
                                        class="boutonAction btnDownload {{ listIB1Project['VisiteTech'] ? '' : 'inactive' }}">
                                    <img class="imgDownload"
                                         src="{{ asset('install-bois/icon/download.png') }}">
                                </button>
                            </a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
{% endif %}
<script type="application/javascript">
    $(document).ready(function () {
        $('#btnImportEb').on('click', function () {
            typeWetDry = 'extrabat'
            if (infoWetDryForCdc !== false) {
                $('#verbReportAudit').text('générer')
                $('#modal-wet-dry').modal();
            } else {
                importOnEB()
            }
        });
        $('#btnReportAudit').on('click', function () {
            if (typeWetDry === 'extrabat') {
                importOnEB()
            }
        })

        function importOnEB() {
            $('#btnImportEb').hide();
            $('#loader').show();
            $('#btnReportAudit').attr('type', 'button').attr('data-dismiss', 'modal')
            uploadReports()
                .then(function (result) {
                    createToast("success", "Rapports importés");
                })
                .catch(function (error) {
                    createToast("danger", "Une erreur est survenue lors de l'importation");
                })
                .finally(function () {
                    $('#loader').hide();
                    $('#btnImportEb').show();
                });
        }

        function uploadReports() {
            return new Promise(function (resolve, reject) {
                $.ajax({
                    url: '{{ path('report_import_report_to_EB', {
                        'project': project.id,
                        'slug': 'import'
                    }) }}',
                    data: {
                        'typeAudit': typeAuditReport
                    },
                    type: 'GET',
                    success: function (res) {
                        resolve(res);
                    },
                    error: function (xhr, status, error) {
                        reject(error);
                    }
                });
            });
        }
    });
    let uriDownload = "{{ path('report_download',{'project':project.id,'slug':'audit'}) }}";
    let uriBase = "{{ path('report_index',{'project':project.id,'slug':'audit'}) }}";

    function goToAudit(e) {
        typeWetDry = 'report'
        if (infoWetDryForCdc !== false) {
            $('#btnReportAudit').attr('type', 'submit')
            $('#verbReportAudit').text('générer')
            $('#modal-wet-dry').modal();
        } else {
            window.open(e.id === 'downloadAudit' ? uriDownload : uriBase, '_blank');
        }

    }
</script>