@foreach(config('rapports.'.$rapport_type.'.section.'.$index.'.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)
                    @isset($section_line['type'])
                        @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')
                            <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
                    @endisset
                @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' )
                <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" :rapport="$rapport"/>
            @elseif($section['type'] == 'signature')
                <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>
            @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"
                     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 " 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 selectpicker"
                            id="{{ $section['name'] ?? 'list_clients' }}"
                            style="">
                        <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