@extends('layouts.rapports.layout', [
    'title' => 'Rapport Rénovation globale'
])

@section('content')
    <div class="tab-content">
        <div class="tab-pane tabs-animation fade active show" id="tab-content-2" role="tabpanel">
            <div class="main-card mb-3 card">
                <div class="card-body">

                    <div id="smartwizard3" class="forms-wizard-vertical sw-main sw-theme-default">
                        <ul class="forms-wizard nav nav-tabs step-anchor"
                            @if(auth()->user()->fonction_id === 8 ) style="display: none!important" @endif>
                            @foreach (config('rapports.rapport_164.section') as $index => $section)
                                <li class="nav-item {{ $index == 1 ? 'active' : '' }}"
                                    id="{{ $section['id'] }}-nav">
                                    <a class="nav-link">
                                        <em>{{ $index }}</em><span>{{ $section['title'] }}</span>
                                    </a>
                                </li>
                            @endforeach
                        </ul>

                        <form method="post"
                              action="{{ '/rapports/'.$rapport->rapport_id }}"
                              enctype="multipart/form-data">
                            @csrf

                            {{-- Récupération des natures de travaux des sous-rapports --}}
                            @if($liste_rapports)
                                @foreach($liste_rapports as $key=>$value)

                                    @php

                                        $natures = @unserialize($value['nature_travaux']) ? unserialize($value['nature_travaux']) : [];

                                    @endphp
                                    @if(!isset($natures_check))
                                        @php $natures_check=[]; @endphp
                                    @endif

                                    @foreach($natures as $k=>$v)

                                        @if(is_array($natures))

                                            @php

                                                $natures_check[]=$v;

                                            @endphp

                                        @endif

                                    @endforeach

                                @endforeach
                            @endif

                            <div class="form-wizard-content sw-container tab-content" style="min-height: 0;">

                                @php
                                    $j=1;
                                    if(isset($natures_check)) {
                                    $count_values=array_count_values($natures_check);

                                    foreach($count_values as $p=>$m) {
                                        $count[$p]=$m;
                                    }
                                    } else {$natures_check=[]; }
                                        $a=config('rapports.rapport_164.section');

                                @endphp

                                {{-- Traitement des sections du rapport principal --}}

                                @foreach (config('rapports.rapport_164.section')  as $index => $section)

                                    @if(in_array('comble_perdu',$natures_check))
                                        @php
                                            $section['class']=str_replace('comble_perdu','comble_perdu_actif',$section['class']);
                                        @endphp
                                    @endif

                                    @if(in_array('planchers_bas',$natures_check))
                                        @php
                                            $section['class']=str_replace('planchers_bas','planchers_bas_actif',$section['class'])
                                        @endphp
                                    @endif

                                    @if(in_array('rampant_toiture',$natures_check))

                                        @php
                                            $section['class']=str_replace('rampant_toiture','rampant_toiture_actif',$section['class'])
                                        @endphp
                                    @endif

                                    @if(in_array('vmc',$natures_check))
                                        @php
                                            $section['class']=str_replace('vmc','vmc_actif',$section['class'])
                                        @endphp
                                    @endif

                                    @if(in_array('solaire',$natures_check))
                                        @php
                                            $section['class']=str_replace('solaire','solaire_actif',$section['class'])
                                        @endphp
                                    @endif

                                    @if(in_array('ite',$natures_check))
                                        @php
                                            $section['class']=str_replace('ite','ite_actif',$section['class'])
                                        @endphp
                                    @endif

                                    @if(in_array('ballon',$natures_check))
                                        @php
                                            $section['class']=str_replace('ballon','ballon_actif',$section['class'])
                                        @endphp
                                    @endif

                                    @if(in_array('murs_interieurs',$natures_check))
                                        @php
                                            $section['class']=str_replace('murs_interieurs','murs_interieurs_actif',$section['class'])
                                        @endphp
                                    @endif

                                    @if(in_array('pac',$natures_check))
                                        @php
                                            $section['class']=str_replace('pac','pac_actif',$section['class']);

                                        @endphp
                                    @endif


                                    @if(in_array('biomasse',$natures_check))
                                        @php
                                            $section['class']=str_replace('biomasse','biomasse_actif',$section['class']);

                                        @endphp
                                    @endif

                                    @php
                                        $sections_display=['comble_perdu','planchers_bas','rampant_toiture','vmc','solaire','ite','ballon','murs_interieurs','pac', 'biomasse'];
                                    @endphp

                                    @if(isset($section['id']) && count(explode('-',$section['id']))>1)
                                        @php
                                            $section_names=explode('-',$section['id']);
                                        @endphp
                                        @if(count($section_names)>1)
                                            @php
                                                $name=end($section_names);
                                            @endphp
                                        @endif

                                    @else

                                        @php
                                            $name='';
                                        @endphp

                                    @endif

                                    @php
                                        $name=str_replace(' ','',$name)
                                    @endphp

                                    @if(    (isset($natures_check) && in_array($name,$natures_check) && $section_names[1]=='rapport') || ($section_names[1]!='rapport')     )

                                        <div id="step-{{ $j }}" class="tab-pane step-content {{ $section['class'] }}"
                                             @if($j == 1)   style="display: block;" @else style="display: none;" @endif>

                                            <div class="card-body">
                                                @include('layouts.rapports.generation_rapport')
                                            </div>

                                        </div>

                                        @php
                                            $j++
                                        @endphp

                                    @endif

                                @endforeach

                                {{-- FIN DU TRAITEMENT DES SECTIONS DU RAPPORT PRINCIPAL --}}

                                @php
                                    $new_index=$j-1;

                                    $main_rapport=$rapport['rapport_id'];

                                @endphp

                                @if(Auth::user()->user_id >0 )
                                    @if(!empty($liste_rapports))
                                        @foreach($liste_rapports as $key=>$value)

                                            @php
                                                $nature= @unserialize($value['nature_travaux']) ? unserialize($value['nature_travaux']) : [];
                                            @endphp

                                            @foreach (config('rapports.'.$value['type'].'.section')  as  $i=>$s)

                                                @php
                                                    $z=config('rapports.'.$value['type'].'.section')
                                                @endphp

                                                @if( (isset($s['multiple']) && $s['multiple']=='true') )

                                                    @foreach($s['element'] as $sections)

                                                        @php
                                                            $display=''
                                                        @endphp

                                                        @if($value['type_rapport']==2 && ($value['type_operation']==1 || in_array('comble_perdu',$nature)))
                                                            @php
                                                                $display='isolation_des_combles'
                                                            @endphp
                                                        @endif
                                                        @if($value['type_rapport']==2 && ($value['type_operation']==2 || in_array('rampant_toiture',$nature)))
                                                            @php
                                                                $display='isolation_rampant'
                                                            @endphp

                                                        @endif

                                                        @if($value['type_rapport']==2 && ($value['type_operation']==3 || in_array('planchers_bas',$nature)))
                                                            @php
                                                                $display='isolation_plancher_bas'
                                                            @endphp
                                                        @endif

                                                        @php
                                                            $natures=[
                                                            'comble_perdu'=>'Inspection des combles perdus',
                                                            'rampant_toiture'=>'Inspection des sous-rampants de toiture',
                                                            'planchers_bas'=>'Inspection des planchers bas',

                                                            ]
                                                        @endphp

                                                        @if((isset($sections['id']) && $sections['id']===$display) || $display=='yes')

                                                            <div id="step-{{$new_index+1}}"
                                                                 class="tab-pane step-content section_active"
                                                                 style="display: none">
                                                                <div class="card-body">

                                                                    <div class="step_title sub_step_title {{$nature[0]}}">{{$natures[$nature[0]]}}</div>

                                                                    @php

                                                                        $rapport['rapport_id']=$value['id'];

                                                                        $rapport['rapport_parent']=$main_rapport;
                                                                        $rapport['rapport_version']=$value['version'];

                                                                    @endphp

                                                                    @foreach($value['rapport_meta'] as $p=>$m)

                                                                        @php
                                                                            $rapport[$m['meta_key']]=$m['meta_value']
                                                                        @endphp

                                                                    @endforeach

                                                                    @foreach($sections['element'] as $section)

                                                                        @if((!isset($section['version']) && !isset($section['versions']))  || (isset($section['versions']) && in_array($rapport['version'], $section['versions'])) || (isset($section['version']) && $rapport['version']>=$section['version']))

                                                                            @if($section['type'] == 'line')
                                                                                <div id="{{ $section['name'] ?? '' }}"
                                                                                     class="{{ $section['group'] ?? '' }}">
                                                                                    @foreach($section['element'] as $section_line)
                                                                                        @if($section_line['type'] == 'text')
                                                                                            <x-rapport-text-input
                                                                                                    :item="$section_line"
                                                                                                    :rapport="$rapport"
                                                                                                    :line="$section"/>
                                                                                        @elseif($section_line['type'] == 'radio' && $section_line['name']!='type_chauffage')
                                                                                            <x-rapport-radio
                                                                                                    :item="$section_line"
                                                                                                    :rapport="$rapport"
                                                                                                    :line="$section"/>
                                                                                        @elseif($section_line['type'] == 'checkbox')
                                                                                            <x-rapport-checkbox
                                                                                                    :item="$section_line"
                                                                                                    :rapport="$rapport"
                                                                                                    :line="$section"/>
                                                                                        @elseif($section_line['type'] == 'observation')
                                                                                            <x-rapport-observation
                                                                                                    :item="$section_line"
                                                                                                    :rapport="$rapport"
                                                                                                    :line="$section"/>
                                                                                        @elseif($section['type'] == 'dropzone')

                                                                                            <x-rapport-dropzone
                                                                                                    :ceertif="$ceertif"
                                                                                                    :photos="$photos"
                                                                                                    :rapport="$rapport"/>

                                                                                        @elseif($section_line['type'] == 'blank')
                                                                                            <x-rapport-blank
                                                                                                    :line="$section"/>
                                                                                        @elseif(!isset($section_line['type']))
                                                                                            TYPE NON TROUVER
                                                                                        @endif
                                                                                    @endforeach
                                                                                </div>
                                                                            @else

                                                                                @if($section['type'] == 'text')
                                                                                    <x-rapport-text-input
                                                                                            :item="$section"
                                                                                            :rapport="$rapport"/>
                                                                                @elseif($section['type'] == 'radio' && $section['name']!='type_chauffage')
                                                                                    <x-rapport-radio :item="$section"
                                                                                                     :rapport="$rapport"/>
                                                                                @elseif($section['type'] == 'checkbox')
                                                                                    <x-rapport-checkbox :item="$section"
                                                                                                        :rapport="$rapport"/>
                                                                                @elseif($section['type'] == 'block')
                                                                                    <div
                                                                                            class="step_title sub_step_title">{!! $section['title'] !!}</div>
                                                                                @elseif($section['type'] == 'observation')
                                                                                    <x-rapport-observation
                                                                                            :item="$section"
                                                                                            :rapport="$rapport"/>
                                                                                @elseif($section['type'] == 'blank')
                                                                                    <x-rapport-blank :line="true"/>
                                                                                @elseif($section['type'] == 'dropzone')
                                                                                    <div class="step_title sub_step_title {{$nature[0]}}">{{$natures[$nature[0]]}}</div>
                                                                                    @php
                                                                                    $expl='';
                                                                                        $expl=explode('-',$value['name']);
                                                                                    @endphp

                                                                                    <div data-rapport_id="{{$value['rdv']}}-{{$expl[1]}}"
                                                                                         onclick="copyToClipboard('{{$value['rdv']}}-{{$expl[1]}}')"
                                                                                         style=" background: #3f6ad8;color: white;max-width: 225px;text-align: center;padding: 12px;border-radius: 5px;font-size: larger;margin: auto;">
                                                                                        Numéro ceertif
                                                                                        : {{$value['rdv']}}
                                                                                        -{{$expl[1]}}
                                                                                    </div>
                                                                                    <x-rapport-dropzone
                                                                                            :ceertif="$ceertif"
                                                                                            :photos="$photos"
                                                                                            :rapport="$rapport"/>

                                                                                @elseif($section['type'] == 'textarea')
                                                                                    <x-rapport-textarea :item="$section"
                                                                                                        :rapport="$rapport"/>
                                                                                @elseif($section['type'] == 'multiple_check')
                                                                                    <div class="position-relative form-group nature_travaux_group multiple_check"
                                                                                         id="{{ $section['id'] ?? '' }}">

                                                                                        <label for="exampleEmail6">{{ $section['title'] }}</label><br/>

                                                                                        @foreach($section['option'] as $el)
                                                                                            <label for="{{ $el['name'] }}"
                                                                                                   class="control {{ $section['name'] }}">
                                                                                                <input class="check_nature"
                                                                                                       type="checkbox"
                                                                                                       name="{{$section['name']}}[]"
                                                                                                       id="{{ $el['name'] }}"
                                                                                                       data-dest="{{ $el['dest'] ?? '' }}"
                                                                                                       value="{{ $el['name'] }}" {{ isset($array_check[$section['name']]) &&  (is_array($array_check[$section['name']]) && in_array($el['name'] , $array_check[$section['name']])) ||
            (is_string($array_check[$section['name']]) && strpos($array_check[$section['name']], $el['name'])) ? 'checked' : '' }}>
                                                                                                <span class="control__content">{{ $el['title'] }}</span>
                                                                                            </label>
                                                                                        @endforeach
                                                                                    </div>
                                                                                @elseif($section['type'] == 'select' && in_array('comble_perdu',$nature))
                                                                                    <div class="position-relative form-group tiers "
                                                                                         style="display:block!important">
                                                                                        <label for="exampleEmail6">Type
                                                                                            d'isolation</label><br/>

                                                                                            @if(auth()->user()->user_id === 1 )

                                                                                            @dump($value)
                                                                                            @dump($rapport)
                                                                                            @endif

                                                                                        <input type="text"
                                                                                               id="trigger_procede"
                                                                                               value="{{isset($rapport) ? $rapport['procede_comble'] : ''}}">

                                                                                        <select class="form-control change_display"
                                                                                                name="procede_comble{{isset($rapport->rapport_parent) ? '--'.$value['id'] : ''}}"
                                                                                                style="display:block!important"
                                                                                                id="check_comble">
                                                                                            <option value="">Choisir un
                                                                                                type d'isolation
                                                                                            </option>
                                                                                            @foreach($section['options'] as $index => $option)
                                                                                                <option
                                                                                                        {{ $rapport[$section['name']] == $option['value'] ? 'selected' : '' }} value="{{ $option['value'] }}">{{ $option['name'] }}
                                                                                                </option>
                                                                                            @endforeach
                                                                                        </select>
                                                                                    </div>
                                                                                @elseif($section['type'] == 'title')
                                                                                    <h4>{{ $section['title'] }}</h4>
                                                                                @elseif($section['type'] == 'sub_title')
                                                                                    <label for="">{{ $section['title'] }}</label>
                                                                                @elseif ($section['type'] == 'annule')
                                                                                    @if (isset($annuler_remplace) && $annuler_remplace == 1)
                                                                                        <div class="position-relative form-group"
                                                                                             style="    background: #3f6ad83d;    padding: 10px;    border-radius: 5px;">
                                                                                            <label for="exampleEmail5">Motif
                                                                                                de la
                                                                                                modification</label><br/>
                                                                                            <input type="hidden"
                                                                                                   name="motif_modif"
                                                                                                   value="0">
                                                                                            <input type="radio"
                                                                                                   id="1choice"
                                                                                                   name="motif_modif"
                                                                                                   value="Levée des observations"
                                                                                                   class="form-control"
                                                                                                   data-radiocharm-background-color="3498DB"
                                                                                                   data-radiocharm-text-color="FFF"
                                                                                                   data-radiocharm-label="Levée des observations"><br/><br/>

                                                                                            <label for="exampleEmail5">Autre
                                                                                                motif</label>
                                                                                            <input type="text"
                                                                                                   id="2choice"
                                                                                                   name="motif_modif_libre"
                                                                                                   value=""
                                                                                                   class="form-control">

                                                                                        </div>

                                                                                        <input type="hidden"
                                                                                               class="btn btn-primary"
                                                                                               value="{{ $annuler_remplace }}"
                                                                                               name="modif_annul">
                                                                                    @elseif($section['type'] == 'radio_array')

                                                                                        radio_array

                                                                                    @endif
                                                                                @elseif($section['type'] == 'select_client')
                                                                                    <div class="position-relative form-group">
                                                                                        <label for="exampleEmail6">Liste
                                                                                            des clients</label><br/>
                                                                                        <select class="form-control "
                                                                                                name=""
                                                                                                id="{{ $section['name'] ?? 'list_clients' }}">
                                                                                            <option value="">Choisir un
                                                                                                client
                                                                                            </option>
                                                                                            @foreach($list_clients as $index => $option)
                                                                                                <option
                                                                                                        value="{{ $option['client_id'] }}">{{ $option['client_title'] }}
                                                                                                </option>
                                                                                            @endforeach
                                                                                        </select>
                                                                                    </div>
                                                                                @else
                                                                                    @include('layouts.rapports.custom')
                                                                                @endif
                                                                            @endif

                                                                        @endif

                                                                    @endforeach
                                                                </div>
                                                            </div>

                                                            <div id="step-{{$new_index+2}}"
                                                                 class="tab-pane step-content section_active"
                                                                 style="display: none">
                                                                <div class="card-body">

                                                                    <div class="step_title sub_step_title {{$nature[0]}}">{{$natures[$nature[0]]}}</div>
                                                                    @php
                                                                    $expl='';
                                                                        $expl=explode('-',$value['name']);
                                                                    @endphp



                                                                    <div data-rapport_id="{{$value['rdv']}}-{{$expl[1]}}"
                                                                         onclick="copyToClipboard('{{$value['rdv']}}-{{$expl[1]}}')"
                                                                         style=" background: #3f6ad8;color: white;max-width: 225px;text-align: center;padding: 12px;border-radius: 5px;font-size: larger;margin: auto;">
                                                                        Numéro ceertif : {{$value['rdv']}}
                                                                        -{{$expl[1]}}
                                                                    </div>

                                                                    <x-rapport-dropzone :ceertif="$ceertif"
                                                                                        :photos="$photos"
                                                                                        :rapport="$rapport"/>

                                                                </div>
                                                            </div>
                                                            @php
                                                                $new_index=$new_index+2
                                                            @endphp
                                                        @endif
                                                    @endforeach

                                                @else

                                                    @if(

                                                    ($value['type_rapport']!=2 && $i>4  && $i<(count($z)-1) )
                                                    )

                                                        <div id="step-{{$new_index+1}}"
                                                             class="tab-pane step-content section_active"
                                                             style="display: none">
                                                            <div class="card-body">

                                                                @if($value['type_rapport']==2 && $value['type_operation']==1)
                                                                    <div class="step_title sub_step_title">Inspection
                                                                        des combles<span
                                                                                class="pagination">Page {{$i-4}}</span>
                                                                    </div>
                                                                @endif
                                                                @if($value['type_rapport']==2 && $value['type_operation']==2)
                                                                    <div class="step_title sub_step_title">Inspection
                                                                        des rampants<span
                                                                                class="pagination">Page {{$i-4}}</span>
                                                                    </div>
                                                                @endif
                                                                @if($value['type_rapport']==2 && $value['type_operation']==3)
                                                                    <div class="step_title sub_step_title">Inspection
                                                                        des planchers<span
                                                                                class="pagination">Page {{$i-4}}</span>
                                                                    </div>
                                                                @endif

                                                                @if($value['type_rapport']==6)
                                                                    <div class="step_title ite sub_step_title">
                                                                        Inspection d'isolation thermique extérieure<span
                                                                                class="pagination">Page {{$i-4}}</span>
                                                                    </div>

                                                                @endif

                                                                @if($value['type_rapport']==7)
                                                                    <div class="step_title murs_interieurs sub_step_title">
                                                                        Inspection d'isolation thermique intérieure<span
                                                                                class="pagination">Page {{$i-4}}</span>
                                                                    </div>
                                                                @endif

                                                                @if($value['type_rapport']==8)

                                                                    @php
                                                                        $type='';
                                                                    @endphp

                                                                    @if(isset($value['production_chauffage_pac']) && $value['production_chauffage_pac']=='air_air')
                                                                        @php
                                                                            $type='AIR/AIR';
                                                                        @endphp
                                                                    @endif

                                                                    @if(isset($value['production_chauffage_pac']) && $value['production_chauffage_pac']=='air_eau')
                                                                        @php
                                                                            $type='AIR/EAU';
                                                                        @endphp
                                                                    @endif

                                                                    <div class="step_title pac sub_step_title">
                                                                        Inspection de Pompe à chaleur {{$type}}<span
                                                                                class="pagination">Page {{$i-4}}</span>
                                                                    </div>
                                                                @endif

                                                                @if($value['type_rapport']==10)
                                                                    <div class="step_title pac sub_step_title">
                                                                        Inspection de Ballon thermodynamique<span
                                                                                class="pagination">Page {{$i-4}}</span>
                                                                    </div>
                                                                @endif

                                                                @if($value['type_rapport']==11)
                                                                    <div class="step_title pac sub_step_title">
                                                                        Inspection de VMC<span
                                                                                class="pagination">Page {{$i-4}}</span>
                                                                    </div>
                                                                @endif

                                                                @if($value['type_rapport']==13)
                                                                    <div class="step_title solaire sub_step_title">
                                                                        Inspection de Ballon Solaire<span
                                                                                class="pagination">Page {{$i-4}}</span>
                                                                    </div>
                                                                @endif
                                                                @if($value['type_rapport']==15)
                                                                    <div class="step_title pac sub_step_title">
                                                                        Inspection de Chaudière biomasse<span
                                                                                class="pagination">Page {{$i-4}}</span>
                                                                    </div>
                                                                @endif
                                                                @if($value['type_rapport']==16)
                                                                    <div class="step_title pac sub_step_title">
                                                                        Inspection de l'Appareil indépendant de chauffage au bois<span
                                                                                class="pagination">Page {{$i-4}}</span>
                                                                    </div>
                                                                @endif
                                                                @php
                                                                    $rapport['rapport_id']=$value['id'];

                                                                    $rapport['rapport_parent']=$main_rapport;

                                                                @endphp

                                                                @foreach($value['rapport_meta'] as $p=>$m)

                                                                    @php
                                                                        $rapport[$m['meta_key']]=$m['meta_value']
                                                                    @endphp

                                                                @endforeach

                                                                @foreach($s['element'] as $section)

                                                                    @if(isset($section['type']) && $section['type']!='signature' )

                                                                        @if((!isset($section['version']) && !isset($section['versions']))  || (isset($section['versions']) && in_array($rapport['version'], $section['versions'])) || (isset($section['version']) && $rapport['version']>=$section['version'])   )

                                                                            @if( !isset($section['display_sub']) || (isset($section['display_sub']) && $section['display_sub']!='false'))

                                                                                @if($section['type'] == 'line')
                                                                                    <div id="{{ $section['name'] ?? '' }}"
                                                                                         class="{{ $section['group'] ?? '' }}">
                                                                                        @foreach($section['element'] as $section_line)
                                                                                            @if($section_line['type'] == 'text')
                                                                                                <x-rapport-text-input
                                                                                                        :item="$section_line"
                                                                                                        :rapport="$rapport"
                                                                                                        :line="$section"/>
                                                                                            @elseif($section_line['type'] == 'number')
                                                                                                <x-rapport-number-input
                                                                                                        :item="$section_line"
                                                                                                        :rapport="$rapport"
                                                                                                        :line="$section"/>
                                                                                            @elseif($section_line['type'] == 'radio' && $section_line['name']!='type_chauffage')
                                                                                                <x-rapport-radio
                                                                                                        :item="$section_line"
                                                                                                        :rapport="$rapport"
                                                                                                        :line="$section"/>
                                                                                            @elseif($section_line['type'] == 'checkbox')
                                                                                                <x-rapport-checkbox
                                                                                                        :item="$section_line"
                                                                                                        :rapport="$rapport"
                                                                                                        :line="$section"/>

                                                                                            @elseif($section_line['type'] == 'observation')
                                                                                                <x-rapport-observation
                                                                                                        :item="$section_line"
                                                                                                        :rapport="$rapport"
                                                                                                        :line="$section"/>
                                                                                            @elseif($section_line['type'] == 'blank')
                                                                                                <x-rapport-blank
                                                                                                        :line="$section"/>
                                                                                            @elseif(!isset($section_line['type']))
                                                                                                TYPE NON TROUVE
                                                                                            @endif
                                                                                        @endforeach
                                                                                    </div>
                                                                                @else
                                                                                    @if($section['type'] == 'text' )
                                                                                        <x-rapport-text-input
                                                                                                :item="$section"
                                                                                                :rapport="$rapport"/>
                                                                                    @elseif($section['type'] == 'number' )
                                                                                        <x-rapport-number-input
                                                                                                :item="$section"
                                                                                                :rapport="$rapport"/>
                                                                                    @elseif($section['type'] == 'radio' && $section['name']!='type_chauffage' )
                                                                                        <x-rapport-radio
                                                                                                :item="$section"
                                                                                                :rapport="$rapport"/>
                                                                                    @elseif($section['type'] == 'checkbox'  )
                                                                                        @if(isset($section['display_sub']))

                                                                                        @endif
                                                                                        <x-rapport-checkbox
                                                                                                :item="$section"
                                                                                                :rapport="$rapport"/>
                                                                                    @elseif($section['type'] == 'block' )
                                                                                        <div
                                                                                                class="step_title sub_step_title">{!! $section['title'] !!}</div>
                                                                                    @elseif($section['type'] == 'observation' )
                                                                                        <x-rapport-observation
                                                                                                :item="$section"
                                                                                                :rapport="$rapport"/>
                                                                                    @elseif($section['type'] == 'blank')
                                                                                        <x-rapport-blank :line="true"/>

                                                                                    @elseif($section['type'] == 'textarea' )
                                                                                        <x-rapport-textarea
                                                                                                :item="$section"
                                                                                                :rapport="$rapport"/>
                                                                                    @elseif($section['type'] == 'dropzone')
                                                                                        @php
                                                                                        $expl='';
                                                                                            $expl=explode('-',$value['name']);
                                                                                        @endphp

                                                                                        <div data-rapport_id="{{(isset($expl[1]) ? ($value['rdv']-$expl[1]) : '')}}"
                                                                                             onclick="copyToClipboard('{{(isset($expl[1]) ? ($value['rdv']-$expl[1]) : '')}}')"
                                                                                             style=" background: #3f6ad8;color: white;max-width: 225px;text-align: center;padding: 12px;border-radius: 5px;font-size: larger;margin: auto;">
                                                                                            Numéro ceertif
                                                                                            : {{(isset($expl[1]) ? ($value['rdv']-$expl[1]) : '')}}
                                                                                        </div>
                                                                                        <x-rapport-dropzone
                                                                                                :ceertif="$ceertif"
                                                                                                :photos="$photos"
                                                                                                :rapport="$rapport"/>

                                                                                    @elseif($section['type'] == 'title')
                                                                                        <h4>{{ $section['title'] }}</h4>
                                                                                    @elseif($section['type'] == 'sub_title')
                                                                                        <label for="">{{ $section['title'] }}</label>

                                                                                    @elseif($section['type'] == 'select_client')
                                                                                        <div class="position-relative form-group">
                                                                                            <label for="exampleEmail6">Liste
                                                                                                des clients</label><br/>
                                                                                            <select class="form-control selectpicker"
                                                                                                    id="{{ $section['name'] ?? 'list_clients' }}"
                                                                                                    style="">
                                                                                                <option value="">Choisir
                                                                                                    un client
                                                                                                </option>
                                                                                                @foreach($list_clients as $ii => $option)
                                                                                                    <option
                                                                                                            value="{{ $option['client_id'] }}">{{ $option['client_title'] }}
                                                                                                    </option>
                                                                                                @endforeach
                                                                                            </select>
                                                                                        </div>
                                                                                    @else
                                                                                        @include('layouts.rapports.custom')
                                                                                    @endif
                                                                                @endif
                                                                            @endif

                                                                        @endif
                                                                    @endif

                                                                @endforeach
                                                            </div>
                                                        </div>

                                                        @php
                                                            $new_index=$new_index+1
                                                        @endphp

                                                    @endif
                                                @endif

                                            @endforeach

                                        @endforeach

                                        <div id="step-{{$new_index+1}}" class="tab-pane step-content section_active"
                                             style="display: none">
                                            <div class="step_title pac sub_step_title">Photos générales</div>
                                            @php $rapport['rapport_id']=$main_rapport; $rapport->rapport_id=$main_rapport; $rapport->rapport_parent=0;$rapport->type_rapport=9 ;

                                            $rapport['liste_rapports']=$liste_rapports;
                                            @endphp
                                            @php
                                            $expl='';
                                                $expl=explode('-',$value['name']);
                                            @endphp
                                            <x-rapport-dropzone :ceertif="$ceertif" :photos="$photos"
                                                                :rapport="$rapport"/>
                                        </div>
                                    @endif
                                    <div id="step-{{$new_index+2}}" class="tab-pane step-content section_active"
                                         style="display: none">
                                        <div>
                                            <h1>
                                                Signature de l'inspecteur
                                            </h1>
                                            <div class="wrapper">
                                                <img src="{{ isset($rapport) ? $rapport['signature_client'] : '' }}"
                                                     width=400
                                                     height=200 style="background-color:white;"/>

                                                <canvas id="signature-pad" class="signature-pad" width=400
                                                        height=200></canvas>

                                                <input class="required" type="text" required
                                                       name="signature_client" id="signature_client"
                                                       value="{{ isset($rapport) ? $rapport['signature_client'] : '' }}">
                                            </div>
                                            <div>
                                                <a id="clear">Effacer</a>
                                                <a id="save_signature" class="btn btn-success">Sauvegarder la
                                                    signature</a>

                                            </div>
                                            <input type="hidden" class="btn btn-primary"
                                                   value="{{ isset($rapport) ? $rapport['rapport_id'] : ''}}"
                                                   name="rapport_id">
                                            @if(isset($_GET['modifl_annul']))
                                                <input type="hidden" class="btn btn-primary"
                                                       value="{{ $_GET['modif_annul'] }}"
                                                       name="modif_annul">
                                            @endif
                                        </div>
                                    </div>

                                    <div id="step-{{$new_index+3}}" class="tab-pane step-content section_active"
                                         style="display: none">

                                        <div class="no-results">
                                            <div class="swal2-icon swal2-success swal2-animate-success-icon">
                                                <div class="swal2-success-circular-line-left"
                                                     style="background-color: rgb(255, 255, 255);"></div>
                                                <span class="swal2-success-line-tip"></span>
                                                <span class="swal2-success-line-long"></span>
                                                <div class="swal2-success-ring"></div>
                                                <div class="swal2-success-fix"
                                                     style="background-color: rgb(255, 255, 255);"></div>
                                                <div class="swal2-success-circular-line-right"
                                                     style="background-color: rgb(255, 255, 255);"></div>
                                            </div>
                                            <div class="results-subtitle mt-4">Inspection terminée!</div>
                                            <div class="results-title"></div>
                                            <div class="mt-3 mb-3"></div>
                                            <div class="text-center">
                                                <input type="hidden" name="created"
                                                       value="{{ $rapport['created_at'] ?? (!empty($rapport['created']) ? $rapport['created'] : date('Y-m-d H:i:s', strtotime('now'))) }}">
                                                <input type="hidden" name="modified"
                                                       value="{{ date('Y-m-d H:i:s', strtotime('now')) }}">
                                                <button class="btn-shadow btn-wide btn btn-success btn-lg">
                                                    ENREGISTRER
                                                </button>
                                            </div>
                                        </div>

                                    </div>

                                @endif

                            </div>
                        </form>

                    </div>
                    <div class="divider"></div>
                    <div class="clearfix">

                        <button type="button" id="next_step" data-step="0" onclick="window.scrollTo(0, 0);"
                                class="btn-shadow btn-wide float-right btn-pill btn-hover-shine btn btn-primary">
                            Étape suivante
                        </button>
                        <button type="button" id="previous_step" data-step="0"
                                onclick="window.scrollTo(0, 0);"
                                class="btn-shadow float-right btn-wide btn-pill mr-3 btn btn-outline-secondary">
                            Précédent
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script type="text/javascript">
        document.addEventListener('DOMContentLoaded', function () {

            $('input:radio').radiocharm();


            $('#check_comble').val($('#trigger_procede').val()).change();

            $('#check_comble').change(function () {

                console.log($(this).val())
            });



            $('.del_ouverture').click(function () {

                $(this).closest('tr').remove();
                calc_surface();

            });
            $('.add_mur').click(function (event) {
                event.stopPropagation();
                event.stopImmediatePropagation();
                $('#count_murs').val($(".row_mur").length + 1);

                var t = '';
                if ($('#rapport_murs').val() > 0) {
                    var t = '--' + $('#rapport_murs').val()
                }

                let x = '<tr id="mur_row_' + $('#count_murs').val() + '" class="row_mur">' +
                    '<td style="width:40%;font-weight:800">Mur ' +
                    '<span class="num_mur">' + $('#count_murs').val() + '</span>' +
                    '<div>' +
                    '<input class="form-control" value="" type="text" name="nom_mur' + t + '[]" placeholder="Donnez un nom au mur">' +
                    '</div>' +
                    '</td>' +
                    '<td style="width:40%;padding-top:44px">' +
                    '<input  name="surface_mur' + t + '[]" class="form-control surface_mur" value="">' +
                    '</td>' +
                    '<td style="width:20%;border:none;;padding-top:44px">' +
                    '<a class="btn btn-danger del_epaisseur" data-id="' + $('#count_murs').val() + '">-</a>' +
                    '</td>' +
                    '<td style="width:20%;padding-top:44px">' +
                    '<a class="btn btn-warning add_ouverture " data-id="' + $('#count_murs').val() + '">Ajouter une ouverture</a>' +
                    '</td>' +
                    '</tr>' +
                    '<tr><td  colspan="4"><table style="width:100%" class="append_ouverture" id="append_ouverture_' + $('#count_murs').val() + '"><tr><td colspan="4"></td></tr></table></td></tr>';
                $('#table_epaisseur').one().append(x);

                for (i = 0; i < $(".row_mur").length; i++) {
                    $(".num_mur").each(function (i) {
                        $(this).html(i + 1);
                    });

                }

                $('.surface_mur').blur(function () {
                    var val = $(this).val();
                    $(this).val(val.replace(',', '.'));
                    $(this).val(val.replace(/[^0-9.,]/g, ''));
                    calc_surface();
                });

                $('.surface_ouverture').blur(function () {
                    var val = $(this).val();
                    $(this).val(val.replace(',', '.'));
                    $(this).val(val.replace(/[^0-9.,]/g, ''));
                    calc_surface();
                });

                $('.del_epaisseur').click(function (event) {
                    event.stopPropagation();
                    event.stopImmediatePropagation();
                    $('#append_ouverture_' + $(this).data('id')).remove();
                    $(this).closest('tr').remove();
                    $('#count_murs').val($(".row_mur").length);
                    for (i = 0; i < $(".row_mur").length; i++) {
                        $(".num_mur").each(function (i) {
                            $(this).html(i + 1);
                        });
                        $(".add_ouverture").each(function (i) {
                            $(this).attr("data-id", i + 1);
                        });
                        $(".del_epaisseur").each(function (i) {
                            $(this).attr("data-id", i + 1);
                        });
                        $(".append_ouverture").each(function (i) {
                            $(this).attr("id", "append_ouverture_" + (i + 1));
                        });
                        $(".input_ouverture_" + $(this).data('id')).attr("name", "surface_ouverture[" + (i) + "][]");
                    }
                    calc_surface();
                });

                $('.add_ouverture').click(function (event) {

                    var t = '';
                    if ($('#rapport_murs').val() > 0) {
                        var t = '--' + $('#rapport_murs').val()
                    }

                    event.stopPropagation();
                    event.stopImmediatePropagation();
                    let id = $(this).data('id');
                    let id_minus = parseInt(parseInt(id) - 1);
                    let newrow = '<tr class="white ouverture_mur_"><td style="width:40%;text-align: right;    padding-right: 13px;">Ouverture <div><input class="form-control"  type="text" name="nom_ouverture' + t + '[' + id_minus + '][]" style="    max-width: 38%;    float: right;" placeholder="Donnez un nom"></div></td><td style="width:40%"  class="white"><input  name="surface_ouverture' + t + '[' + id_minus + '][]" class="form-control surface_ouverture input_ouverture" value=""></td><td style="width:20%" ><a class="btn btn-danger del_ouverture">-</a></td><td style="width:20%" ></td></tr>';

                    $("#append_ouverture_" + id).append(newrow);

                    $('.del_ouverture').click(function () {

                        $(this).closest('tr').remove();

                    });
                    $('.surface_mur').blur(function () {
                        var val = $(this).val();
                        $(this).val(val.replace(',', '.'));
                        $(this).val(val.replace(/[^0-9.,]/g, ''));
                        calc_surface();
                    });

                    $('.surface_ouverture').blur(function () {
                        var val = $(this).val();
                        $(this).val(val.replace(',', '.'));
                        $(this).val(val.replace(/[^0-9.,]/g, ''));
                        calc_surface();
                    });
                    calc_surface();
                });
                calc_surface();
            });

            $('.surface_mur').blur(function () {
                var val = $(this).val();
                $(this).val(val.replace(',', '.'));
                $(this).val(val.replace(/[^0-9.,]/g, ''));
                calc_surface();
            });

            $('.surface_ouverture').blur(function () {
                var val = $(this).val();
                $(this).val(val.replace(',', '.'));
                $(this).val(val.replace(/[^0-9.,]/g, ''));
                calc_surface();
            });

            function calc_surface() {

                var surface_totale = 0;

                $(".surface_mur").each(function (i) {
                    if (parseFloat($(this).val()) > 0) {
                        surface_totale = surface_totale + parseFloat($(this).val());
                    }
                });

                $(".surface_ouverture").each(function (i) {
                    console.log($(this).val());

                    if (parseFloat($(this).val()) > 0) {
                        surface_totale = surface_totale - parseFloat($(this).val());
                    }

                });

                console.log(surface_totale);
                parseFloat($('#surface_realisee_ite').val(parseFloat(surface_totale).toFixed(2))).toFixed(2);
            }

            $('.del_epaisseur').click(function (event) {
                event.stopPropagation();
                event.stopImmediatePropagation();

                $('#append_ouverture_' + $(this).data('id')).remove();

                $(this).closest('tr').remove();

                $('#count_murs').val($(".row_mur").length);

                for (i = 0; i < $(".row_mur").length; i++) {
                    $(".num_mur").each(function (i) {
                        $(this).html(i + 1);
                    });

                    $(".add_ouverture").each(function (i) {

                        $(this).attr("data-id", i + 1);
                    });

                    $(".del_epaisseur").each(function (i) {

                        $(this).attr("data-id", i + 1);
                    });

                    $(".append_ouverture").each(function (i) {

                        $(this).attr("id", "append_ouverture_" + (i + 1));
                    });

                    $(".input_ouverture_" + $(this).data('id')).attr("name", "surface_ouverture[" + (i) + "][]");

                }
                calc_surface();
            });

            $('.add_ouverture').click(function (event) {
                var t = '';
                if ($('#rapport_murs').val() > 0) {
                    var t = '--' + $('#rapport_murs').val()
                }

                event.stopPropagation();
                event.stopImmediatePropagation();
                let id = $(this).data('id');
                let id_minus = parseInt(parseInt(id) - 1);
                let newrow = '<tr class="white ouverture_mur_"><td style="width:40%;text-align: right; padding-right: 13px;">Ouverture <div><input class="form-control"  type="text" name="nom_ouverture' + t + '[' + id_minus + '][]" style="    max-width: 38%;    float: right;" placeholder="Donnez un nom"></div></td><td style="width:40%"  class="white"><input  name="surface_ouverture' + t + '[' + id_minus + '][]" class="form-control surface_ouverture input_ouverture_' + id_minus + '" value=""></td><td style="width:20%" ><a class="btn btn-danger del_ouverture">-</a></td><td style="width:20%" ></td></tr>';

                $("#append_ouverture_" + id).append(newrow);

                $('.del_ouverture').click(function () {

                    $(this).closest('tr').remove();

                });
                $('.surface_mur').blur(function () {
                    var val = $(this).val();
                    $(this).val(val.replace(',', '.'));
                    $(this).val(val.replace(/[^0-9.,]/g, ''));
                    calc_surface();
                });

                $('.surface_ouverture').blur(function () {
                    var val = $(this).val();
                    $(this).val(val.replace(',', '.'));
                    $(this).val(val.replace(/[^0-9.,]/g, ''));
                    calc_surface();
                });
                calc_surface();
            });
            // $('.check_nature').change(function () {
            //     var j = 0;
            //     if ($(this).is(':checked')) {

            //         $('.' + $(this).data('dest')).show();
            //         $('.' + $(this).data('dest')).addClass('section_active');

            //         $(".step-content").each(function (i) {
            //             $(this).hide();

            //             $(this).attr("id", "");
            //             if ($(this).hasClass('section_active')) {

            //                 $(this).attr("id", "step-" + (j));
            //                 j = j + 1;
            //             }

            //         });

            //         var index_v = parseInt($('#next_step').data('step'));
            //         var index_next = index_v + 1;

            //         $('#step-' + index_v).show();

            //         // $('.'+$(this).data('dest')).addClass('section_active');

            //         $('#step-rapport-' + this.dataset.dest + '-nav').show();

            //     } else {
            //         $('.' + $(this).data('dest')).hide();
            //         $('.' + $(this).data('dest')).removeClass('section_active');
            //         $('#step-rapport-' + this.dataset.dest + '-nav').hide();
            //     }

            //     $('#check_comble').val($('#trigger_procede').val()).change();
            // });

            // document.querySelectorAll('.check_nature').forEach(item => {
            //     if (item.checked) {
            //         $(item).click();
            //         $(item).click();
            //     }
            // });

            let select = document.querySelectorAll('.choose_materiel_id');

            select.forEach(item => {
                item.addEventListener('change', (event) => {
                    let element = item.selectedOptions;
                    let index = item.value;
                    // let rapport_id = $(this).data('rapport_id');
                    console.log(event)

                    if (index !== undefined && index !== '') {
                        axios.get('/api/materiaux/' + index + '/iso', {
                            headers: {
                                'Authorization': `Bearer ${token}`
                            },
                        }).then(response => {
                            let rapport_id = item.dataset.rapport_id;

                            console.log(response);
                            console.log('nature_isolation_' + item.dataset.dest + '--' + rapport_id + '');
                            console.log(response.data.type);

                            document.querySelector('input[name="nature_isolation_' + item.dataset.dest + '--' + rapport_id + '"]').value = response.data.type;
                            document.querySelector('input[name="marque_isolation_' + item.dataset.dest + '--' + rapport_id + '"]').value = element[0].innerText;
                            document.querySelector('input[name="epaisseur_isolation_' + item.dataset.dest + '--' + rapport_id + '"]').value = response.data.epaisseur;
                            document.getElementById('nbre_sacs').value = '-';

                            let lambda = document.querySelector('input[name="lambda_' + item.dataset.dest + '--' + rapport_id + '"]');
                            if (lambda !== undefined) {
                                lambda.value = response.data.lambda
                            }
                        })
                    }
                });
            })

            $('.type_pac').change(function () {

                var t = $(this).attr("name");
                t = t.split("--")
                t = '--' + t[1];
                if (this.value === 'bar-th-104') {

                    $('.batiment_2ans_104_pac' + t + '_checkbox').show();
                    $('.annee_construction_104' + t + '_pac_input').show();
                    $('.chaudiere_associer_104_pac' + t + '_checkbox').show();
                    $('.chauffage_eau_sanitaire_104_pac' + t + '_checkbox').show();
                    $('.efficacite_energetique_104_pac' + t + '_checkbox').show();
                    $('.efficacite_energetique_104_pac' + t + '').show();

                    $('.batiment_2ans_159_pac' + t + '_checkbox').hide();
                    $('.annee_construction_159_pac' + t + '_input').hide();
                    $('.chaudiere_associer_159_pac' + t + '_checkbox').hide();
                    $('.basse_temp_159_pac' + t + '_checkbox').hide();
                    $('.efficacite_energetique_159_pac' + t + '_checkbox').hide();
                    $('.efficacite_energetique_159_pac' + t + '').hide();
                } else {
                    $('.batiment_2ans_104_pac' + t + '_checkbox').hide();
                    $('.annee_construction_104_pac' + t + '_input').hide();
                    $('.chaudiere_associer_104_pac' + t + '_checkbox').hide();
                    $('.chauffage_eau_sanitaire_104_pac' + t + '_checkbox').hide();
                    $('.efficacite_energetique_104_pac' + t + '_checkbox').hide();
                    $('.efficacite_energetique_104_pac' + t + '').hide();

                    $('.batiment_2ans_159_pac' + t + '_checkbox').show();
                    $('.annee_construction_159_pac' + t + '_input').show();
                    $('.chaudiere_associer_159_pac' + t + '_checkbox').show();
                    $('.basse_temp_159_pac' + t + '_checkbox').show();
                    $('.efficacite_energetique_159_pac' + t + '_checkbox').show();
                    $('.efficacite_energetique_159_pac' + t + '').show();
                }
            });

            $('#rapport_form').submit(function () {

                if ($('#signature_client') === '') {
                    alert('Veuillez signer le rapport');
                    return false;
                }
                return true;

            })

            $('.select2').select2();

            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 () {
                    console.log(this.element.dataset.rapport_id);
                    myDropzone = this;

                    this.on("sending", function (file, xhr, formData) {

                        formData.append("_token", CSRF_TOKEN);
                        formData.append("from", "rapport_id");
                        formData.append("path", "/rapports/rapport_" + this.element.dataset.rapport_id + "");
                        formData.append("id", this.element.dataset.rapport_id);
                    });
                    this.on("success", function (file, responseText) {

                    });
                }
            });

            $('#label-radiocharm-non_verifiable_combles').on('click', function () {
                $('#motifs_combles').show();
            });

            $('.predef').on('change', function () {
                let datadest = $(this).data('dest');
                let optionsText = this.options[this.selectedIndex].text;
                if ($(this).val() != '') {
                    // $('#obs_combles').append(optionsText);
                    $('#' + datadest).append(optionsText + '\n\n');
                }
            });

            $('.predef_textarea').on('change', function () {
                let datadest = $(this).data('dest');
                let optionsText = this.options[this.selectedIndex].text;
                let val = $(this).val();
                if (val != '' | val != 0) {
                    // $('#obs_combles').append(optionsText);
                    $('#' + datadest).append(optionsText + '\n\n');
                }

            });

            $('#non_verifiable_combles_group').hide();

            $('input[type=text]').keyup(function () {
                $(this).removeClass('error');
            })

            // check_nature();

            // function check_nature() {

            //     if ($('#ite_bas_check').prop('checked')) {
            //         $('#isolation_des_ite').show();
            //     } else {
            //         $('#isolation_des_ite').hide();
            //     }
            //     if ($('#comble_perdu_check').prop('checked')) {
            //         $('#isolation_des_combles').show();
            //         $('.isolation_des_combles').show();



            //     } else {
            //         $('#isolation_des_combles').hide();
            //         $('.isolation_des_combles').hide();

            //     }
            //     if ($('#rampant_toiture_check').prop('checked')) {
            //         $('#isolation_des_murs_interieurs').show();
            //     } else {
            //         $('#isolation_des_murs_interieurs').hide();
            //     }

            //     $('#check_comble').val('').change();
            //     $('#check_comble').val($('#trigger_procede').val()).change();
            // }

            // $('.check_nature').click(function (event) {
            //     check_nature();
            // });

            $("#preuve_facture").change(function () {
                if ($(this).is(':checked')) {
                    $("input[name='reference_facture']").addClass('required');
                } else {
                    $("input[name='reference_facture']").removeClass('required');
                }

            });

            $(".change_display").change(function () {

                let id = $(this).attr('id');
                let options = $('#' + id + ' option');

                let values = $.map(options, function (option) {

                    if ($('#' + id).val() == '' && option.value != '') {
                        $('.' + option.value).hide();
                        alert(option.value)
                    }

                    if ($('#' + id).val() != '' && option.value != '') {

                        $('.' + option.value).hide();

                    }
                });
                if ($('#' + id).val() != '') {

                    let dest = $('#' + id).val();

                    $('.' + dest).show();
                }

            });

            let steps = [];
            // steps[0] = 'step-client';
            // steps[1] = 'step-inspection';
            // steps[2] = 'step-beneficiaire';
            // steps[3] = 'step-entreprise';
            // steps[4] = 'step-nature_101';
            // steps[5] = 'step-rapport-comble_perdu';
            // steps[6] = 'step-rapport-rampant_toiture';
            // steps[7] = 'step-rapport-planchers_bas';
            // steps[8] = 'step-rapport-pac';
            // steps[9] = 'step-rapport-ballon';
            // steps[10] = 'step-rapport-ite';
            // steps[11] = 'step-rapport-murs_interieurs';
            // steps[12] = 'step-rapport-vmc';
            // steps[13] = 'step-rapport-solaire';
            // steps[14] = 'step-photos';
            // steps[15] = 'step-signature';
            // steps[16] = 'step-322';

            const next = document.getElementById('next_step');
            const previous = document.getElementById('previous_step');

            $('#next_step').click(function (event) {
                let r = 0;
                $('input[type=text]').each(function () {

                    if ($(this).is(':visible') && $(this).hasClass('required') && $(this).val().length == 0) {
                        r = r + 1;

                        $(this).addClass('error');
                        $(this).closest('label').addClass('error');
                    }
                })
                let error = 0;

                $('.multiple_check').each(function () {
                    if ($(this).is(':visible')) {
                        let check = 0;
                        let inputs = $(this).find("input");
                        inputs.each(function () {

                            if ($(this).is(":checked")) {
                                check = check + 1;

                            }
                        })
                        if (check == 0) {
                            r = 1;

                            inputs.each(function () {
                                $(this).addClass('error');
                                $(this).closest('label').addClass('error');
                            })
                        }
                    }

                })

                $('.to_check').each(function () {

                    if ($(this).is(':visible')) {
                        let check = 0;
                        let inputs = $(this).find("input");
                        inputs.each(function () {

                            if ($(this).hasClass('required_check') && $(this).closest('label').hasClass('active')) {
                                check = check + 1;

                            }
                        })
                        if (check == 0) {
                            r = 1;

                            inputs.each(function () {
                                $(this).addClass('error');
                                $(this).closest('label').addClass('error');
                            })
                        }
                    }

                })

                r = 0;

                if (r == 0) {
                    // let index_v = parseInt($('#next_step').data('step'));
                    // let index_next = index_v + 1;

                    // $('#previous_step').data('step', index_v + 1);
                    // $('#next_step').data('step', index_next);

                    /*                let checked = document.querySelectorAll('.check_nature');
                                    let count = 0;
                                    checked.forEach((item) => {
                                        if(item.checked) {
                                          count++;
                                        }
                                    })

                                    if ((index_v + count) === steps.length) {
                                        next.disabled = true;
                                    } else {
                                        next.disabled = false;
                                    }
                                    previous.disabled = false;*/

                    // $('#next_step').attr('data-step', index_next);

                    // $('#step-' + index_v).hide();
                    // $('#step-' + index_next).show();
                } else {
                    /*
                                    $('body').scrollTo('.error').offset();
                    */
                }

            });

            $('#previous_step').click(function (event) {

                // let index_v = parseInt($('#previous_step').data('step'));
                // $('#previous_step').data('step', index_v - 1);
                // $('#next_step').data('step', index_v - 1);

                // $('#step-' + index_v).hide();
                // $('#step-' + (index_v - 1)).show();
                // $('#' + steps[index_v] + '-nav').removeClass('active');
                // $('#' + steps[index_v] + '-nav').addClass('done');
                // $('#' + steps[index_v - 1] + '-nav').addClass('active');

                previous.disabled = false;
                next.disabled = false;
            });

            $('#prev-btn22').click(function (event) {

                $('#next-btn22').show();

            });

            $('.combles').show();

        });
    </script>
    <style type="text/css">
        .step_title.sub_step_title.comble_perdu {
            background: #3e6ad8;
        }

        .step_title.sub_step_title.rampant_toiture {
            background: #3eadd8;
        }

        .step_title.sub_step_title.planchers_bas {
            background: #d8b73e;
        }

        .step_title.sub_step_title.pac {
            background: #8d005b;
        }

        .step_title.sub_step_title.ballon {
            background: #ff9900;
        }

        .step_title.sub_step_title.vmc {
            background: #7c7c7c;
        }

        .comble_perdu .step_title.sub_step_title,
        .rampant_toiture .step_title.sub_step_title,
        .planchers_bas .step_title.sub_step_title,
        .pac .step_title.sub_step_title,
        .ballon .step_title.sub_step_title,
        .ite .step_title.sub_step_title,
        .murs_interieurs .step_title.sub_step_title,
        .vmc .step_title.sub_step_title,
        .solaire .step_title.sub_step_title {
            background: #ccc !important;
        }

        .comble_perdu_actif .step_title.sub_step_title,
        .rampant_toiture_actif .step_title.sub_step_title,
        .planchers_bas_actif .step_title.sub_step_title,
        .pac_actif .step_title.sub_step_title,
        .ballon_actif .step_title.sub_step_title,
        .ite_actif .step_title.sub_step_title,
        .murs_interieurs_actif .step_title.sub_step_title,
        .vmc_actif .step_title.sub_step_title,
        .solaire_actif .step_title.sub_step_title {
            background: #2196f3 !important;
        }

        .conformite_combles_group, .conformite_planchers_group, .conformite_rampants_group, .conformite_pac_group,
        .conformite_vmc_group, .conformite_ite_group {
            background: #3498db47;
            padding: 15px;
            text-align: center;
            border: 2px solid #3498db;
            border-radius: 15px;
        }

        span.pagination {
            position: relative;
            float: right;
            font-size: inherit;
            font-weight: 400;
            background: white;
            color: black;
            padding-left: 10px;
            padding-right: 10px;
        }

    </style>
    @if(auth()->user()->fonction_id === 8 || auth()->user()->user_id === 1 )
        <style>
            .tab-content > .tab-pane {
                display: block !important;
            }

            .tab-content > .tab-pane {

                border-bottom: 4px dashed #ccc;
            }

            /*       .card-body {
                       display: block;
                   }*/

            .form-wizard-content {
                width: 100% !important;
            }
        </style>
    @endif
@endsection