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

@section('head_supplement')
    <link rel="stylesheet" href="{{ asset('css/edit_rdv.css') }}">
    <script src="{{ asset('js/dropzone.min.js') }}" defer></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="fas fa-calendar-alt icon-gradient bg-mean-fruit"></i>
                </div>
                <div>
                    RDV


                    @if (isset($rdv->type_operation))
                        @if ($rdv->type_operation == 'BAR-EN-101')
                            <a style="font-size: large;" class="btn btn-danger">OPERATION BAR-EN-101 COMBLES OU
                                RAMPANTS</a>
                        @endif
                        @if ($rdv->type_operation == 'BAR-EN-103')
                            <a style="font-size: large;" class="btn btn-danger">OPERATION BAR-EN-103 PLANCHERS</a>
                        @endif
                    @endif

                    <div class="page-title-subheading">
                        @if ($rdv->statut_rdv == 2)
                            <a style="float: right;" class="btn btn-danger mx-1">RDV Annulé</a>
                            @if (auth()->user()->client_id === 0 || (!isset(auth()->user()->client_id) && auth()->user()->user_type < 5))
                                <a href="{{ route('rdv.resume', $rdv->rdv_id) }}" style="float: right;"
                                    class="btn btn-primary mx-1">Reprendre le rdv</a>
                            @endif
                        @endif
                        @if (auth()->user()->client_id === 0 || !isset(auth()->user()->client_id))
                            @isset($rdv->assigned)
                                Assigné par : {{ $rdv->assigned->user_firstname }} {{ $rdv->assigned->user_lastname }}
                            @endisset
                        @endif
                    </div>
                </div>
            </div>
            <div class="page-title-actions">
                @if (($rdv->statut_rdv == 1 && Auth::user()->user_type < 5 && auth()->user()->client_id === 0) || !isset(auth()->user()->client_id))
                    <form action="{{ route('rdv.cancel', $rdv->rdv_id) }}" method="post">
                        @csrf
                        @method('delete')
                        <button style="float: right;" type="submit" class="btn btn-danger">Annuler le
                            rdv
                        </button>
                    </form>
                @endif
                @if (($rdv->operation_id != 0 && $rdv->type_rdv == 2 && auth()->user()->client_id === 0) || !isset(auth()->user()->client_id))
                    <a href="{{ route('rdv.replace', $rdv->rdv_id) }}" class="btn btn-primary my-1">
                        Replacer le rdv sur la carte
                    </a>
                @endif
            </div>
        </div>
        @if (Auth::user()->client_id == 0)
            <div>
                <br>
                @include('dashboard.taches.details')
                <br>
                @include('dashboard.taches.archive')
            </div>
        @endif
    </div>

    @if (auth()->user()->client_id === 0 || !isset(auth()->user()->client_id))
        <div data-rapport_id="{{ $rdv->rdv_id }}" onclick="copyToClipboard({{ $rdv->rdv_id }})"
            style=" background: #3f6ad8;color: white;max-width: 205px;text-align: center;padding: 12px;border-radius: 5px;font-size: larger;margin: auto; margin-bottom: 12px;">
            Numéro de rapport à reporter sur CEERTIF : {{ $rdv->rdv_id }}
        </div>
    @endif
    <script type="text/javascript">

    </script>
    <form id="rdv_form" action="{{ route('rdv.update', $rdv->rdv_id) }}" method="post">
        @method('put')
        @csrf
        <div class="row mb-5">
            <div class="col-md-12 col-xl-12">
                <div id="validation_type" style="">
                    <div class="">
                        <div class="col-md-12">
                            @if (isset($has_rapport->rapport_id) && (auth()->user()->client_id == 0 || !isset(auth()->user()->client_id)))
                                <a href="/rapports/fiche_rapport/{{ $has_rapport->rapport_id }}" target="_blank"
                                    class="btn btn-primary mb-3">Voir le rapport</a>
                            @endif
                            @if ((auth()->user()->user_type < 5 && (auth()->user()->client_id == 0 || !isset(auth()->user()->client_id))) || isset(auth()->user()->client_id))
                                <a href="{{ route('rdv.done', ['inspecteur' => $rdv->user_id]) }}" target="_blank"
                                    class="btn btn-primary mb-3 float-right">Planning de l'inspecteur</a>
                            @endif
                            @if ($rdv->demande_id > 0 && (auth()->user()->client_id == 0 || !isset(auth()->user()->client_id)) && auth()->user()->user_type < 5)
                                <a href="/demandes/{{ $rdv->demande_id }}" target="_blank"
                                    class="btn btn-primary mb-3">Voir la demande</a>
                            @endif
                            @if (($rdv->demande_id == 0 && $rdv->operation_id !== 0 && auth()->user()->user_type < 5 && auth()->user()->client_id === 0) || !isset(auth()->user()->client_id))
                                <a href="/operations/fiche_operation/{{ $rdv->operation_id }}" target="_blank"
                                    class="btn btn-primary mb-3">Voir l'opération</a>
                            @endif
                            <div class="main-card mb-3 card">
                                <div class="card-body">
                                    <h5 class="card-title">Date et Heure</h5>
                                    <div>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Date du rdv</a>
                                            </div>
                                            <input type="text" class="form-control date_picker" name="date"
                                                {{ $disabled }}
                                                value="{{ trim(date(' d/m/Y', strtotime(str_replace('/', '-', $rdv->date_rdv)))) }}">
                                        </div>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Heure du rdv</a>
                                            </div>
                                            <select {{ $disabled }} name="heure" class="form-control"
                                                style="max-width:50px">

                                                @for ($i = 8; $i < 21; $i++)
                                                    {
                                                    @if ($i < 10)
                                                        {
                                                        @php $i = '0' . $i; @endphp
                                                    @endif
                                                    <option
                                                        {{ $i == date('H', strtotime($rdv->date_rdv)) ? 'selected' : '' }}
                                                        value="{{ $i }}">{{ $i }}</option>
                                                @endfor
                                            </select>H
                                            <select {{ $disabled }} name="minutes" class="form-control"
                                                style="max-width:50px">

                                                <option
                                                    {{ date('i', strtotime(str_replace('/', '-', $rdv->date_rdv))) == '00' ? 'selected' : '' }}
                                                    value="00">
                                                    00
                                                </option>
                                                <option
                                                    {{ date('i', strtotime(str_replace('/', '-', $rdv->date_rdv))) == '30' ? 'selected' : '' }}
                                                    value="30">
                                                    30
                                                </option>

                                            </select>MN
                                        </div>
                                        @if (auth()->user()->user_type < 5)
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <a class="btn btn-secondary">Inspecteur</a>
                                                </div>
                                                <select {{ $disabled }} name="user_id" class="form-control">
                                                    @foreach ($users as $user)
                                                        <option {{ $rdv->user_id == $user->user_id ? 'selected' : '' }}
                                                            value="{{ $user->user_id }}">
                                                            {{ $user->user_firstname }} {{ $user->user_lastname }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            @if ($rdv->type_rdv == 9)
                                Nature des rénovation 164 : <br>
                                <div class="btn-group-justified">
                                    @if (isset($rdv->nature_renovation) && @unserialize($rdv->nature_renovation) && is_array(unserialize($rdv->nature_renovation)))
                                        @foreach (unserialize($rdv->nature_renovation) as $key => $nature)
                                            <a class="mb-2 mr-2 btn btn-primary">
                                                {{ config('types.nature_to_type.' . $nature) }}
                                            </a>
                                        @endforeach
                                    @endif
                                </div>
                            @endif
                            <div class="main-card mb-3 card">
                                <div class="card-body">
                                    <h5 class="card-title">Inspection</h5>
                                    <div>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Type d'inspection</a>
                                            </div>
                                            <select {{ $disabled }} id="type_rdv_select" name="type_rdv"
                                                class="form-control" required>
                                                <option value="">Choisir un type de rdv</option>
                                                @foreach (config('types.type_rapport') as $key => $type_rapport)
                                                    <option {{ $key == $rdv->type_rdv ? 'selected' : '' }}
                                                        value="{{ $key }}">
                                                        {{ $type_rapport }}
                                                    </option>
                                                @endforeach
                                            </select>

                                        </div>

                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Durée</a>
                                            </div>
                                            <input {{ $disabled }} type="text" name="duree"
                                                value="{{ !empty($rdv->duree) ? $rdv->duree : '1' }}"
                                                class="form-control">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="main-card mb-3 card"
                                style="display: {{ Auth::user()->client_id > 0 ? 'none' : 'block' }}">
                                <div class="card-header-tab card-header">
                                    <div>Clients</div>
                                    <div class="btn-actions-pane-right">
                                        @if (Auth::user()->client_id == 0)
                                            <select {{ $disabled }} class="form-control" id="choose_client"
                                                style="max-width:100%;min-width:100%">
                                                <option value="">Choisir un client existant</option>
                                                @foreach ($clients as $client)
                                                    <option {{ $rdv->client_id == $client->client_id ? 'selected' : '' }}
                                                        value="{{ $client->client_id }}">{{ $client->client_title }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        @endif
                                    </div>
                                </div>
                                <div class="card-body" id="card-body-client" style="display: block">
                                    <div>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Nom du client</a>
                                            </div>
                                            <input {{ $disabled }} type="text" name="_billing_last_name"
                                                value="{{ $rdv['_billing_last_name'] }}" class="form-control">

                                        </div>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Adresse du client</a>
                                            </div>
                                            <input {{ $disabled }} type="text" name="_billing_address_1"
                                                value="{{ $rdv['_billing_address_1'] }}" class="form-control">

                                        </div>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Code postal du client</a>
                                            </div>
                                            <input {{ $disabled }} type="text" name="_billing_postcode"
                                                value="{{ $rdv['_billing_postcode'] }}" class="form-control">

                                        </div>

                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Ville du client</a>
                                            </div>
                                            <input {{ $disabled }} type="text" name="_billing_city"
                                                value="{{ $rdv['_billing_city'] }}" class="form-control">
                                            <input {{ $disabled }} type="hidden" name="client_id"
                                                value="{{ !empty(Auth::user()->client_id) ? Auth::user()->client_id : $rdv->client_id }}">
                                        </div>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Opération de contrôle</a>
                                            </div>
                                            <input type="hidden" name="operation_id" value="{{ $rdv['operation_id'] }}"
                                                class="form-control">
                                            @if (Auth::user()->client_id == 0)
                                                <select class="form-control select2" name="operation_id"
                                                    style="max-width:100%;min-width:100%">
                                                    <option value="">Choisir une opération en cours</option>
                                                    @foreach ($operations as $operation)
                                                        <option
                                                            {{ $rdv->operation_id == $operation->operation_id ? 'selected' : '' }}
                                                            value="{{ $operation->operation_id }}">
                                                            {{ $operation->operation_title }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            @endif
                                        </div>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Type d'opération</a>
                                            </div>
                                            <input type="text" name="type_operation" value="{{ $rdv['type_operation'] }}"
                                                class="form-control">
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="main-card mb-3 card">
                                <div class="card-body">
                                    <h5 class="card-title">Lieu d'inspection</h5>
                                    <div>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Propriétaire</a>
                                            </div>
                                            <input {{ $disabled }} type="text" name="proprietaire_name"
                                                value="{{ $rdv['proprietaire_name'] }}" class="form-control">

                                        </div>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Adresse de l'inspection</a>
                                            </div>
                                            <input {{ $disabled }} type="text" name="proprietaire_adresse"
                                                value="{{ $rdv['proprietaire_adresse'] }}" class="form-control">

                                        </div>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Code postal de l'inspection</a>
                                            </div>
                                            <input {{ $disabled }} type="text" name="proprietaire_cp"
                                                value="{{ $rdv['proprietaire_cp'] }}" class="form-control">

                                        </div>

                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Ville de l'inspection</a>
                                            </div>
                                            <input {{ $disabled }} type="text" name="proprietaire_ville"
                                                value="{{ $rdv['proprietaire_ville'] }}" class="form-control">
                                            <input type="hidden" name="surface" value="{{ $rdv['surface'] }}"
                                                class="form-control">
                                            <input type="hidden" name="epaisseur" value="{{ $rdv['epaisseur'] }}"
                                                class="form-control">
                                            <input type="hidden" name="modele" value="{{ $rdv['modele'] }}"
                                                class="form-control">
                                            <input type="hidden" name="marque" value="{{ $rdv['marque'] }}"
                                                class="form-control">
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="main-card mb-3 card">
                                <div class="card-body">
                                    <h5 class="card-title">Bénéficiaire</h5>
                                    <div>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Nom du bénéficiaire</a>
                                            </div>
                                            <input {{ $disabled }} type="text" name="beneficiaire_name"
                                                value="{{ $rdv['beneficiaire_name'] }}" class="form-control">
                                        </div>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Adresse du bénéficiare</a>
                                            </div>
                                            <input {{ $disabled }} type="text" name="beneficiaire_adresse"
                                                value="{{ $rdv['beneficiaire_adresse'] }}" class="form-control">
                                        </div>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Code postal du bénéficiare</a>
                                            </div>
                                            <input {{ $disabled }} type="text" name="beneficiaire_cp"
                                                value="{{ $rdv['beneficiaire_cp'] }}" class="form-control">
                                        </div>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Ville du bénéficiare</a>
                                            </div>
                                            <input {{ $disabled }} type="text" name="beneficiaire_ville"
                                                value="{{ $rdv['beneficiaire_ville'] }}" class="form-control">
                                        </div>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Téléphone 1</a>
                                            </div>
                                            <input {{ $disabled }} type="text" name="beneficiaire_tel_1"
                                                value="{{ !empty($rdv->beneficiaire_tel_1) ? $rdv->beneficiaire_tel_1 : $rdv->tel_1 ?? $rdv->proprietaire_tel_1 }}"
                                                class="form-control">
                                        </div>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Téléphone 2</a>
                                            </div>
                                            <input {{ $disabled }} type="text" name="beneficiaire_tel_2"
                                                value="{{ !empty($rdv->beneficiaire_tel_2) ? $rdv->beneficiaire_tel_2 : $rdv->tel_2 ?? $rdv->proprietaire_tel_2 }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="main-card mb-3 card">
                                <div class="card-body">
                                    <h5 class="card-title">Entreprise ayant réalisé les travaux</h5>
                                    <div>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Raison sociale</a>
                                            </div>
                                            <input {{ $disabled }} type="text" name="entreprise_travaux"
                                                value="{{ $rdv['entreprise_travaux'] }}" class="form-control">
                                        </div>
                                        @if (!empty($rdv['adresse_entreprise']))
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <a class="btn btn-secondary">Adresse</a>
                                                </div>
                                                <input type="text" required name="adresse_entreprise"
                                                    value="{{ $rdv['adresse_entreprise'] }}" class="form-control">
                                            </div>
                                        @endif
                                        @if (!empty($rdv['cp_entreprise']))
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <a class="btn btn-secondary">Code postal</a>
                                                </div>
                                                <input type="text" required name="cp_entreprise"
                                                    value="{{ $rdv['cp_entreprise'] }}" class="form-control">
                                            </div>
                                        @endif
                                        @if (!empty($rdv['ville_entreprise']))
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <a class="btn btn-secondary">Ville</a>
                                                </div>
                                                <input type="text" required name="ville_entreprise"
                                                    value="{{ $rdv['ville_entreprise'] }}" class="form-control">
                                            </div>
                                        @endif
                                        @if (!empty($rdv['siren_entreprise']))
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <a class="btn btn-secondary">SIREN</a>
                                                </div>
                                                <input type="text" required name="siren_entreprise"
                                                    value="{{ $rdv['siren_entreprise'] }}" class="form-control">
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="main-card mb-3 card">
                                <div class="card-body">
                                    <h5 class="card-title">Données du chantier</h5>
                                    <div>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Surface à inspecter</a>
                                            </div>
                                            <input {{ $disabled }} type="text" name="surface"
                                                value="{{ $rdv['surface'] }}" class="form-control">
                                        </div>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Type d'isolant</a>
                                            </div>
                                            <input type="text" name="modele" value="{{ $rdv['modele'] }}"
                                                class="form-control">
                                        </div>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Marque/Référence de l'isolant</a>
                                            </div>
                                            <input {{ $disabled }} type="text" name="marque"
                                                value="{{ $rdv['marque'] }}" class="form-control">
                                        </div>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Epaisseur de l'isolant</a>
                                            </div>
                                            <input {{ $disabled }} type="text" name="epaisseur"
                                                value="{{ $rdv['epaisseur'] }}" class="form-control">
                                        </div>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Référence de la facture</a>
                                            </div>
                                            <input {{ $disabled }} type="text" name="reference_facture"
                                                value="{{ $rdv['reference_facture'] }}" class="form-control">
                                        </div>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Référence du devis</a>
                                            </div>
                                            <input {{ $disabled }} type="text" name="reference_devis"
                                                value="{{ $rdv['reference_devis'] }}" class="form-control">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="main-card mb-3 card">
                                <div class="card-body">
                                    <h5 class="card-title">Observations</h5>
                                    <div>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Notes</a>
                                            </div>

                                            <textarea style="width: 70%;
                                                                                min-height: 200px;"
                                                name="rdv_observations">{{ $rdv['rdv_observations'] }}</textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="main-card mb-3 card">
                                <div class="card-body">
                                    <h5 class="card-title">Documents</h5>
                                    <div>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <a class="btn btn-secondary">Joindre devis, factures, etc...</a>
                                            </div>
                                            <div id="upload_photos" class="dropzone" style="width:70%"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-12  no-bg no-border">
                                    <div id="img_contain"></div>
                                    <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>
                    </div>
                </div>
                @if (auth()->user()->client_id === 0 || !isset(auth()->user()->client_id))
                    <input {{ $disabled }} type="submit" class="btn btn-primary" id="validation_button"
                        value="Valider" style="">
                @endif

                @if ((!isset($has_rapport) && $rdv->statut_rdv != 2 && (auth()->user()->client_id == 0 || !isset(auth()->user()->client_id)) && $rdv->user_id !== -1 && $rdv->type_rdv != 0) || auth()->user()->user_id == $rdv->user_id)
                    <a class="btn btn-success float-right"
                        href="{{ route('rapports.create', $rdv['type_rdv']) }}?rdv={{ $rdv->rdv_id }}"
                        onclick="this.classList.add('isDisabled')">
                        Effectuer le rapport
                    </a>
                @endif
            </div>
        </div>
    </form>
    <div class="col-sm-12  no-bg no-border">
        <div id="snackbar" class="">Le numéro CEERTIF à été copié</div>
        <script type="text/javascript">
            document.addEventListener('DOMContentLoaded', function() {

                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() {
                        this.on("sending", function(file, xhr, formData) {
                            formData.append("_token", CSRF_TOKEN);
                            formData.append("from", "rdv");
                            formData.append("path", "rdv/");
                            formData.append("id", {{ $rdv->rdv_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/rdv') }}/' + responseText
                                .path +
                                '" class="btn btn-danger btn-sm del_img">-</a><div class="document-body"><a class="doc_pdf" data-doc="{{ asset('storage/rdv') }}/' +
                                responseText.path +
                                '"><img src="{{ asset('storage/rdv') }}/' + responseText
                                .path +
                                '"></a></div><div class="document-footer"><span class="document-name"><a href="{{ asset('storage/rdv') }}/' +
                                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: 'rdv',
                        }
                    });
                    $(this.parentNode).remove();
                });

                $('#type_rdv_select').change(function() {
                    if ($(this).val() == 0) {
                        $("input").each(function() {
                            $(this).attr("required", false);
                        });
                        $("select").each(function() {
                            $(this).attr("required", false);
                        });
                    }
                });

                $('#choose_client').change(function() {
                    if ($(this).val() != '') {
                        $('#card-body-client').show();
                    } else {
                        $("input[name*='_billing_last_name']").val('');
                        $("input[name*='_billing_address_1']").val('');
                        $("input[name*='_billing_postcode']").val('');
                        $("input[name*='_billing_city']").val('');
                        $("input[name*='client_id']").val('');
                        $('#card-body-client').hide();
                    }
                    $.ajax({
                        url: '/api/clients/' + $(this).val(),
                        type: 'GET',
                        beforeSend: function(xhr) {
                            xhr.setRequestHeader('Authorization', `Bearer ${token}`);
                        },
                        success: function(response) {
                            $("input[name*='_billing_last_name']").val(response._billing_last_name);
                            $("input[name*='_billing_address_1']").val(response._billing_address_1);
                            $("input[name*='_billing_postcode']").val(response._billing_postcode);
                            $("input[name*='_billing_city']").val(response._billing_city);
                            $("input[name*='client_id']").val(response.client_id);
                        },
                    });
                });

                $(".date_picker").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