@foreach(config('rapports.'.$rapport_type.'.section.'.$index.'.element') as $sec)

    <div id="{{ $sec['title'] }}" class="card-body" style="display: none">
        @foreach($sec['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')
                            <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 TROUVER
                        @endif
                    @endforeach
                </div>
            @else
                @if($section['type'] == 'text')
                    <x-rapport-text-input :item="$section" :rapport="$rapport"/>
                @elseif($section['type'] == 'radio')
                    <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')
                    <x-rapport-dropzone :ceertif="$ceertif" :photos="$photos"/>
                @elseif($section['type'] == 'signature')
                    <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
                @elseif($section['type'] == 'submit')
                    <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>
                @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')
               
                    <div class="position-relative form-group tiers {{ $section['class'] }}">
                        <label for="exampleEmail6">Type d'isolation</label><br/>
                        <input type="hidden" id="trigger_procede"
                               value="{{isset($rapport) ? $rapport['procede_comble'] : ''}}">
                        {{ $rapport[$section['name']] }}
                        <select class="form-control combles isolation_des_combles" name="procede_comble"
                                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')
                        
                        <div
                            id="{{ $section['name'] }}"
                            class="position-relative form-group {{ $section['name'] }} ">
                            <label for="exampleEmail6"
                                   class="{{ $section['name'] }}_label display_dest">{{ $section['title'] }}</label><br>
                            @foreach ($section['option'] as $option)
                                <input data-dest="{{ $option['dest'] }}"
                                       data-toggle="toggle" data-on="{{ $option['title'] }}"
                                       data-off="{{ $option['title'] }}"
                                       name="{{ $section['name'] }}[]"
                                       @if (in_array($option['name'], $array))
                                       checked
                                       @endif
                                       type="checkbox"
                                       value="{{ $option['name'] }}"
                                       id="{{ $option['name'] }}"
                                       class="{{ $section['name'] }} required_check display_dest">
                            @endforeach
                        </div>
                    @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>
@endforeach