@extends('layouts.app',[
    'class' => '',
    'folderActive' => '',
    'elementActive' => isset($_GET['archive']) && $_GET['archive'] == 1 ? 'rapports-archive' : (isset($_GET['archive']) && $_GET['archive'] == 0 ? 'rapports' : 'rapports-all' ),
])

@section('head_supplement')
    <style>
        .show_filter {
            display: none;
        }

        @media only screen and (max-width: 600px) {
            .show_filter {
                display: block;
            }

            /*    .filters_row {
                    display: none;
                }*/
            .open {
                display: block;
            }

            .closed {
                display: none;
            }
        }
    </style>
@endsection

@section('content')

    <div class="app-page-title">
        <div class="page-title-wrapper">
            <div class="page-title-heading">
                <div class="page-title-icon">
                    <i class="pe-7s-file icon-gradient bg-mean-fruit"></i>
                </div>
                <div>
                    RAPPORTS D'INSPECTION
                    <div class="page-title-subheading">
                        Liste des rapports <span id="count"></span> résultats
                    </div>
                </div>
            </div>
            <div class="page-title-actions">
                @if((Auth::user()->client_id == 0 && auth()->user()->user_type == 1))
                    <a class="btn btn-success download_synthese" data-toggle="modal" data-target="#synthese">Télécharger
                        la synthèse des inspecteurs</a>
                @endif
            </div>
        </div>

    </div>

    <input id="filters" value="0" type="hidden">

    @if (auth()->user()->user_type <= 5)
        <button class="btn btn-primary show_filter">Afficher les filtres</button>
        <div class="row filters_row closed">

            <div class="filters mb-2 mb-sm-0 col-12 col-md-3">

                <label for="min_date" class="mr-sm-2">Date de début</label>

                <input type="text" id="min_date" class="form-control date_picker"
                       value="">
                <input type="hidden" id="min_date_str">
            </div>

            <div class="filters mb-2 mb-sm-0 col-12 col-md-3">

                <label for="max_date" class="mr-sm-2">Date de fin</label>

                <input type="text" id="max_date" class="form-control date_picker"
                       value="">
                <input type="hidden" id="max_date_str">
            </div>

            @if (auth()->user()->user_type < 5 && (auth()->user()->client_id == 0 || !isset(auth()->user()->client_id)))
                <div class="filters mb-2 mb-sm-0 col-12 col-md-3">

                    <label for="inspecteur_filter" class="mr-sm-2">Inspecteur</label>

                    <select class="form-control select_filter select2" id="inspecteur_filter" data-column="4"
                            multiple="multiple">
                        <option value="">Filtrer par inspecteur</option>
                        @foreach($users as $user)
                            <option
                                    value="{{ $user->user_id }}">{{ $user->user_firstname }} {{ $user->user_lastname }}</option>
                        @endforeach
                    </select>

                </div>

                <div class="filters mb-2 mb-sm-0 col-12 col-md-3">

                    <label for="corrector_filter" class="mr-sm-2">Correcteur</label>

                    <select class="form-control select_filter" id="corrector_filter" data-column="">
                        <option value="">Filtrer par correcteur</option>
                        @foreach($correcteurs as $correcteur)
                            <option
                                    value="{{ $correcteur->user_id }}">{{ $correcteur->user_firstname }} {{ $correcteur->user_lastname }}</option>
                        @endforeach
                    </select>

                </div>

                <div class="filters mb-2 mb-sm-0 col-12 col-md-3">

                    <label for="statut_rdv" class="mr-sm-2">Statut du rapport</label>

                    <select class="form-control select_filter" id="statut_rdv" data-column="4">
                        <option value="">Filtrer par statut</option>
                        <option
                                {{(isset ($request->statut_rdv) && 1==$request->statut_rdv) ? 'selected' :''}}  value="1">
                            En
                            attente de validation
                        </option>
                        <option
                                {{(isset ($request->statut_rdv) && 2==$request->statut_rdv) ? 'selected' :''}} value="2">
                            Relu / Non Validé
                        </option>
                        <option
                                {{(isset ($request->statut_rdv) && 3==$request->statut_rdv) ? 'selected' :''}} value="3">
                            Validé
                        </option>

                    </select>

                </div>
            @endif
            <div class="filters mb-2 mb-sm-0 col-12 col-md-3">
                <label for="type_rapport" class="mr-sm-2">Type d'inspection</label>

                <select class="form-control select_filter" id="type_rapport" data-column="5">
                    <option value="">Filtrer par type d'inspection</option>
                    @foreach(config('types.type_rapport') as $key => $type)
                        <option
                                {{(isset ($request->type_rapport) && $key==$request->type_rapport) ? 'selected' :''}} value="{{ $key }}">{{ $type }}</option>
                    @endforeach
                </select>
            </div>

            @if (auth()->user()->user_type < 5)
                @if (isset(auth()->user()->client) && auth()->user()->client->subContractor->isNotEmpty())
                    <div class="filters mb-2 mb-sm-0 col-12 col-md-3">

                        <label for="client_filter" class="mr-sm-2">Client</label>

                        <select class="form-control select_filter select2" id="client_filter" data-column="16">
                            <option value="">Filtrer par sous-traitant</option>
                            @foreach(auth()->user()->client->subContractor as $client)
                                <option value="{{ $client->client_id }}">{{ $client->client_title }}</option>
                            @endforeach
                            <option
                                    value="{{ auth()->user()->client_id}}">{{ auth()->user()->client->client_title }}</option>
                        </select>
                    </div>
                @elseif ((auth()->user()->client_id == 0 || !isset(auth()->user()->client_id)))
                    <div class="filters mb-2 mb-sm-0 col-12 col-md-3">

                        <label for="client_filter" class="mr-sm-2">Client</label>

                        <select class="form-control select_filter select2" id="client_filter" data-column="16">
                            <option value="">Filtrer par client</option>
                            @foreach($clients as $client)

                                <option
                                        {{(isset ($request->client_id) && $client->client_id==$request->client_id) ? 'selected' :''}} value="{{ $client->client_id }}">{{ $client->client_title }}</option>
                            @endforeach
                        </select>
                    </div>
                @else
                    <input id="client_id" value="{{ auth()->user()->client_id }}" type="hidden">
                @endif

                <div class="filters mb-2 mb-sm-0 col-12 col-md-3">

                    <label for="cdp_filter" class="mr-sm-2">CDP 1 euro</label>

                    <select class="form-control select_filter" id="cdp_filter" data-column="14">
                        <option value="">Filtrer par CDP</option>
                        <option {{(isset ($request->cdp) && 1==$request->cdp) ? 'selected' :''}} value="1">CDP</option>
                        <option {{(isset ($request->cdp) && 2==$request->cdp) ? 'selected' :''}} value="2">HORS CDP
                        </option>

                    </select>
                </div>

                <div class="filters mb-2 mb-sm-0 col-12 col-md-3">
                    <label for="operation_id" class="mr-sm-2">Opérations</label>
                    <select class="form-control select_filter select2" id="operation_id" data-column="16">
                        <option value="">Filtrer par opération</option>
                        @foreach($operations as $operation)
                            <option value="{{ $operation->operation_id }}">{{ $operation->operation_title }}</option>
                        @endforeach
                    </select>
                </div>
            @endif
            @if((auth()->user()->client_id == 0 || !isset(auth()->user()->client_id)))
                <div class="filters mb-2 mb-sm-0 col-12 col-md-3">
                    <label for="rapport_parent" class="mr-sm-2"></label>
                    <select class="form-control select_filter" id="rapport_parent">
                        <option value="">Filtrer par rapport parent</option>
                        <option value="-1">Tous les rapports</option>
                        <option value="1">Sous-Rapport</option>
                        <option value="2">Uniquement rapports parents</option>
                    </select>
                </div>
                <input type="hidden" value="{{(isset ($request->demande) && 1==$request->demande) ? '1' :''}}"
                       id="demande">
            @endif
            <div class="filters mb-2 mb-sm-0 col-12 col-md-3">

                <label for="nom_filter" class="mr-sm-2">Filtrer par client ou lieu d'inspection</label>

                <input class="form-control input_filter " id="nom_filter" data-column="inspection"
                       value="@if (isset($_GET['nom']))
                       {{ $_GET['nom'] }}
                       @endif">
            </div>

            <div class="filters mb-2 mb-sm-0 col-12 col-md-3">
                <label for="change_length" class="mr-sm-2">Résultats/page</label>
                <select id="change_length" class="form-control">
                    <option value="10">10</option>
                    <option value="25" selected="">25</option>
                    <option value="50">50</option>
                    <option value="100">100</option>
                    <option value="-1">Tout</option>
                </select>
            </div>

            <div id="cancel_filters">
                <i class="fa fa-filter"></i>
                <span class="infobulle"></span>
            </div>
        </div>
    @endif

    <input type="hidden" id="liste_to_download">
    <a class="btn btn-danger mt-4" onclick="return download_checkbox()">Rapport de synthèse des rapports
        cochés</a>
    <div class="outside_buttons"></div>

    <div class="row">

        <div class="col-md-12 col-xl-12">

            <div class="col-md-12">

                <div class="main-card mb-3 card">

                    <div class="table-responsive">
                        <table id="table"
                               class="align-middle mb-0 table table-borderless table-striped table-hover datatable dt-responsive responsive">
                            <thead>
                            <tr>

                            </tr>
                            </thead>
                        </table>
                    </div>
                </div>
                <input type="hidden" id="user_type" value="{{ Auth::user()->user_type }}">
            </div>

        </div>

    </div>

    <script type="text/javascript"
            src="{{ asset('js/datatables.js') }}"></script>
    {{--    <script src="https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js"></script>--}}
    <script>
        document.addEventListener('DOMContentLoaded', function () {

            $("#inspecteur_filter").select2({
                // tags: true,
                tokenSeparators: [',', ' '],
            })

            const queryString = window.location.search;
            const urlParams = new URLSearchParams(queryString);

            let table = $('#table').DataTable({
                "language": {
                    "sProcessing": "Traitement en cours...",
                    "sSearch": "Rechercher&nbsp;:",
                    "sLengthMenu": "Afficher _MENU_ &eacute;l&eacute;ments",
                    "sInfo": "Affichage de l'&eacute;l&eacute;ment _START_ &agrave; _END_ sur _TOTAL_ &eacute;l&eacute;ments",
                    "sInfoEmpty": "Affichage de l'&eacute;l&eacute;ment 0 &agrave; 0 sur 0 &eacute;l&eacute;ment",
                    "sInfoFiltered": "(filtr&eacute; de _MAX_ &eacute;l&eacute;ments au total)",
                    "sInfoPostFix": "",
                    "sLoadingRecords": "Chargement en cours...",
                    "sZeroRecords": "Aucun &eacute;l&eacute;ment &agrave; afficher",
                    "zeroRecords": "Aucun rapport à afficher, veuillez appliquer 1 ou plusieurs filtres",
                    "sEmptyTable": "Aucune donn&eacute;e disponible dans le tableau",
                    "oPaginate": {
                        "sFirst": "Premier",
                        "sPrevious": "Pr&eacute;c&eacute;dent",
                        "sNext": "Suivant",
                        "sLast": "Dernier"
                    }
                },

                "searching": true,
                "ordering": true,
                "sortable": true,
                "pageLength": 25,
                "bLengthChange": false,
                "bInfo": false,
                "bFilter": true,
                "order": [2, "desc"],
                "deferRender": true,

                "ajax": {
                    "url": "/api/rapports",
                    beforeSend: function (xhr) {
                        loader.show()
                        xhr.setRequestHeader('Authorization', `Bearer ${token}`);
                    },
                    data: function (d) {
                        d.filters = document.getElementById('filters').value;
                        d.inspecteur_filter = $('#inspecteur_filter').val();
                        d.correcteur = document.getElementById('corrector_filter') !== null ? document.getElementById('corrector_filter').value : '';
                        d.type_rapport = document.getElementById('type_rapport').value;
                        d.nom_filter = document.getElementById('nom_filter') !== null ? document.getElementById('nom_filter').value : '';
                        d.operation_id = document.getElementById('operation_id') !== null ? document.getElementById('operation_id').value : '';
                        d.client_id = document.getElementById('client_id') !== null ? document.getElementById('client_id').value : '';
                        d.cdp_filter = document.getElementById('cdp_filter') !== null ? document.getElementById('cdp_filter').value : '';
                        d.client_filter = document.getElementById('client_filter') !== null ? document.getElementById('client_filter').value : '';
                        d.statut_rdv = document.getElementById('statut_rdv') !== null ? document.getElementById('statut_rdv').value : '';
                        d.demande = document.getElementById('demande') !== null ? document.getElementById('demande').value : '';
                        d.vue_client = urlParams.get('archive');
                        d.min_date = document.getElementById('min_date').value;
                        d.max_date = document.getElementById('max_date').value;
                        d.rapport_parent = document.getElementById('rapport_parent') !== null ? document.getElementById('rapport_parent').value : '';
                    },

                    "type": "GET",
                    error: function () {
                        $("#table").DataTable().clear();
                        $("#loading-box").hide();
                    },

                },

                "initComplete": function (settings, json) {

                    $("#loading-box").hide();
                    $('.dataTables_empty').html('Aucun rapport à afficher, veuillez appliquer 1 ou plusieurs filtres');

                    $('#count').text(this.api().data().length);
                    var info = table.page.info();
                    $('.cdatatableDetails').remove();
                    if (info.pages == 1 || info.pages == 0) {
                        $('.pagination').hide();
                    }
                    $('.paginate_button.next').before($('<li>', {
                        'text': 'Page ' + (info.page + 1) + ' sur ' + info.pages,
                        class: 'cdatatableDetails'
                    }));
                    var api = this.api();

                    var total_rows = 0;

                    var count_rows = api.data().count();
                    $('#count').html(count_rows);

                    $('.vue_client').off().click(function (ee) {
                        var id = $(this).attr('data-id');
                        var element = $(this);
                        ee.preventDefault();

                        if (confirm('Confirmez-vous l\'archivage de ce rapport?')) {
                            $.ajax({
                                beforeSend: function (xhr) {
                                    xhr.setRequestHeader('Authorization', `Bearer ${token}`);
                                },
                                url: '/api/rapports/archive',
                                data: {rapport_id: id},
                                type: 'get',
                                success: function (output) {
                                    var fullDate = new Date();
                                    var twoDigitMonth = ((fullDate.getMonth().length + 1) === 1) ? (fullDate.getMonth() + 1) : '0' + (fullDate.getMonth() + 1);
                                    var currentDate = fullDate.getDate() + "/" + twoDigitMonth + "/" + fullDate.getFullYear();

                                    element.parent('span').html('<a class="btn btn-success">Rapport archivé par le client le ' + currentDate + '</a>');
                                    if (element.attr('href') != '') {

                                        return true;
                                    }
                                }
                            });

                        } else {
                            return false;
                        }
                    });
                    clear_filters();
                },

                drawCallback: function (json) {
                    loader.hide();
                    var count_rows = this.api().data().count();

                    $('#count').html(count_rows);
                    $('.dataTables_empty').html('Aucun rapport à afficher, veuillez appliquer 1 ou plusieurs filtres');

                    /*           $('.paginate_button.next', this.api().table().container())
                                   .on('click', function () {
                                       var info = table.page.info();
                                       if (info.pages == 1 || info.pages == 0) {
                                           $('.pagination').hide();
                                       }
                                       $('.cdatatableDetails').remove();
                                       $('.paginate_button.next').before($('<li>', {
                                           'text': 'Page ' + (info.page + 1) + ' sur ' + info.pages,
                                           class: 'cdatatableDetails'
                                       }));

                                   });

                               $('.paginate_button.previous', this.api().table().container())
                                   .on('click', function () {
                                       var info = table.page.info();
                                       if (info.pages == 1 || info.pages == 0) {
                                           $('.pagination').hide();
                                       }
                                       $('.cdatatableDetails').remove();
                                       $('.paginate_button.next').before($('<li>', {
                                           'text': 'Page ' + (info.page + 1) + ' sur ' + info.pages,
                                           class: 'cdatatableDetails'
                                       }));

                                   });
                               */
                    $('.vue_client').off().click(function (ee) {
                        var id = $(this).attr('data-id');
                        var element = $(this);
                        ee.preventDefault();
                        var r = confirm('Confirmez-vous l\'archivage de ce rapport?');

                        if (r == true) {
                            $.ajax({
                                beforeSend: function (xhr) {
                                    xhr.setRequestHeader('Authorization', `Bearer ${token}`);
                                },
                                url: '/api/rapports/archive',
                                data: {rapport_id: id},
                                type: 'get',
                                success: function (output) {
                                    let fullDate = new Date();
                                    let twoDigitMonth = ((fullDate.getMonth().length + 1) === 1) ? (fullDate.getMonth() + 1) : '0' + (fullDate.getMonth() + 1);
                                    let currentDate = fullDate.getDate() + "/" + twoDigitMonth + "/" + fullDate.getFullYear();

                                    element.parent('span').html('<a class="btn btn-success">Rapport archivé par le client le ' + currentDate + '</a>');
                                    if (element.attr('href') != '') {
                                        return true;
                                    }
                                }
                            });

                        } else {
                            return false;
                        }

                    });

                    $('.synthese').off().click(function () {
                        if ($(this).is(':checked')) {
                            $('#liste_to_download').val($('#liste_to_download').val() + $(this).val() + ';');
                        } else {

                            var list = $('#liste_to_download').val().split(';');

                            list.splice($.inArray($(this).val(), list), 1);
                            list.splice($.inArray("", list), 1);
                            $('#liste_to_download').val('');
                            $.each(list, function (index, value) {
                                $('#liste_to_download').val($('#liste_to_download').val() + value + ';');
                            });
                        }

                    });

                    $('.edit_invoice').click(function () {
                        let id = $(this).attr('data-id');
                        event.preventDefault();
                        loader.show();

                        $(this).addClass('isDisabled');

                        axios.get('/rapports/pdf/' + id, {
                            params: {
                                _token: CSRF_TOKEN,
                            }
                        }).then((response) => {
                            loader.hide();
                            let link = response.data;

                            // if ($('#statut_rdv').val() != 4) {
                            $('#modal-doc p').css("width", "70%");
                            // }

                            $(this).off()

                            this.classList.remove('btn-light', 'edit_invoice');
                            this.classList.add('btn-primary');
                            this.innerHTML = 'Voir le rapport';
                            this.href = link;
                            this.target = '_blank';
                            this.style = '';

                            $('#modal-doc').modal();
                            $('#modal-doc iframe').attr('src', link);

                            $(this).removeClass('isDisabled');
                        }).catch(error => {
                            loader.hide();
                            $(this).removeClass('isDisabled');
                            toastr.error('Une erreur est survenue');
                        });

                    });

                },

                "columns": [
                    {"data": "rapport_id", visible: false},
                    {"data": "date_rapport", visible: true, orderData: [2], "title": "Date"},
                    {"data": "date_rapport_old", orderData: [2], visible: false, "title": "Date old"},
                    {"data": "inspecteur", visible: true, "title": "Inspecteur", "name": "inspecteur",},
                    {"data": "type_rapport", visible: false, "title": "Type rapport id"},
                    {
                        "data": "type_rapport_desc", visible: true, "title": "Type d'inspection",
                        "render": function (data, type, row, meta) {
                            var a = '';
                            if (row.rapport_parent > 0) {
                                a += 'BAR-EN-164/';
                            }
                            if (row.type_rapport == 2) {
                                a += 'BAR-EN-101 / BAR-EN-103';
                            }
                            if (row.type_rapport == 3) {
                                a += 'CALORIFUGEAGE';
                            }
                            if (row.type_rapport == 4) {
                                a += 'POINTS SINGULIERS - SECTEUR TERTIAIRE';
                            }
                            if (row.type_rapport == 5) {
                                a += 'POINTS SINGULIERS - SECTEUR INDUSTRIEL';
                            }
                            if (row.type_rapport == 6) {
                                a += 'ITE';
                            }
                            if (row.type_rapport == 7) {
                                a += 'MURS INTERIEURS';
                            }
                            if (row.type_rapport == 8) {
                                a += 'Pompe à chaleur';
                            }
                            if (row.type_rapport == 9) {
                                a += 'BAR-EN-164';
                            }
                            if (row.type_rapport == 10) {
                                a += 'Ballon Thermodynamique';
                            }
                            if (row.type_rapport == 11) {
                                a += 'VMC';
                            }
                            if (row.type_rapport == 12) {
                                a += 'BAR-EN-106 (Outre-mer)';
                            }
                            if (row.type_rapport == 13) {
                                a += 'Chauffe-eau Solaire individuel';
                            }

                            if (row.type_rapport == 14) {
                                a += 'VMC Double Flux';
                            }

                            if (row.type_rapport == 15) {
                                a += 'Chaudière biomasse individuelle';
                            }
                            return a;
                        }
                    },
                    {
                        "data": "client_title", visible: true, "title": "Client", "name": "client_name",

                        "render": function (data, type, row, meta) {
                            var a = row.client_title;
                            if (row.operation_title != '') {
                                a += '<br/>Opération : ' + row.operation_title;
                            }
                            return a;
                        }
                    },
                    {
                        "data": "proprietaire_name",
                        visible: true,
                        "title": "Lieu d'inspection",
                        "name": "inspection",

                        "render": function (data, type, row, meta) {
                            return row.client_title + '<br/><strong>' + row.proprietaire_name + '</strong><br/>' + row.proprietaire_adresse + '<br/>' + row.proprietaire_cp + ' ' + row.proprietaire_ville;
                        }
                    },
                    {
                        "data": "conforme", visible: true, "title": "Conformité", "name": "Conformité",
                        "render": function (data, type, row, meta) {
                            if (row.conforme == 0) {
                                var a = '<a class="btn btn-danger" ' + (row.session_client_id == 0 ? 'target="_blank" href="/rapports/fiche_rapport/' + row.rapport_id + '"' : '') + '>CONFORMITE NON RENSEIGNEE</a>';

                            }

                            if (row.conforme == 3) {
                                var a = '<a class="btn btn-danger" ' + (row.session_client_id == 0 ? 'target="_blank" href="/rapports/fiche_rapport/' + row.rapport_id + '"' : '') + '>Non conforme</a>';

                                if(row.validation==1 || row.statut_rdv >= 4) {
                                     a += '<br/><br/>'
                                     a += '<a class="btn btn-danger" '

                                     + '" onclick="copyClick(text)">Action corrective demandée <br> N°CEERTIF : '
                                     + row.nom_rapport+'</a>';
                                }


                            }

                            if (row.conforme == 1) {
                                var a = '<a class="btn btn-primary" ' + (row.session_client_id == 0 ? 'target="_blank" href="/rapports/fiche_rapport/' + row.rapport_id + '"' : '') + '>Conforme</a>';
                            }

                            if (row.conforme == 2) {
                                var a = '<a class="btn btn-warning" ' + (row.session_client_id == 0 ? 'target="_blank" href="/rapports/fiche_rapport/' + row.rapport_id + '"' : '') + '>Non Vérifiable</a>';
                            }

                            if (row.session_client_id == 0 || row.statut_rdv >= 4) {
                                return a;
                            } else {
                                var a = '<a class="btn btn-danger">En attente de validation</a>';
                                return a;
                            }



                        }
                    },
                    {
                        "data": "type_rapport_desc", visible: true, "title": "Statut", "name": "statut1",
                        "render": function (data, type, row, meta) {

                            if (row.incomplet == 0) {
                                var a = '';
                                if (row.relu_par != '' && row.session_client_id == 0) {
                                    a += '<a class="btn btn-warning">Rapport relu</a><br/>';
                                }

                                a += '<a data-id="' + row.rapport_id + '" class="btn btn-' + (row.statut_rdv >= 4 ? 'success ' : 'primary') + '  ' + ((row.vue_client == 0 && row.session_client_id != 0) ? '  ' : '') + ' " ' + ((row.session_client_id == 0 && row.statut_rdv < 4) ? 'target="_blank" href="/rapports/fiche_rapport/' + row.rapport_id + '"' : '') + '.  ' + ((row.statut_rdv >= 4) ? 'target="_blank" href="/storage/rapports/rapport_' + row.rapport_id + '/' + row.nom_rapport + '.pdf?time=' + Date.now() + '"' : '') + '>' + (row.statut_rdv >= 4 ? 'Rapport validé <br/>' : '') + 'Voir le rapport</a>';

                            }

                            if (row.incomplet == 1) {
                                var a = '<a class="btn btn-danger" ' + (row.session_client_id == 0 ? 'target="_blank" href="/rapports/fiche_rapport/' + row.rapport_id + '"' : '') + '>Rapport incomplet<br/>Modifier</a>';
                            }
                            if (row.session_client_id == 0 || row.statut_rdv >= 4) {
                                return a;
                            } else {
                                a = '<a class="btn btn-danger">En attente de validation</a>';
                                return a;
                            }

                                if (row.conforme == 3 && (row.validation == 1 || row.statut_rdv >= 4) ) {
                                     a += '<a class="btn btn-danger" '
                                     + (row.session_client_id == 0 ? '' : '')
                                     + '" onclick="copyClick(text)">Action corrective demandée <br> N°CEERTIF : '
                                     + row.nom_rapport+'</a>';
                                }


                        }
                    },
                    {
                        "data": "type_rapport_desc", visible: true, "title": "Statut", "name": "statut",
                        "render": function (data, type, row, meta) {
                            if (row.incomplet == 0) {
                                var a = '';
                                if (row.relu_par > 0 && row.session_client_id == 0) {
                                    a += '<a class="btn btn-warning">Rapport relu</a><br/>';
                                }

                                if (row.file_exist == 0) {
                                    a += '<a data-id="' + row.rapport_id + '" class="btn btn-' + (row.statut_rdv >= 4 ? 'success ' : 'primary') + '  ' + ((row.vue_client == 0 && row.session_client_id != 0) ? '  ' : '') + ' " ' + ((row.session_client_id == 0 && row.statut_rdv < 4) ? 'target="_blank" href="/rapports/fiche_rapport/' + row.rapport_id + '"' : '') + '.  ' + ((row.statut_rdv >= 4) ? 'target="_blank" href="/storage/rapports/rapport_' + row.rapport_id + '/' + row.nom_rapport + '.pdf?time=' + Date.now() + '"' : '') + '>' + (row.statut_rdv >= 4 ? 'Rapport validé <br/>' : '') + 'Voir le rapport</a>';
                                } else if (row.session_client_id == 0) {
                                    a = `<a style="margin-top:10px; color: black!important;" data-toggle="tooltip" data-placement="top" title="Générer le rapport" class="btn btn-light edit_invoice" id="" data-id="${row.rapport_id}">Rapport non généré</a>`;
                                } else {
                                    a = `<a style="margin-top:10px; color: black!important;" class="btn btn-light" id="">Rapport non généré</a>`;
                                }

                            }
                            if (row.incomplet == 1) {
                                var a = '<a class="btn btn-danger" ' + (row.session_client_id == 0 ? 'target="_blank" href="/rapports/fiche_rapport/' + row.rapport_id + '"' : '') + '>Rapport incomplet<br/>Modifier</a>';
                            }
                            if (row.session_client_id == 0 || row.statut_rdv >= 4) {
                                return a;
                            } else {
                                a = '<a class="btn btn-danger">En attente de validation</a>';
                                return a;
                            }
                                if (row.conforme == 3  ) {
                                     a += '<a class="btn btn-danger" '
                                     + (row.session_client_id == 0 ? '' : '')
                                     + '" onclick="copyClick(text)">Action corrective demandée <br> N°CEERTIF : '
                                     + row.nom_rapport+'</a>';
                                }
                        }
                    },
                    {"data": "cdp", visible: false, "title": "cdp"},
                    {"data": "operation_id", visible: false, "title": "operation_id"},
                    {
                        "data": "rapport_id", visible: false, "title": "",
                        "render": function (data, type, row, meta) {
                            let a = '';

                            a = '<a class="btn btn-success download" data-rapport_id="' + row.rapport_id + '" data-rapport_name="' + row.nom_rapport + '">Télécharger la rapport Excel</a>';

                            if (row.session_client_id == 0 || (row.session_client_id > 0 || row.statut_rdv >= 4)) {
                                return a;
                            } else {
                                return '';
                            }
                        }

                    },
                    {
                        "data": "rapport_id", visible: true, "title": "CHECK",
                        "render": function (data, type, row, meta) {
                            var a = '<input type="checkbox" value="' + row.rapport_id + '" class="synthese">';
                            if ((((row.type_rapport == 2 || row.type_rapport == 6 || row.type_rapport == 7) && row.statut_rdv >= 4 && row.operation_id == '' && row.synthese == '') || ((row.type_rapport == 2 || row.type_rapport == 6 || row.type_rapport == 7) && row.session_client_id > 0 && row.statut_rdv >= 4 && row.operation_id == '' && row.synthese == ''))) {
                                return a;
                            } else {
                                return '';
                            }
                        }

                    },
                    {
                        "data": "vue_client", visible: true, "title": "Action", "name": "statut",

                        "render": function (data, type, row, meta) {

                            let a = '';
                            if (row.vue_client == 0 && row.session_client_id != 0 && row.statut_rdv >= 4) {
                                a = '<span><a class="btn btn-primary vue_client" data-id="' + row.rapport_id + '">Archiver le rapport</a></span>';
                            }

                            if (row.vue_client == 0 && row.session_client_id == 0 && row.user_type < 4) {
                                a = '<span><a class="btn btn-primary" data-id="' + row.rapport_id + '" onclick="handleOperation(this)">Ajouter à une opération existante</a></span>';
                            }

                            if (row.vue_client == 1) {
                                a = '<a class="btn btn-success">Rapport Archivé</a>';
                            }

                            return a;
                        }
                    },
                ]
            });

            new $.fn.dataTable.Buttons(table, {
                buttons: [
                    {
                        extend: 'copy',
                        text: '<i class="fa fa-files-o"></i> Copier',
                        titleAttr: 'Copy',
                        className: 'btn btn-primary btn-sm',
                        exportOptions: {
                            columns: ':visible'
                        }
                    },
                    {
                        extend: 'csv',
                        text: '<i class="fa fa-files-o"></i> CSV',
                        titleAttr: 'CSV',
                        className: 'btn btn-primary btn-sm',
                        exportOptions: {
                            columns: ':visible'
                        }
                    },
                    {
                        extend: 'excel',
                        text: '<i class="fa fa-files-o"></i> Excel',
                        titleAttr: 'Excel',
                        className: 'btn btn-primary btn-sm',
                        exportOptions: {
                            columns: ':visible'
                        }
                    },
                    {
                        extend: 'pdf',
                        text: '<i class="fa fa-file-pdf-o"></i> PDF',
                        titleAttr: 'PDF',
                        className: 'btn btn-primary btn-sm',
                        exportOptions: {
                            columns: ':visible'
                        }
                    },
                    {
                        extend: 'print',
                        text: '<i class="fa fa-print"></i> Imprimer',
                        titleAttr: 'Print',
                        className: 'btn btn-primary btn-sm',
                        exportOptions: {
                            columns: ':visible'
                        }
                    },
                ]
            });
            table.buttons().container().appendTo('.outside_buttons');

            if (table.data().count() === 0) {
                $('.dataTables_empty').html('Aucun rapport à afficher, veuillez appliquer 1 ou plusieurs filtres');
                table.columns([10]).visible(false);
                table.columns([12]).visible(false);
                table.columns([13]).visible(false);

            }

            if (urlParams.has('client_id') || urlParams.has('type_rapport') || urlParams.has('statut_rdv') || urlParams.has('cdp') || urlParams.has('demande')) {
                $('#filters').val(1);
                table
                    .clear()
                    .draw();
                table.ajax.reload();
            }

            $('#change_length').on('change', function () {
                table.page.len($('#change_length').val()).draw();
                clear_filters();
            });

            $('.input_filter').on('keyup', function () {
                if ($(this).val() != '' && $(this).val().length > 4) {
                    $('#filters').val(1);
                    table
                        .clear()
                        .draw();
                    table.ajax.reload();

                    loader.show();

                } else {
                    table
                        .clear()
                        .draw();
                    table.ajax.reload();
                }

            });

            $('#min_date').on('change', function () {
                if ($('#min_date').val() != '' && $('#max_date').val() != '') {
                    $('#filters').val(1);
                    table
                        .clear()
                        .draw();
                    table.ajax.reload();

                    loader.show();
                }

            });

            $('#max_date').on('change', function () {
                if ($('#min_date').val() != '' && $('#max_date').val() != '') {
                    $('#filters').val(1);
                    table
                        .clear()
                        .draw();
                    table.ajax.reload();

                    loader.show();
                }

            });

            $('.select_filter').on('change', function () {

                if ($('#inspecteur_filter').val() == 0 && $('#operation_id').val() == 0 && $('#nom_filter').val() == '' && $('#max_date').val() == '' && $('#min_date').val() == '' && $('#type_rapport').val() == 0 && $('#cdp_filter').val() == 0 && $('#client_filter').val() == 0 && $('#statut_rdv').val() == 0 && $('#rapport_parent').val() == 0 && $('#corrector_filter').val() == 0 && $('#statut_rdv').val() == 0) {
                    $('#filters').val(0);
                    table
                        .clear()
                        .draw();
                } else {
                    loader.show();

                    $('#filters').val(1);

                    table
                        .clear()
                        .draw();
                    table.ajax.reload();

                    loader.show();

                }

            });

            $('#cancel_filters').on('click', function () {
                $('#filters').val(0);
                var events = {
                    url: '/api/rdv/calendar',

                }

                $('#calendar_rdv').fullCalendar('removeEventSource', events);
                $('#calendar_rdv').fullCalendar('addEventSource', events);
                $('#calendar_rdv').fullCalendar('refetchEvents');

                $('.input_filter').val('');
                $('.select_filter').val('');
                $('.select_filter_multiple').val('');
                $(".select_filter_multiple").val('').trigger('change');

                $('#select_date').val('');
                $("#select_date").val('').trigger('change');

                $('.input_filter').removeClass('active');
                $('.select_filter').removeClass('active');
                table.columns().every(function () {
                    var data = this.search('').draw();
                    // ... do something with data(), or this.nodes(), etc
                });

                table.page.len($('#change_length').val()).draw();
                clear_filters();

            });

            const filter_row = document.querySelector('.filters_row');

            document.querySelector('.show_filter').addEventListener('click', function () {
                if (filter_row.classList.contains('closed')) {
                    filter_row.classList.remove('closed')
                    filter_row.classList.add('open')
                } else {
                    filter_row.classList.remove('open')
                    filter_row.classList.add('closed')
                }
            })

        });

        $.fn.dataTable.ext.search.push(
            function (settings, data, dataIndex) {
                var min_date = parseInt($('#min_date_str').val());
                var max_date = parseInt($('#max_date_str').val());

                var date = parseInt(data[2]) || 0; // use data for the date column

                if ((isNaN(min_date) && isNaN(max_date)) ||
                    (isNaN(min_date) && date <= max_date) ||
                    (min_date <= date && isNaN(max_date)) ||
                    (min_date <= date && date <= max_date)) {

                    return true;
                }
                return false;

            }
        );


        /*Fonction copi (Onclick)*/

        function copyClick(text) {
            var $temp = $("<textarea>");;

            $("body").append($temp);
            $temp.val(text).select();
            document.execCommand("copy");
            $temp.remove();

            alert("N° de rapport copié. Reportez ce numéro sur CEERTIF");
        }


        function clear_filters() {
            let filteredRows = $('#table').DataTable().rows({filter: 'applied'});
            if (filteredRows.count() == 1) {
                $('#results').html(' résultat');
            }

            $('#count').html(filteredRows.count());
            if (filteredRows.count() == 0) {
                $('#count').html('Aucun');
                $('#results').html(' résultat');
            }
            if (filteredRows.count() > 1) {
                $('#results').html(' résultats');
            }

            var info = $('#table').DataTable().page.info();
            if (info.pages == 1 || info.pages == 0) {
                $('.pagination').hide();
            }
            $('.cdatatableDetails').remove();

            $('.paginate_button.next').before($('<li>', {
                'text': 'Page ' + (info.page + 1) + ' sur ' + info.pages,
                class: 'cdatatableDetails'
            }));
            $('.dataTables_empty').html('Aucun rapport à afficher, veuillez appliquer 1 ou plusieurs filtres');
            var count_rows = filteredRows.count();
            $('#count').html(count_rows);

        }

        function download_checkbox() {

            var r = confirm('attention cette action est définitive. Confirmez-vous l\'édition du rapport de synthèse des rapports cochés?');

            if (r == false) {
                return false;
            } else {

                loader.show();

                var rapports = [];

                var list = $('#liste_to_download').val().split(';');

                list.splice($.inArray("", list), 1);

                $.each(list, function (index, value) {
                    rapports.push(value);
                });

                $.ajax({
                    url: '/synthese/rapports',
                    data: {rapports: rapports},
                    type: 'get',
                    success: function (output) {

                        loader.hide();

                        var a = document.createElement('a');
                        var url = output;
                        a.href = url;
                        a.download = 'Rapport de synthese.zip';
                        document.body.append(a);
                        a.click();
                        a.remove();
                        window.URL.revokeObjectURL(url);

                    }
                });

            }

        }

        function handleOperation(item) {
            $("#addToOperation").modal('toggle');
            $('#rapport_id_modal').val(item.dataset.id)

            document.getElementById('modal-submit').addEventListener('click', function (e) {
                e.preventDefault();
                axios.post('/operations/add', {
                    _token: CSRF_TOKEN,
                    rapport_id: item.dataset.id,
                    prospect: document.getElementById('prospects').value,
                    operation_id: document.getElementById('operation').value,
                }).then(response => {
                    $('#addToOperation').modal('hide');
                })
            });
        }

        $("#min_date, #max_date").datepicker({
            closeText: 'Fermer',
            prevText: 'Précédent',
            nextText: 'Suivant',
            currentText: 'Aujourd\'hui',
            monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
            monthNamesShort: ['Janv.', 'Févr.', 'Mars', 'Avril', 'Mai', 'Juin', 'Juil.', 'Août', 'Sept.', 'Oct.', 'Nov.', 'Déc.'],
            dayNames: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
            dayNamesShort: ['Dim.', 'Lun.', 'Mar.', 'Mer.', 'Jeu.', 'Ven.', 'Sam.'],
            dayNamesMin: ['D', 'L', 'M', 'M', 'J', 'V', 'S'],
            weekHeader: 'Sem.',
            dateFormat: 'dd/mm/yy',
        });
    </script>
@endsection

@section('modal')
    @include('modals.doc')
    @if(auth()->user()->client_id === 0 || !isset(auth()->user()->client_id) && auth()->user()->user_type == 1)
        @include('modals.rapports.export')
    @endif
@endsection