@extends('layouts.app',[
'class' => '',
'folderActive' => '',
'elementActive' => ''
])

@section('head_supplement')
    <script src="{{ asset('js/dropzone.min.js') }}"></script>
@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>
                    Rapport effectué
                    par
                    {{ $rapport->user->user_firstname .' ' .$rapport->user->user_lastname .' le ' .date('d/m/Y', strtotime(str_replace('/', '-', $rapport['date_rapport']))) }}
                    @if ($is_incomplete == 1 && $rapport['rapport_type'] != 0)
                        <button style="font-size: 18px; margin-left: 30px;" class="btn btn-danger">RAPPORT INCOMPLET
                        </button>
                    @endif

                    <br />
                    @isset($superviseur)
                        Superviseur
                        : {{ $superviseur['user_firstname'] . ' ' . $superviseur['user_lastname'] }}
                        <br />
                    @endisset
                    Type de rapport : {{ config('types.type_rapport.' . $rapport['type_rapport']) }}
                    <div class="page-title-subheading">
                        <!-- bouton modifier le rapport -->
                        @if ($rapport['validation'] == 0)
                            @if (empty($rapport['statut_rdv']) || $rapport['statut_rdv'] < 4 || auth()->user()->user_type < 5)
                                <span class="mb-1"><a href="/rapports/{{ $rapport->rapport_id }}"
                                        class="btn btn-primary">Modifier le rapport</a></span>
                            @endif
                            <!-- bouton générer le pdf-->
                            <span class="mb-1"><a class="btn btn-danger edit_invoice_new" id="edit_invoice_new"
                                    data-id="{{ $rapport->rapport_id }}">Générer le pdf</a></span>
                            @if ((auth()->user()->user_type == 1 || auth()->user()->user_type == 2 || auth()->user()->user_type == 4) && !isset($rapport['relu_par']))
                                <!-- bouton relecture-->
                                <span class="mb-1">
                                    <a class="btn btn-primary {{ !$has_pdf ? 'isDisabled' : '' }}" id="relecture"
                                        target='_self' data-id="{{ $rapport->rapport_id }}"
                                        href="{{ route('rapports.relu', $rapport->rapport_id) }}">Confirmer la relecture
                                        du rapport</a>
                                </span>
                            @endif
                            <!-- bouton valider le rapport pour le controlleur-->
                            @if ((auth()->user()->user_type == 1 || auth()->user()->user_type == 4 || auth()->user()->fonction_id == 8 || auth()->user()->user_type == 2) && $rapport['incomplet'] == 0)
                                <span class="mb-1">
                                    <a class="btn btn-success" id="validation" target='_self'
                                        data-id="{{ $rapport->rapport_id }}"
                                        href="{{ route('rapports.valider', $rapport->rapport_id) }}">Valider le
                                        rapport</a>
                                </span>
                            @endif
                            <!-- bouton refuser le rapport pour le controlleur-->
                            @if (Auth::user()->fonction_id == 8 && $rapport->refus_controlleur != 1)
                                <form method="post" action="">
                                    @method('post')
                                    @csrf
                                    <div>
                                        <input type="hidden" name="refus_controlleur" value="1">
                                        <span class="mb-1">
                                            <button class="btn btn-warning mt-3"
                                                onclick="return confirm('Attention cet action est définitive')">Refuser le
                                                rapport</button>
                                        </span>
                                    </div>
                                </form>
                            @endif
                        @else
                            <!-- bouton Afficher le pdf-->
                            <span class="mb-1"><a class="btn btn-danger preview_invoice" id="preview_invoice"
                                    data-id="{{ $rapport->rapport_id }}">Afficher le pdf</a></span>
                            @if (auth()->user()->user_type < 5)
                                <span class="mb-1">
                                    <a href="{{ route('rapports.unlock', $rapport->rapport_id) }}"
                                        class="btn btn-primary" id="">Déverrouiller le rapport</a>
                                </span>
                                <span class="mb-1"><a
                                        href="{{ route('rapports.show', $rapport->rapport_id) }}?annuler=1"
                                        class="btn btn-warning">Modifier le rapport en annule et remplace</a></span>
                            @endif
                        @endif
                        <!-- bouton suppression-->
                        @if (auth()->user()->user_type == 1)
                            <form method="post" action="{{ route('rapports.delete', $rapport->rapport_id) }}">
                                @method('delete')
                                @csrf
                                <div>
                                    <span class="mb-1"><button class="btn btn-danger my-3"
                                            onclick="return confirm('Attention cet action est définitive')">Supprimer le
                                            rapport</button></span>
                                </div>
                            </form>
                        @endif
                        <!-- bouton Ajouter à une opération existante-->
                        @if (auth()->user()->user_type < 4 && $rapport->operation_id == 0 && in_array($rapport->type_rapport, [2, 6, 7, 12]))
                            <span class="mb-1"><button class="btn btn-warning" data-toggle="modal"
                                    data-target="#addToOperation">Ajouter à une opération existante</button></span>
                        @endif
                        <!-- bouton modification rapide-->
                        @if (in_array(auth()->user()->user_id, [1, 433, 443]))
                            <span class="mb-1"><button class="btn btn-warning" data-toggle="modal"
                                    data-target="#quick-fix">Modificaton rapide</button></span>
                        @endif
                        <!-- bouton télécharger la synthèse-->
                        @if ($rapport->type_rapport == 9 && auth()->user()->user_type < 5)
                            <button data-toggle="tooltip" data-placement="top"
                                title="Régénère et télécharge tous les sous rapports d'une rénovation globale"
                                class="btn btn-primary" id="download" data-id="{{ $rapport->rapport_id }}">
                                Télécharger la synthèse
                                des rapports
                            </button>
                        @endif

                        <div class="my-2">
                            <br />
                            @if (!empty($rapport['relu_par']))
                                <strong>Rapport relu
                                    par {{ $reviewer['user_firstname'] . ' ' . $reviewer['user_lastname'] }}
                                    le {{ date('d/m/Y à H:i', strtotime($rapport['date_relecture'])) }} </strong>
                            @endif
                            <br />
                            @if (isset($rapport['supervise_par']) && isset($validate_by))
                                <strong>
                                    Rapport validé
                                    par {{ $validate_by['user_firstname'] . ' ' . $validate_by['user_lastname'] }}
                                    le {{ date('d/m/Y à H:i', strtotime($rapport['date_supervision'])) }} </strong>
                            @endif
                        </div>

                        @if (auth()->user()->user_type < 5 && $rapport->validation == 0)
                            <div class="row">
                                <div class="col-md-6">
                                    <form action="{{ route('rapports.type', $rapport->rapport_id) }}" method="post"
                                        id="">
                                        @csrf
                                        @method('patch')
                                        <label for="">
                                            Changer le type du rapport
                                        </label>
                                        <select name="type" id="" class="custom-select"
                                            onchange="confirm('Êtes-vous sure de vouloir changer le type de rapport ?') ? this.form.submit() : ''">
                                            @foreach (config('types.type_rapport') as $key => $type)
                                                <option {{ $rapport->type_rapport === $key ? 'selected' : '' }}
                                                    value="{{ $key }}">{{ $type }}</option>
                                            @endforeach
                                        </select>
                                    </form>
                                </div>
                                {{-- @if (in_array($rapport->type_rapport, [2, 9, 12, 13])) --}}
                                <div class="col-md-4">
                                    <form action="{{ route('rapports.version', $rapport->rapport_id) }}" method="post"
                                        id="">
                                        @csrf
                                        @method('patch')
                                        <label for="">
                                            Changer la version du rapport
                                        </label>
                                        <select name="version" id="" class="custom-select"
                                            onchange="confirm('Êtes-vous sur de vouloir changer la version de ce rapport ?') ? this.form.submit() : ''">
                                            @foreach ([1, 2, 3, 4, 5, 6, 7] as $key => $version)
                                                <option {{ $rapport->version === $version ? 'selected' : '' }}
                                                    value="{{ $version }}">{{ $version }}</option>
                                            @endforeach
                                        </select>
                                    </form>
                                </div>
                                {{-- @endif --}}
                            </div>
                        @endif

                    </div>
                </div>
            </div>
            <div class="confirmite_div ml-3">
                @if ($rapport['conformite'] == 'conforme')
                    <img class="conformite" src="{{ asset('images/conforme.png') }}" width="130">
                @elseif($rapport['conformite'] == 'non_conforme')
                    <img class="conformite" src="{{ asset('images/non_conforme.png') }}" width="130">
                @elseif($rapport['conformite'] == 'non_verifiable')
                    <img class="conformite" src="{{ asset('images/non_verifiable.png') }}" width="130">
                @endif
            </div>
        </div>
    </div>



    @if (isset($has_parent) && $has_parent->rapport_parent > 0)
        <a style="font-size: 18px; margin-left: 30px;" class="btn btn-primary"
            href="/rapports/fiche_rapport/{{ $has_parent->rapport_parent }}">
            Rapport parent
        </a>
    @endif

    @if ($rapport->type_rapport == 9)
        Rapports liés
        <div class="row mb-5">
            @if (isset($nature_rdv->meta_value))

                @php
                    $nature_prevue = unserialize($nature_rdv->meta_value);
                @endphp
                @if (isset($nature_prevue) && !empty($nature_prevue) && is_array($nature_prevue))
                    Sous-rapports prévus dans la demande :<br />
                    @foreach ($nature_prevue as $nat)
                        {{ $titres[$nat] }}<br />
                    @endforeach
                @endif
            @endif

            @foreach ($liste_rapports as $rapport_part)
                <div class="col-sm-12 col-md-4">
                    <div class="widget-chart widget-chart-hover">
                        <div class="icon-wrapper rounded-circle">
                            <div class="icon-wrapper-bg bg-primary"></div>
                            <i class="lnr-cog text-primary fas fa-file-invoice"></i>
                        </div>
                        <div class="widget-numbers">Rapport</div>
                        <div class="widget-subheading">
                            <address>
                                <strong>{{ $rapport_part['titre_rapport'] }}</strong><br>
                            </address>
                        </div>
                        <div class="widget-description text-success mb-2">
                            <span class="pl-1">
                                <a class="btn btn-success" href="/rapports/fiche_rapport/{{ $rapport_part['id'] }}"
                                    target="_blank">Fiche rapport</a>
                                <a class="btn btn-danger edit_invoice_sub" id="edit_invoice_sub"
                                    data-id="{{ $rapport_part['id'] }}"
                                    data-name="{{ $rapport_part['name'] }}">Générer le pdf</a>
                                <a href="{{ route('rapports.duplicate', $rapport_part['id']) }}"
                                    onclick="return confirm('Cette action va dupliquer le rapport, êtes-vous sure de votre action ?')"
                                    class="btn btn-primary">Dupliquer</a>
                                <form action="{{ route('rapports.delete', $rapport_part['id']) }}" method="post">
                                    @csrf
                                    @method('DELETE')
                                    <button class="btn btn-danger"
                                        onclick="confirm('Êtes vous sur de vouloir supprimer ce sous-rapport?') ? this.form.submit() : '' ">
                                        Supprimer le sous-rapport
                                    </button>
                                </form>
                                {{-- <a class="btn btn-danger"
                                   href="/rapports/fiche_rapport/{{ $rapport->rapport_id }}?remove_sub={{ $rapport_part['id'] }}"
                                   onclick="return confirm('Etes vous sur de vouloir supprimer ce sous-rapport?')">
                                    Supprimer le sous-rapport
                                </a> --}}

                            </span>
                        </div>
                        @isset($rapport_part['rapport'])
                            @if ($rapport_part['rapport']['conformite'] == 'conforme')
                                <img class="conformite" src="{{ asset('images/conforme.png') }}" width="130">
                            @elseif($rapport_part['rapport']['conformite'] == 'non_conforme')
                                <img class="conformite" src="{{ asset('images/non_conforme.png') }}" width="130">
                            @elseif($rapport_part['rapport']['conformite'] == 'non_verifiable')
                                <img class="conformite" src="{{ asset('images/non_verifiable.png') }}" width="130">
                            @endif
                        @endisset
                    </div>
                </div>
            @endforeach
            <div class="col-sm-12 col-md-4" style="text-align:center">
                <div class="big_button btn btn-primary" data-toggle="modal" data-target="#addSubRapport">+
                </div>
            </div>

        </div>
    @endif
    @if (Auth::user()->client_id == 0)
        @include('dashboard.taches.details')
        <br>
        @include('dashboard.taches.archive')
    @endif

    @if (auth()->user()->user_type === 1)
        <div class="container mb-3">
            <div class="row">
                <div class="col-md-12 col-sm-12">

                    <div class="page-header">
                    </div>
                    <div class="timeline-container" style="display:inline-block;width:100%;overflow-y:auto;">
                        <ul class="timeline timeline-horizontal">
                            @if (isset($timeline['date_demande']))
                                <li class="timeline-item">
                                    <div class="timeline-badge primary"><i class="fas fa-calendar-plus"></i></div>
                                    <div class="timeline-panel">
                                        <div class="timeline-heading">
                                            <h6 class="timeline-title">Date de création de la demande</h6>
                                            <p><small class="text-muted"><i class="far fa-clock"></i>
                                                    {{ $timeline['date_demande'] }}
                                                </small></p>
                                        </div>
                                        <div class="timeline-body">
                                            <p><a href="/demandes/{{ $timeline['demande_id'] }}" target="_blank">Fiche de
                                                    la demande</a></p>
                                        </div>
                                    </div>
                                </li>
                            @endif
                            @if (isset($timeline['date_create_rdv']))
                                <li class="timeline-item">
                                    <div class="timeline-badge primary"><i class="far fa-calendar-alt"></i></div>
                                    <div class="timeline-panel">
                                        <div class="timeline-heading">
                                            <h6 class="timeline-title">Date creation du rdv</h6>
                                            <p><small class="text-muted"><i class="far fa-clock"></i>
                                                    {{ $timeline['date_create_rdv'] }}
                                                </small></p>
                                        </div>
                                        <div class="timeline-body">
                                            <p></p>
                                        </div>
                                    </div>
                                </li>
                            @endif
                            @if ($rapport->rdv_id > 0)
                                <li class="timeline-item">
                                    <div class="timeline-badge primary"><i class="far fa-calendar-alt"></i></div>
                                    <div class="timeline-panel">
                                        <div class="timeline-heading">
                                            <h6 class="timeline-title">Date du rdv</h6>
                                            <p>
                                                <small class="text-muted">
                                                    <i class="far fa-clock"></i>
                                                    {{ $timeline['date_rdv'] }}
                                                </small>
                                            </p>
                                        </div>
                                        <div class="timeline-body">
                                            <p><a href="{{ route('rdv.show', $rapport->rdv_id) }}" target="_blank">Fiche
                                                    du
                                                    rdv</a></p>
                                        </div>
                                    </div>
                                </li>
                            @endif
                            @if (isset($timeline['date_first_update']))
                                <li class="timeline-item">
                                    <div class="timeline-badge primary"><i class="fas fa-save"></i></div>
                                    <div class="timeline-panel">
                                        <div class="timeline-heading">
                                            <h6 class="timeline-title">Premier enregistrement du rapport</h6>
                                            <p><small class="text-muted"><i class="far fa-clock"></i>
                                                    {{ $timeline['date_first_update'] }}
                                                </small></p>
                                        </div>
                                        <div class="timeline-body">
                                            <p></p>
                                        </div>
                                    </div>
                                </li>
                            @endif
                            @if (isset($timeline['actions']))
                                @foreach ($timeline['actions'] as $action)
                                    <li class="timeline-item">
                                        <div class="timeline-badge primary">{!! $action['icon'] ?? '' !!}</div>
                                        <div class="timeline-panel" style="background: {!! $action['color'] ?? '' !!}">
                                            <div class="timeline-heading">
                                                <h6 class="timeline-title">{{ $action['action'] }}</h6>
                                                <p><small class="text-muted"><i class="far fa-clock"></i>
                                                        {{ $action['date'] }}
                                                    </small></p>
                                            </div>
                                            <div class="timeline-body">
                                                <p>
                                                    @if (isset($action['link']))
                                                        <a href="{{ $action['link'] }}" target="_blank">Voir le
                                                            rapport</a>
                                                    @endif
                                                </p>
                                            </div>
                                        </div>
                                    </li>
                                @endforeach
                            @endif
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    @endif

    <div class="row">
        <div class="col-lg-12 col-xl-12">
            <div class="main-card mb-3 card">
                <div class="grid-menu grid-menu-2col">
                    <div class="no-gutters row">
                        <div class="col-sm-4">
                            <div class="widget-chart widget-chart-hover">
                                <div class="icon-wrapper rounded-circle">
                                    <div class="icon-wrapper-bg bg-primary"></div>
                                    <i class="lnr-cog text-primary fa fa-user"></i>
                                </div>
                                <div class="widget-numbers">Client</div>
                                <div class="widget-subheading">
                                    <address>
                                        <strong> {{ $rapport['_billing_last_name'] }} </strong><br />
                                        {{ $rapport['_billing_address_1'] }}
                                        <br /> {{ $rapport['_billing_postcode'] }} {{ $rapport['_billing_city'] }}
                                        <br />
                                        @if ($rapport['operation_id'] > 0 && auth()->user()->user_type < 5)
                                            <a class="btn btn-primary" data-toggle="tooltip" data-placement="top"
                                                title="Accéder à l'opération" target="_blank"
                                                href="/operations/fiche_operation/{{ $rapport['operation_id'] }}">Opération</a>
                                        @endif
                                    </address>
                                </div>
                                <div class="widget-description text-success">
                                    <span class="pl-1"></span>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="widget-chart widget-chart-hover">
                                <div class="icon-wrapper rounded-circle">
                                    <div class="icon-wrapper-bg bg-primary"></div>
                                    <i class="lnr-cog text-primary fa fa-map-marker-alt"></i>
                                </div>
                                <div class="widget-numbers">Lieu d'inspection</div>
                                <div class="widget-subheading">
                                    <address>
                                        <strong> {{ $rapport['proprietaire_name'] }}</strong><br />
                                        {{ $rapport['proprietaire_adresse'] }}
                                        <br />{{ $rapport['proprietaire_cp'] }}
                                        {{ $rapport['proprietaire_ville'] }}
                                    </address>
                                </div>
                                <div class="widget-description text-success">
                                    <span class="pl-1"></span>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="widget-chart widget-chart-hover">
                                <div class="icon-wrapper rounded-circle">
                                    <div class="icon-wrapper-bg bg-primary"></div>
                                    <i class="lnr-cog text-primary fa fa-university"></i>
                                </div>
                                <div class="widget-numbers">Bénéficiaire</div>
                                <div class="widget-subheading">
                                    <address>
                                        <strong>{{ $rapport['beneficiaire_name'] }}</strong><br />{{ $rapport['beneficiaire_adresse'] }}
                                        <br />{{ $rapport['beneficiaire_cp'] }}
                                        {{ $rapport['beneficiaire_ville'] }}
                                    </address>
                                </div>
                                <div class="widget-description text-success">
                                    <span class="pl-1"></span>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>

    </div>

    <div class="row">
        <div class="col-md-12 col-xl-12">
            <div class="main-card mb-3 card">
                <div class="card-header">
                    <i class="header-icon lnr-license icon-gradient bg-plum-plate"></i>
                    Documents
                    <div class="btn-actions-pane-right text-capitalize">
                    </div>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-12  no-bg no-border">
                            <div class="tab-pane documents documents-panel">
                                @foreach ($documents as $index => $doc_sec)
                                    @foreach ($doc_sec as $doc)
                                        @if (in_array($doc->doc_ext, config('files_format.format_images')))
                                            <div class="document" id="{{ $doc->doc_id }}"><a style="color:white"
                                                    data-id="{{ $doc->doc_id }}"
                                                    data-img="{{ asset('storage/' . $index) }}/{{ $doc['doc_name'] }}"
                                                    class="btn btn-danger btn-sm del_img">-</a>
                                                <div class="document-body">
                                                    <a class='doc_pdf'
                                                        data-doc='{{ asset('storage/' . $index) }}/{{ $doc['doc_name'] }}'><img
                                                            src='{{ asset('storage/' . $index) }}/{{ $doc['doc_name'] }}'></a>
                                                </div>
                                                <div class="document-footer"><span class="document-name"><a
                                                            href="{{ asset('storage/' . $index) }}/{{ $doc['doc_name'] }}"
                                                            {{ in_array($doc->doc_ext, config('files_format.ext_pdf')) ? 'target="_blank"' : 'class="doc_pdf"' }}>
                                                            {{ $doc->doc_real_name ?? substr($doc['doc_name'], 11) }}</a></span>
                                                </div>
                                            </div>
                                        @elseif(in_array($doc->doc_ext, config('files_format.ext_pdf')))
                                            <div class="document danger" id="{{ $doc->doc_id }}"><a style="color:white"
                                                    data-id="{{ $doc->doc_id }}"
                                                    data-img="{{ asset('storage/' . $index) }}/{{ $doc['doc_name'] }}"
                                                    class="btn btn-danger btn-sm del_img">-</a>
                                                <div class="document-body"><i class="fa fa-file-pdf-o text-danger"></i>
                                                </div>
                                                <div class="document-footer"><span class="document-name"><a
                                                            href="{{ asset('storage/' . $index) }}/{{ $doc['doc_name'] }}"
                                                            {{ in_array($doc->doc_ext, config('files_format.ext_pdf')) ? 'target="_blank"' : 'class="doc_pdf"' }}>
                                                            {{ $doc->doc_real_name ?? substr($doc['doc_name'], 11) }}</a></span>
                                                </div>
                                            </div>
                                        @elseif(in_array($doc->doc_ext, config('files_format.format_word')))
                                            <div class="document primary" id="{{ $doc->doc_id }}"><a style="color:white"
                                                    data-id="{{ $doc->doc_id }}"
                                                    data-img="{{ asset('storage/' . $index) }}/{{ $doc['doc_name'] }}"
                                                    class="btn btn-danger btn-sm del_img">-</a>
                                                <div class="document-body"><i class="fa fa-file-word-o text-primary"></i>
                                                </div>
                                                <div class="document-footer"><span class="document-name"><a
                                                            href="{{ asset('storage/' . $index) }}/{{ $doc['doc_name'] }}"
                                                            {{ in_array($doc->doc_ext, config('files_format.ext_pdf')) ? 'target="_blank"' : 'class="doc_pdf"' }}>
                                                            {{ $doc->doc_real_name ?? substr($doc['doc_name'], 11) }}</a></span>
                                                </div>
                                            </div>
                                        @elseif(in_array($doc->doc_ext, config('files_format.format_excel')))
                                            <div class="document success" id="{{ $doc->doc_id }}"><a style="color:white"
                                                    data-id="{{ $doc->doc_id }}"
                                                    data-img="{{ asset('storage/' . $index) }}/{{ $doc['doc_name'] }}"
                                                    class="btn btn-danger btn-sm del_img">-</a>
                                                <div class="document-body"><i
                                                        class="fa fa-file-excel-o text-success"></i></div>
                                                <div class="document-footer"><span class="document-name"><a
                                                            href="{{ asset('storage/' . $index) }}/{{ $doc['doc_name'] }}"
                                                            {{ in_array($doc->doc_ext, config('files_format.ext_pdf')) ? 'target="_blank"' : 'class="doc_pdf"' }}>
                                                            {{ $doc->doc_real_name ?? substr($doc['doc_name'], 11) }}</a></span>
                                                </div>
                                            </div>
                                        @endif
                                    @endforeach
                                @endforeach
                            </div>
                        </div>
                    </div>
                    <div id="upload_doc" style="cursor:pointer" class="dropzone dz-clickable" data-dest="rapport_id"
                        data-link="{{ $rapport->rapport_id }}">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <style type="text/css">
        .big_button.btn.btn-primary {
            border-radius: 100%;
            min-width: 100px;
            min-height: 100px;
            line-height: 75px;
            font-size: 100px;
            padding: 0;
            margin-top: 15%;
        }

    </style>
    <script>
        Dropzone.autoDiscover = false;
        $(".dropzone").dropzone({
            url: '/upload',
            maxFiles: 10,
            dictDefaultMessage: "Cliquez ici pour charger des images ou déposez les à cet emplacement",

            success: function(data, textStatus, XMLHttpRequest) {},
            init: function() {
                myDropzone = this;
                this.on("sending", function(file, xhr, formData) {
                    formData.append("_token", CSRF_TOKEN);
                    formData.append("from", "rapport_id");
                    formData.append("path", "rapports/rapport_{{ $rapport->rapport_id }}");
                    formData.append("id", {{ $rapport->rapport_id }});
                });
                this.on("success", function(file, responseText) {
                    $('#docs').val($('#docs').val() + responseText.doc_id + ';');
                    $('.documents-panel').append(
                        '<div class="document danger" id="' + responseText.doc_id + '">' +
                        '<a style="color:white" data-id="' + responseText.doc_id +
                        '" data-img="{{ asset('storage/rapports/rapport_' . $rapport->rapport_id) }}/' +
                        responseText.path + '" class="btn btn-danger btn-sm del_img">-</a>' +
                        '<div class="document-body"><i class="fa fa-file-pdf-o text-danger"></i></div>' +
                        '<div class="document-footer"><span class="document-name">' +
                        '<a href="{{ asset('storage/rapports/rapport_' . $rapport->rapport_id) }}/' +
                        responseText.path + '" target="_blank">' + responseText.real_name +
                        '</a></span>' +
                        '</div>' +
                        '</div>')

                    $(".del_img").click(function() {
                        axios.delete('/upload/delete', {
                            data: {
                                _token: CSRF_TOKEN,
                                id: $(this.parentNode).attr('id'),
                                from: 'rapport',
                            }
                        });
                        $(this.parentNode).remove();
                    })
                });
            }
        });

        $('.isDisabled').parent().click(function(event) {
            event.preventDefault();

            toastr.error('Veuillez générer le rapport');
        })

        $(".del_img").click(function() {
            axios.delete('/upload/delete', {
                data: {
                    _token: CSRF_TOKEN,
                    id: $(this.parentNode).attr('id'),
                    from: 'rapport',
                }
            });
            $(this.parentNode).remove();
        })

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

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

            loader.hide();
            let link = '/storage/rapports/rapport_' + id + '/{{ $rapport->nom_rapport }}.pdf' + '?time=' + Date
                .now();

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

            $('#body_mail').html('Madame, Monsieur,' + "\n" +
                'Veuillez trouver en pièce jointe le rapport d\'inspection N° ' +
                '{{ $rapport->nom_rapport }}' + "\n" + "\n" + 'Cordialement.');
            $('#doc_mail').val(link);
            $('#type_doc').val('Rapport');
            $('#modal-doc').modal();
            $('#modal-doc iframe').attr('src', link);
            $(this).removeClass('isDisabled');
        });

        $('.edit_invoice_new').click(function(event) {
            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 + '?time=' + Date.now();

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

                $('#body_mail').html('Madame, Monsieur,' + "\n" +
                    'Veuillez trouver en pièce jointe le rapport d\'inspection N° ' +
                    '{{ $rapport->nom_rapport }}' + "\n" + "\n" + 'Cordialement.');
                $('#doc_mail').val(link);
                $('#type_doc').val('Rapport');
                $('#modal-doc').modal();
                $('#modal-doc iframe').attr('src', link);
                $(this).removeClass('isDisabled');

                let relecture = document.getElementById('relecture');
                if (relecture !== undefined && relecture !== null) {
                    $(relecture.parentElement).off();
                    relecture.classList.remove('isDisabled');
                }

                let validation = document.getElementById('validation');
                if (validation !== undefined && validation !== null) {
                    validation.classList.remove('isDisabled');
                    $(validation.parentElement).off();
                }

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

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

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

                if ($('#statut_rdv').val() != 4) {
                    // $('#modal-doc p').css("width", "70%");
                }
                $('#body_mail').html('Madame, Monsieur,' + "\n" +
                    'Veuillez trouver en pièce jointe le rapport d\'inspection N° ' +
                    '{{ $rapport->nom_rapport }}' + "\n" + "\n" + 'Cordialement.');
                $('#doc_mail').val(link);
                $('#type_doc').val('Rapport');
                $('#modal-doc').modal();
                $('#modal-doc iframe').attr('src', link);
            }).catch(error => {
                loader.hide();
                toastr.error('Une erreur est survenue');
            });
        });

        const download = document.getElementById('download');

        document.querySelectorAll('.edit_invoice_sub').forEach(el => {
            el.addEventListener('click', function(event) {
                event.preventDefault();

                let id = $(el).attr('data-id');
                loader.show();

                $(el).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%");
                    }

                    $('#body_mail').html('Madame, Monsieur,' + "\n" +
                        'Veuillez trouver en pièce jointe le rapport d\'inspection N° ' + el
                        .dataset.name + "\n" + "\n" + 'Cordialement.');
                    $('#doc_mail').val(link);
                    $('#type_doc').val('Rapport');
                    $('#modal-doc').modal();
                    $('#modal-doc iframe').attr('src', link);
                    $(el).removeClass('isDisabled');

                    let relecture = document.getElementById('relecture');
                    if (relecture !== undefined && relecture !== null) {
                        $(relecture.parentElement).off();
                        relecture.classList.remove('isDisabled');
                    }

                    let validation = document.getElementById('validation');
                    if (validation !== undefined && validation !== null) {
                        validation.classList.remove('isDisabled');
                        $(validation.parentElement).off();
                    }

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

        if (download !== undefined && download !== null) {
            download.addEventListener('click', (item) => {
                loader.show();

                axios.get('/api/rapports/download_164', {
                    headers: {
                        'Authorization': `Bearer ${token}`,
                    },
                    params: {
                        id: download.dataset.id
                    }
                }).then((response) => {
                    loader.hide();

                    let a = document.createElement('a');
                    let url = response.data;
                    a.href = url;
                    a.download = 'Synthese_renovation_globale.zip'
                    document.body.append(a);
                    a.click();
                    a.remove();
                    window.URL.revokeObjectURL(url);
                }).catch(error => {
                    loader.hide();
                });


            })
        }

        let timelineContainer = document.querySelector('.timeline-container')

        if (timelineContainer !== null) {
            timelineContainer.addEventListener('wheel', (event) => {
                event.preventDefault();

                timelineContainer.scrollBy({
                    left: event.deltaY < 0 ? -60 : 60,
                });
            });
        }
    </script>
    @if (session()->has('generate_invoice'))
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                $('.edit_invoice_new').click();
            });
        </script>
    @endif
@endsection

@section('modal')
    @include('modals.doc')
    @include('modals.rapports.add-to-ope')
    @include('modals.rapports.add_sub_rapport')
    @if (in_array(auth()->user()->user_id, [1, 433, 443]))
        @include('modals.rapports.quick-fix')
    @endif
@endsection