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

@section('head_supplement')
    <script src="{{ asset('js/dropzone.min.js') }}"></script>


    <link rel="stylesheet" href="{{ asset('css/fiche_client.css') }}">

    <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.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-users icon-gradient bg-mean-fruit"></i>
                </div>
                <div>
                    {{ $client->client_title }}
                </div>
            </div>
            <div class="page-title-actions">
                @if(auth()->user()->user_type < 4 && (auth()->user()->client_id == 0 || !isset(auth()->user()->client_id)) )
                    <button type="button" class="btn btn-danger btn-sm" data-toggle="modal"
                            data-target=".modify_client">
                        Modifier
                    </button>
                    <button type="button" class="btn btn-primary btn-sm" data-toggle="modal"
                            data-target=".add_subcontractor">
                        Ajouter un sous-traitant
                    </button>
                    <form class="mt-3" id="deleteClient" action="{{ route('clients.delete', $client->client_id) }}"
                          method="post">
                        @csrf
                        @method('DELETE')
                        <button class="btn btn-danger btn-sm float-right" onclick="handleDelete(event)">
                            Supprimer le client
                        </button>
                    </form>
                @endif
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-4 col-xl-4">
            <div class="main-card mb-3 card">
                <div class="card-header"><i class="header-icon lnr-license icon-gradient bg-plum-plate"> </i>Coordonnées
                </div>
                <div class="card-body" style="margin-left: -2em;">
                    <div class="">
                        <ul class="">
                            @if(!empty($client->adresse))
                                <li>
                                    <span class="list_title">Adresse</span>
                                    <div>{{ $client->adresse }} <br>{{ $client->cp }} {{ $client->ville }}</div>
                                </li>
                            @endif
                            @if(!empty($client->telephone))
                                <li>
                                    <span class="list_title">Téléphone</span>
                                    <div> {{ $client->telephone }}</div>
                                </li>
                            @endif
                            @if(!empty($client->email))
                                <li>
                                    <span class="list_title">Email</span>
                                    <div>{{ $client->email }}</div>
                                </li>
                            @endif
                        </ul>
                    </div>
                </div>
            </div>
            <div class="">
                <div class="main-card mb-3 card">
                    <div class="card-header"><i class="header-icon lnr-license icon-gradient bg-plum-plate"> </i>Contacts
                        <div class="btn-actions-pane-right text-capitalize" id="">
                            @if(auth()->user()->user_type < 4 && (auth()->user()->client_id == 0 || !isset(auth()->user()->client_id)) )
                                <button class="border-0 btn-transition btn btn-primary" data-toggle="modal"
                                        data-target=".add_contact">
                                    <i class="fa fa-plus"></i>
                                </button>
                            @endif
                        </div>
                    </div>
                    <div class="card-body">
                        @foreach($contacts as $contact)
                            <li>
                                <div class="show_profile">
                                    {{ config('various.civilite')[$contact->civilite] }}
                                    {{ $contact->contact_title }} {{ $contact->prenom }} -
                                    {{ config('types.type_contact')[$contact->type_contact] ?? '' }}
                                    <div class="card-shadow-primary card-border mb-3 ">
                                        <div class="dropdown-menu-header">
                                            <div class="dropdown-menu-header-inner bg-primary">
                                                <div class="menu-header-image"
                                                     style="/*background-image: url('images/city2.jpg');*/"></div>
                                                <div class="menu-header-content">
                                                    <div class="avatar-icon-wrapper avatar-icon-lg">
                                                        <div class="avatar-icon rounded btn-hover-shine">
                                                            <img src="{{ asset('images/men_avatar.jpg') }}"
                                                                 alt="Avatar 5">
                                                        </div>
                                                    </div>
                                                    <div><h5
                                                                class="menu-header-title">{{
                                                    config('various.civilite')[$contact->civilite] }}
                                                            {{ $contact->contact_title }} </h5></div>
                                                    <div class="menu-header-btn-pane">
                                                        @if((auth()->user()->client_id == 0 || !isset(auth()->user()->client_id)) && auth()->user()->user_type < 4)
                                                            <a href="{{ route('contacts.edit', $contact->contact_id) }}">
                                                                <button class="mr-2 btn btn-info btn-sm">Modifier
                                                                </button>
                                                            </a>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="scroll-area-sm">
                                            <div class="scrollbar-container ps">
                                                <ul class="list-group list-group-flush">
                                                    @if(!empty($contact['telephone']))
                                                        <li class="list-group-item">
                                                            <div class="widget-content p-0">
                                                                <div class="widget-content-wrapper">
                                                                    <div class="widget-content-left center-elem mr-2"><i
                                                                                class="pe-7s-file text-muted fsize-2"></i>
                                                                    </div>
                                                                    <div class="widget-content-left">
                                                                        <div class="widget-heading">Téléphone :
                                                                            <span>{{ $contact['telephone']}}</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    @endif

                                                    @if(!empty($contact['mobile']))
                                                        <li class="list-group-item">
                                                            <div class="widget-content p-0">
                                                                <div class="widget-content-wrapper">
                                                                    <div class="widget-content-left center-elem mr-2"><i
                                                                                class="pe-7s-file text-muted fsize-2"></i>
                                                                    </div>
                                                                    <div class="widget-content-left">
                                                                        <div class="widget-heading">Mobile :
                                                                            <span>{{ $contact['mobile']}}</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    @endif

                                                    @if(!empty($contact['type_contact_desc']))
                                                        <li class="list-group-item">
                                                            <div class="widget-content p-0">
                                                                <div class="widget-content-wrapper">
                                                                    <div class="widget-content-left center-elem mr-2"><i
                                                                                class="pe-7s-file text-muted fsize-2"></i>
                                                                    </div>
                                                                    <div class="widget-content-left">
                                                                        <div class="widget-heading">Fonction :
                                                                            <span>{{ $contact['type_contact_desc']}}</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    @endif


                                                    @if(!empty($contact['fax']))
                                                        <li class="list-group-item">
                                                            <div class="widget-content p-0">
                                                                <div class="widget-content-wrapper">
                                                                    <div class="widget-content-left center-elem mr-2"><i
                                                                                class="pe-7s-file text-muted fsize-2"></i>
                                                                    </div>
                                                                    <div class="widget-content-left">
                                                                        <div class="widget-heading">Fax :
                                                                            <span>{{ $contact['fax']}}</span></div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    @endif

                                                    @if(!empty($contact['email']))
                                                        <li class="list-group-item">
                                                            <div class="widget-content p-0">
                                                                <div class="widget-content-wrapper">
                                                                    <div class="widget-content-left center-elem mr-2"><i
                                                                                class="pe-7s-file text-muted fsize-2"></i>
                                                                    </div>
                                                                    <div class="widget-content-left">
                                                                        <div class="widget-heading">Email :
                                                                            <span>{{ $contact['email']}}</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    @endif

                                                    @if(!empty($contact['observations']))
                                                        <li class="list-group-item">
                                                            <div class="widget-content p-0">
                                                                <div class="widget-content-wrapper">
                                                                    <div class="widget-content-left center-elem mr-2"><i
                                                                                class="pe-7s-file text-muted fsize-2"></i>
                                                                    </div>
                                                                    <div class="widget-content-left">
                                                                        <div class="widget-heading">Observations :
                                                                            <span>{{ $contact['observations']}}</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    @endif
                                                </ul>
                                                <div class="ps__rail-x" style="left: 0; bottom: 0;">
                                                    <div class="ps__thumb-x" tabindex="0"
                                                         style="left: 0; width: 0;"></div>
                                                </div>
                                                <div class="ps__rail-y" style="top: 0; height: 200px; right: 0;">
                                                    <div class="ps__thumb-y" tabindex="0"
                                                         style="top: 0; height: 123px;"></div>
                                                </div>
                                                <div class="ps__rail-x" style="left: 0; bottom: 0;">
                                                    <div class="ps__thumb-x" tabindex="0"
                                                         style="left: 0; width: 0;"></div>
                                                </div>
                                                <div class="ps__rail-y" style="top: 0; right: 0;">
                                                    <div class="ps__thumb-y" tabindex="0"
                                                         style="top: 0; height: 0;"></div>
                                                </div>
                                            </div>
                                        </div>
                                        @if (!isset($contact['contact_access']) || $contact['contact_access'] == 0)
                                            <div class="text-center d-block card-footer">
                                                <button data-toggle="modal" data-target=".add_access"
                                                        onclick="$('#contact_access_id').val({{$contact['contact_id']}})"
                                                        class=" btn btn-success">
                                                    Créer un accès
                                                </button>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </li>
                        @endforeach
                    </div>
                </div>
            </div>
            <form id="del_contact" method="post">
                <input type="hidden" name="del_contact" id="del_contact_id" value="">
            </form>
            <div class="">
                <div class="main-card mb-3 card">
                    <div class="card-header"><i class="header-icon lnr-license icon-gradient bg-plum-plate"> </i>Observations
                    </div>
                    <div class="card-body">
                        <div class="">
                            {{ $client->observations }}
                        </div>
                    </div>
                </div>
            </div>
            <div class="">
                <div class="main-card mb-3 card">
                    <div class="card-header"><i class="header-icon lnr-license icon-gradient bg-plum-plate"> </i>Tarifs
                        <div class="btn-actions-pane-right text-capitalize" id="contrats_buttons_right">
                            @if(auth()->user()->user_type < 4 && (auth()->user()->client_id == 0 || !isset(auth()->user()->client_id)) )
                                <button type="button" class="btn btn-primary  btn-sm" data-toggle="modal"
                                        data-target=".add_tarifs">Modifier
                                </button>
                            @endif
                        </div>
                    </div>
                    <div class="card-body">
                        <table id="" class="table table-striped table-bordered dataTable no-footer" role="grid"
                               aria-describedby="datatable_exemple_info" style="width: 1673px;">
                            <thead>
                            <tr role="row">
                            </tr>
                            <tr>
                                <th width="20%">Prestation</th>
                                <th width="20%">Tarif</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>BAR-EN-101 CDP</td>
                                <td>{{ isset($tarif) ? $tarif['tarif_bar_101_cdp'] : '' }} €</td>
                            </tr>
                            <tr>
                                <td>BAR-EN-103 CDP</td>
                                <td>{{ isset($tarif) ? $tarif['tarif_bar_103_cdp'] : '' }} €</td>
                            </tr>
                            <tr>
                                <td>BAR-EN-101 Unitaire</td>
                                <td>{{ isset($tarif) ? $tarif['bar_101_moins600'] : '' }} €</td>
                            </tr>
                            <tr>
                                <td>BAR-EN-101/m2 (>600m2)</td>
                                <td>{{ isset($tarif) ? $tarif['bar_101_plus600'] : '' }} €</td>
                            </tr>
                            <tr>
                                <td>BAR-EN-103 Unitaire</td>
                                <td>{{ isset($tarif) ? $tarif['bar_103_moins600'] : '' }} €</td>
                            </tr>
                            <tr>
                                <td>BAR-EN-103/m2 (>600m2)</td>
                                <td>{{ isset($tarif) ? $tarif['bar_103_plus600'] : '' }} €</td>
                            </tr>
                            <tr>
                                <td>BAR-EN-102 ite Unitaire</td>
                                <td>{{ isset($tarif) ? $tarif['tarif_ite_102'] : '' }} €</td>
                            </tr>
                            <tr>
                                <td>BAR-EN-102 iti Unitaire</td>
                                <td>{{ isset($tarif) ? $tarif['tarif_iti_102'] : '' }} €</td>
                            </tr>
                            <tr>
                                <td>BAR-TH-160/ml (<=600ml)</td>
                                <td>{{ isset($tarif) ? $tarif['calo_600'] : '' }} €</td>
                            </tr>
                            <tr>
                                <td>BAR-TH-160/ml (>600ml)</td>
                                <td>{{ isset($tarif) ? $tarif['calo_601'] : '' }} €</td>
                            </tr>
                            <tr>
                                <td>Point singulier Unitaire</td>
                                <td>{{ isset($tarif) ? $tarif['points_singuliers'] : '' }} €</td>
                            </tr>
                            <tr>
                                <td>Tarif pompe à chaleur</td>
                                <td>{{ isset($tarif) ? $tarif['tarif_pac'] : '' }} €</td>
                            </tr>
                            <tr>
                                <td>Tarif pompe à chaleur + ballon thermodynamique</td>
                                <td>{{ isset($tarif) ? $tarif['tarif_pac_ballon'] : '' }} €</td>
                            </tr>
                            <tr>
                                <td>Forfait de déplacement</td>
                                <td>{{ isset($tarif) ? $tarif['forfait_deplacement'] : '' }} €</td>
                            </tr>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-8 col-xl-8">
            <div class="main-card mb-3 card">
                <div class="card-header"><i class="header-icon lnr-license icon-gradient bg-plum-plate"> </i>Contrats
                    ({{ count($contrats) }})
                    <div class="btn-actions-pane-right text-capitalize" id="contrats_buttons_right">
                        @if(auth()->user()->user_type < 4 && (auth()->user()->client_id == 0 || !isset(auth()->user()->client_id)) )
                            <button type="button" class="btn btn-primary btn-sm" data-toggle="modal"
                                    data-target=".add_contrat">Rédaction d'une offre
                            </button>
                        @endif
                    </div>
                </div>
                <div class="card-body">
                    <table id="" class="table table-striped table-bordered dataTable no-footer" role="grid"
                           aria-describedby="datatable_exemple_info" style="width: 1673px;">
                        <thead>
                        <tr role="row">
                        </tr>
                        <tr>
                            <th width="20%">Date du contrat</th>
                            <th width="20%">Référence du contrat</th>
                            <th>Action</th>
                            <th>Etape</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($contrats as $contrat)
                            <tr role="row" class="odd">
                                <td>{{ \Carbon\Carbon::parse($contrat->date_contrat)->isoFormat('DD/MM/Y ') }}</td>
                                <td>{{ !empty($contrat->nom_contrat) ? $contrat->nom_contrat : 'Numéro de contrat en attente de validation du PDF'}}
                                </td>
                                <td style="width:50px;">
                                    @if($contrat->contrat_status < 1)
                                        <a style="margin-bottom:8px;display:block"
                                           href="{{ route('contrats.edit', $contrat->contrat_id) }}">
                                            <button class="btn btn-primary btn-sm">Modifier</button>
                                        </a>
                                    @endif
                                    @if($contrat->contrat_status != 3 && $contrat->contrat_status != 2)
                                        <a style="margin-bottom:8px;display:block" class="edit_contrat"
                                           data-id="{{ $contrat->contrat_id }}"
                                           data-name="{{ $contrat->nom_contrat }}">
                                            <button class="btn btn-warning btn-sm">Visualiser</button>
                                        </a>
                                    @endif
                                    @if($contrat->contrat_status == 0)
                                        <form action="{{ route('contrats.review', $contrat->contrat_id) }}"
                                              method="post">
                                            @csrf
                                            @method('put')
                                            <button style="margin-bottom:8px;display:block" type="submit"
                                                    class="btn btn-success btn-sm"
                                                    onclick="if (! confirm('Confirmez vous la validation du contrat?')) { return false; }">
                                                Revue d'offre
                                            </button>

                                        </form>
                                    @elseif($contrat->contrat_status == 1)
                                        <a style="margin-bottom:8px;display:block" class="edit_contrat"
                                           data-id="{{ $contrat->contrat_id }}"
                                           data-name="{{ $contrat->nom_contrat }}">
                                            <button class="btn btn-success btn-sm">Envoyer au client</button>
                                        </a>
                                    @elseif($contrat->contrat_status == 2)
                                        @if(file_exists(public_path('storage/clients/client_'.$client->client_id.'/'.$contrat->nom_contrat.'.pdf')))
                                            <a style="margin-bottom:8px;display:block"
                                               data-id="{{ $contrat->contrat_id }}"
                                               data-name="{{ $contrat->nom_contrat }}"
                                               class="display_invoice_unsigned">
                                                <button class="btn btn-primary btn-sm">
                                                    Afficher le contrat
                                                </button>
                                            </a>
                                        @else
                                            <a style="margin-bottom:8px;display:block" class="edit_contrat"
                                               data-id="{{ $contrat->contrat_id }}"
                                               data-name="{{ $contrat->nom_contrat }}">
                                                <button class="btn btn-warning btn-sm">Générer</button>
                                            </a>
                                        @endif
                                        <a style="margin-bottom:8px;display:block" data-toggle="modal"
                                           data-target=".add_file" data-id="{{ $contrat->contrat_id }}"
                                           class="contrat_join">
                                            <button class="btn btn-primary btn-sm">Joindre le contrat signé par le
                                                client
                                            </button>
                                        </a>
                                    @elseif($contrat->contrat_status === 3)
                                        <a style="margin-bottom:8px;display:block"
                                           data-id="{{ $contrat->contrat_id }}"
                                           data-name="{{ $contrat->nom_contrat }}"
                                           class="display_invoice">
                                            <button class="btn btn-primary btn-sm">
                                                Afficher le contrat
                                            </button>
                                        </a>
                                        <a href="{{ route('contrats.remove', $contrat->contrat_id) }}"
                                           onclick="return confirm('Êtes-vous sur de vouloir effectuer cette action ?')"
                                           class="btn btn-danger">Supprimer le contrat signé</a>
                                    @endif

                                    @if($contrat->contrat_status < 1)
                                        <form action="{{ route('contrats.delete', $contrat->contrat_id) }}"
                                              method='post'>
                                            @csrf
                                            @method('delete')
                                            <button class="btn btn-danger btn-sm"
                                                    style="margin-bottom:8px;display:block" type="submit"
                                                    onclick="if (! confirm('Êtes-vous sur de vouloir supprimer ce contrat?')) { return false; }">
                                                Supprimer
                                            </button>
                                        </form>
                                    @endif
                                </td>
                                <td style="width:50px;">

                                    @if($contrat->contrat_status == 0)
                                        <a style="margin-bottom:8px;display:block" target='_self'>
                                            <button class="btn btn-danger btn-sm">En attente de validation</button>
                                        </a>
                                    @endif
                                    @if($contrat->contrat_status == 1)
                                        <a style="margin-bottom:8px;display:block" target='_self'>
                                            <button class="btn btn-warning btn-sm">En attente d'envoi au client</button>
                                        </a>
                                    @endif
                                    @if($contrat->contrat_status == 2)
                                        <a style="margin-bottom:8px;display:block" target="_self">
                                            <button class="btn btn-warning btn-sm">
                                                Envoyé
                                                le {{ isset($contrat->date_envoi) ? \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $contrat->date_envoi)->format('d/m/Y à H:i') : '' }}
                                                <br>
                                            </button>
                                        </a>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="main-card mb-3 card">
                <div class="col-md-2 col-xs-4 col-xl-2">
                    <label for="yearpicker"></label><select id="yearpicker" class="form-control" name="year">
                        @foreach(range(date('Y', strtotime('now -5 year')), date('Y', strtotime('now +5 year'))) as $year)
                            <option
                                    {{ $year == date('Y') ? 'selected' : '' }} value="{{ $year }}">{{ $year }}</option>
                        @endforeach
                    </select>
                </div>
                <canvas id="myChart" width="400" height="400"></canvas>
            </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)
                                    @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="/storage/clients/client_{{ $client->client_id }}/{{ $doc['doc_name'] }}"
                                                    class="btn btn-danger btn-sm del_img">-</a>
                                            <div class="document-body">
                                                <a class='doc_pdf'
                                                   data-doc='/storage/clients/client_{{ $client->client_id }}/{{ $doc['doc_name'] }}'><img
                                                            src='/storage/clients/client_{{ $client->client_id }}/{{ $doc['doc_name'] }}'></a>
                                            </div>
                                            <div class="document-footer"><span class="document-name"><a
                                                            href="/storage/clients/client_{{ $client->client_id }}/{{ $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="/storage/clients/client_{{ $client->client_id }}/{{ $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="/storage/clients/client_{{ $client->client_id }}/{{ $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="/storage/clients/client_{{ $client->client_id }}/{{ $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="/storage/clients/client_{{ $client->client_id }}/{{ $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="/storage/clients/client_{{ $client->client_id }}/{{ $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="/storage/clients/client_{{ $client->client_id }}/{{ $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
                            </div>
                        </div>
                    </div>
                    <div id="upload_doc" style="cursor:pointer" class="dropzone dz-clickable"
                         data-dest="rapport_id"
                         data-link="{{ $client->client_id }}">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <input type="hidden" name="client_id" id="client_id" value="{{ $client->client_id }}">
    <script src="{{ asset('js/client.js') }}"></script>
    <script>

        Dropzone.autoDiscover = false;
        document.addEventListener('DOMContentLoaded', function () {

            const id = document.getElementById('client_id').value;

            $(".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", "client_id");
                        formData.append("path", "clients/client_" + id);
                        formData.append("id", 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/clients/client_'. $client->client_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/clients/client_'. $client->client_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: 'client',
                                }
                            });
                            $(this.parentNode).remove();
                        })
                    });
                }
            });

            $('.edit_contrat').click(function (e) {
                let id = this.dataset.id;
                let name = this.dataset.name;
                e.preventDefault();
                loader.show();

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

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

                    // $('#modal-doc p').css("width", "70%");

                    // console.log(this.dataset)
                    let contrat = document.getElementById('contrat_id');
                    if (contrat !== undefined) {
                        contrat.value = id
                    }

                    $('#body_mail').html('Madame, Monsieur,' + "\n" + 'Veuillez trouver en pièce jointe le contrat N° ' + name + "\n" + "\n" + 'Cordialement.');
                    $('#doc_mail').val(link);
                    $('#type_doc').val('contrat');
                    $('#modal-doc').modal();
                    $('#modal-doc iframe').attr('src', link);
                    $(this).removeClass('isDisabled');
                }).catch(error => {
                    console.log(error)
                    loader.hide();
                    $(this).removeClass('isDisabled');
                    toastr.error('Une erreur est survenue');
                });

            });

            $('.contrat_join').click(function (e) {
                $('#contrat_id_file').val($(this).data('id'));
            });

            $('.display_invoice').click(function (e) {
                let id = $(this).attr('data-id');
                let client_id = document.getElementById('client_id').value;
                let name = $(this).attr('data-name');
                e.preventDefault();

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

                let link = '/storage/clients/client_' + client_id + '/' + name + '_signed.pdf';

                // $('#modal-doc p').css("width", "70%");

                let contrat = document.getElementById('contrat_id');
                if (contrat !== undefined) {
                    contrat.value = id
                }
                $('#body_mail').html('Madame, Monsieur,' + "\n" + 'Veuillez trouver en pièce jointe le contrat N° ' + name + "\n" + "\n" + 'Cordialement.');
                $('#doc_mail').val(link);
                $('#type_doc').val('contrat');
                $('#modal-doc').modal();
                $('#modal-doc iframe').attr('src', link);
                $(this).removeClass('isDisabled');

            });

            $('.display_invoice_unsigned').click(function (e) {
                let id = $(this).attr('data-id');
                let client_id = document.getElementById('client_id').value;
                let name = $(this).attr('data-name');
                e.preventDefault();
                loader.show();

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

                loader.hide();
                let link = '/storage/clients/client_' + client_id + '/' + name + '.pdf';

                // $('#modal-doc p').css("width", "70%");

                let contrat = document.getElementById('contrat_id');
                if (contrat !== undefined) {
                    contrat.value = id
                }
                $('#body_mail').html('Madame, Monsieur,' + "\n" + 'Veuillez trouver en pièce jointe le contrat N° ' + name + "\n" + "\n" + 'Cordialement.');
                $('#doc_mail').val(link);
                $('#type_doc').val('contrat');
                $('#modal-doc').modal();
                $('#modal-doc iframe').attr('src', link);
                $(this).removeClass('isDisabled');

            });

        });

        function handleDelete(event) {
            event.preventDefault();

            if (confirm("Êtes-vous sure de vouloir supprimer ce client ? Cette action est irréversible")) {
                document.getElementById('deleteClient').submit();
            }

            return false;
        }
    </script>
@endsection

@section('modal')
    @include('modals.clients.add_subcontractor')
    @include('modals.clients.tarifs')
    @include('modals.clients.contrat')
    @include('modals.clients.add_access')
    @include('modals.clients.contact')
    @include('modals.clients.clients')
    @include('modals.clients.add_file')
    @include('modals.doc')
@endsection