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

@section('head_supplement')
    <link rel="stylesheet" href="{{ asset('css/edit_rdv.css') }}">
@endsection

@section('content')
    <script src="{{ asset('js/jquery-radiocharm.js') }}"></script>
    <link href="{{ asset('css/jquery-radiocharm.css') }}" rel="stylesheet">
    <div class="app-page-title">
        <div class="page-title-wrapper">
            <div class="page-title-heading">
                <div class="page-title-icon">
                    <i class="fa fa-calendar-plus icon-gradient bg-arielle-smile"> </i>
                </div>
                <div>

                    Demande d'inspection BAR-TH-164


                </div>
            </div>
        </div>
    </div>
    @if (auth()->user()->client_id == 0)
        <a>
            <button type="button" class="btn mr-2 mb-2 btn-primary" data-toggle="modal"
                data-target=".import_demandes">Importer une liste de demandes 164
            </button>
        </a>
    @endif
    <form id="rdv_form" action="{{ route('demandes.new_164') }}" method="post" enctype="multipart/form-data">
        @csrf
        <div class="row">
            <div class="col-md-12 col-xl-12">
                <div class="">
                    <input type="hidden" name="type_demande[]" value="14">

                    @if ($errors->count() > 0)
                        <style type="text/css">
                            .step-content,
                            #final {
                                display: block !important;
                            }

                            #buttons {
                                display: none !important;
                            }

                            .alert {
                                display: block;
                            }

                        </style>
                        <div class="alert alert-danger">
                            <p><strong>Votre formulaire comporte des erreurs</strong></p>

                        </div>
                    @else
                    @endif
                    @if (isset(auth()->user()->client) &&
                        auth()->user()->client->subContractor->isNotEmpty())
                        <div class="main-card mb-3 card">
                            <div class="card-body">
                                <h5 class="card-title">Sous-traitants</h5>
                                <div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Sous-traitants <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <select id="clients-select" name="client_id" class="form-control select2" required>
                                            <option value="">Choisir un client/sous-traitants</option>
                                            <option value="{{ auth()->user()->client_id }}" selected>
                                                {{ auth()->user()->client->client_title }}</option>
                                            @foreach (auth()->user()->client->subContractor as $sous_traitant)
                                                <option value="{{ $sous_traitant->client_id }}">
                                                    {{ $sous_traitant->client_title }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @elseif(Auth::user()->client_id == 0)
                        <div class="main-card mb-3 card">
                            <div class="card-body">
                                <h5 class="card-title">Client</h5>
                                <div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Client <span class="text-danger">*</span></a>
                                        </div>
                                        <select id="clients-select" name="client_id" class="form-control select2" required>
                                            <option>Choisir un client</option>
                                            @foreach ($clients as $client)
                                                <option
                                                    {{ old('client_id') !== null && old('client_id') == $client->client_id ? 'selected' : '' }}
                                                    value="{{ $client->client_id }}">{{ $client->client_title }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @else
                        <input type="hidden" name="client_id" value="{{ Auth::user()->client_id }}">
                    @endif


                    <div class="main-card mb-3 card">
                        <div class="card-body">
                            <h5 class="card-title">Associer la demande à un délégataire/mandataire</h5>
                            <div>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">Délégataire/mandataire <span
                                                class="text-danger">*</span></a>
                                    </div>
                                    <select id="" name="delegataire_id" class="form-control select2">
                                        <option value="">Choisir un délégataire/mandataire</option>

                                        @foreach ($delegataires as $delegataire)
                                            <option value="{{ $delegataire->client_id }}">
                                                {{ $delegataire->client_title }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="main-card mb-3 card step-content" id="step-0">
                        <div class="card-body">
                            <h5 class="card-title">Demandeur</h5>
                            <div>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">Nom <span class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="raison_sociale" value="{{ old('raison_sociale') }}"
                                        class="form-control required">

                                </div>

                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">Adresse <span class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="adresse" value="{{ old('adresse') }}"
                                        class="form-control required">

                                </div>

                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">Code postal <span class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="cp" value="{{ old('cp') }}"
                                        class="form-control required @error('cp') is-invalid @enderror" id="cp">

                                    @error('cp')
                                        <span class="text-danger" role="alert"
                                            style="color: #d92550;margin-left: auto;margin-right: auto;width: auto;display: inherit;">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>

                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">Ville <span class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="ville" value="{{ old('ville') }}"
                                        class="form-control required" id="ville">

                                </div>

                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">SIREN <span class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="siren" value="{{ old('siren') }}" placeholder=""
                                        class="form-control required @error('siren') is-invalid @enderror">

                                    @error('siren')
                                        <span class="text-danger" role="alert"
                                            style="color: #d92550;margin-left: auto;margin-right: auto;width: auto;display: inherit;">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="main-card mb-3 card  step-content" id="step-1" style="display:none">
                        <div class="card-body">
                            <h5 class="card-title">Site de l'intervention</h5>
                            <div>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">Nom <span class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="proprietaire_name"
                                        value="{{ old('proprietaire_name') }}" class="form-control required">

                                </div>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">Adresse <span class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="proprietaire_adresse"
                                        value="{{ old('proprietaire_adresse') }}" class="form-control required">

                                </div>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">Code postal <span class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="proprietaire_cp"
                                        value="{{ old('proprietaire_cp') }}"
                                        class="form-control required @error('proprietaire_cp') is-invalid @enderror"
                                        id="proprietaire_cp">

                                    @error('proprietaire_cp')
                                        <span class="text-danger" role="alert"
                                            style="color: #d92550;margin-left: auto;margin-right: auto;width: auto;display: inherit;">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">Ville <span class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="proprietaire_ville"
                                        value="{{ old('proprietaire_ville') }}" id="proprietaire_ville"
                                        class="form-control required">

                                </div>

                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">Contact sur le lieu d'intervention <span
                                                class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="contact_intervention"
                                        value="{{ old('contact_intervention') }}" class="form-control required">
                                </div>

                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">Téléphone du contact <span
                                                class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="tel_contact_intervention"
                                        value="{{ old('tel_contact_intervention') }}" placeholder=""
                                        class="form-control  @error('tel_contact_intervention') is-invalid @enderror">

                                    @error('tel_contact_intervention')
                                        <span class="text-danger" role="alert"
                                            style="color: #d92550;margin-left: auto;margin-right: auto;width: auto;display: inherit;">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror

                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="main-card mb-3 card  step-content" id="step-2" style="display:none">
                        <div class="card-body">
                            <h5 class="card-title">Bénéficiaire</h5>
                            <div>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">Nom <span class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="beneficiaire_name"
                                        value="{{ old('beneficiaire_name') }}" class="form-control required">
                                </div>

                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">Adresse <span class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="beneficiaire_adresse"
                                        value="{{ old('beneficiaire_adresse') }}" class="form-control required">
                                </div>

                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">Code postal <span class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="beneficiaire_cp"
                                        value="{{ old('beneficiaire_cp') }}" id="beneficiaire_cp"
                                        class="form-control required @error('beneficiaire_cp') is-invalid @enderror">

                                    @error('beneficiaire_cp')
                                        <span class="text-danger" role="alert"
                                            style="color: #d92550;margin-left: auto;margin-right: auto;width: auto;display: inherit;">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>


                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">Ville <span class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="beneficiaire_ville"
                                        value="{{ old('beneficiaire_ville') }}" id="beneficiaire_ville"
                                        class="form-control required">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="main-card mb-3 card step-content" id="step-3" style="display: none">
                        <div class="card-body">
                            <h5 class="card-title">Entreprise ayant réalisé les travaux</h5>
                            <div>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">Nom <span class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="entreprise_travaux"
                                        value="{{ old('entreprise_travaux') }}" class="form-control">

                                </div>

                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">Adresse <span class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="adresse_entreprise"
                                        value="{{ old('adresse_entreprise') }}" class="form-control">

                                </div>

                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">Code postal <span class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="cp_entreprise" value="{{ old('cp_entreprise') }}"
                                        id="cp_entreprise"
                                        class="form-control @error('cp_entreprise') is-invalid @enderror">

                                    @error('cp_entreprise')
                                        <span class="text-danger" role="alert"
                                            style="color: #d92550;margin-left: auto;margin-right: auto;width: auto;display: inherit;">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>

                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">Ville <span class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="ville_entreprise"
                                        value="{{ old('ville_entreprise') }}" id="ville_entreprise"
                                        class="form-control">
                                </div>

                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">SIREN <span class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="siren_entreprise"
                                        value="{{ old('siren_entreprise') }}" placeholder=""
                                        class="form-control @error('siren_entreprise') is-invalid @enderror">

                                    @error('siren_entreprise')
                                        <span class="text-danger" role="alert"
                                            style="color: #d92550;margin-left: auto;margin-right: auto;width: auto;display: inherit;">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="main-card mb-3 card  step-content" id="step-4" style="display:none">
                        <div class="card-body">
                            <h5 class="card-title">Entreprise ayant réalisé l'étude énergétique'</h5>
                            <div>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">Nom <span class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="amo_travaux" value="{{ old('amo_travaux') }}"
                                        class="form-control required @error('amo_travaux') is-invalid @enderror"
                                        id="amo_travaux">

                                    @error('amo_travaux')
                                        <span class="text-danger" role="alert"
                                            style="color: #d92550;margin-left: auto;margin-right: auto;width: auto;display: inherit;">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>

                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">SIREN <span class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="amo_siren" value="{{ old('amo_siren') }}"
                                        class="form-control required @error('amo_siren') is-invalid @enderror"
                                        id="amo_siren">

                                    @error('amo_siren')
                                        <span class="text-danger" role="alert"
                                            style="color: #d92550;margin-left: auto;margin-right: auto;width: auto;display: inherit;">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror

                                </div>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">Adresse <span class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="amo_adresse" value="{{ old('amo_adresse') }}"
                                        class="form-control required @error('amo_adresse') is-invalid @enderror"
                                        id="amo_adresse">

                                    @error('amo_adresse')
                                        <span class="text-danger" role="alert"
                                            style="color: #d92550;margin-left: auto;margin-right: auto;width: auto;display: inherit;">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>

                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">Code postal <span class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="amo_cp" value="{{ old('amo_cp') }}" id="amo_cp"
                                        class="form-control required @error('amo_cp') is-invalid @enderror">

                                    @error('amo_cp')
                                        <span class="text-danger" role="alert"
                                            style="color: #d92550;margin-left: auto;margin-right: auto;width: auto;display: inherit;">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>

                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">Ville <span class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="amo_ville" value="{{ old('amo_ville') }}"
                                        id="amo_ville" class="form-control required">
                                </div>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">Date de l'étude énergétique <span
                                                class="text-danger">*</span></a>
                                    </div>


                                    <input type="text" required name="date_etude" value="{{ old('date_etude') }}"
                                        class="form-control date_picker required @error('date_etude') is-invalid @enderror"
                                        id="date_etude">

                                    @error('date_etude')
                                        <span class="text-danger" role="alert"
                                            style="color: #d92550;margin-left: auto;margin-right: auto;width: auto;display: inherit;">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror

                                </div>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">CEP INITIAL <span class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="cep_initial" value="{{ old('cep_initial') }}"
                                        id="cep_initial"
                                        class="form-control required @error('cep_initial') is-invalid @enderror">

                                    @error('cep_initial')
                                        <span class="text-danger" role="alert"
                                            style="color: #d92550;margin-left: auto;margin-right: auto;width: auto;display: inherit;">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">CEP PROJET <span class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="cep_projet" value="{{ old('cep_projet') }}"
                                        id="cep_projet"
                                        class="form-control required @error('cep_projet') is-invalid @enderror">

                                    @error('cep_projet')
                                        <span class="text-danger" role="alert"
                                            style="color: #d92550;margin-left: auto;margin-right: auto;width: auto;display: inherit;">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">CEF INITIAL <span class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="cef_initial" value="{{ old('cef_initial') }}"
                                        id="cef_initial"
                                        class="form-control required @error('cef_initial') is-invalid @enderror">

                                    @error('cef_initial')
                                        <span class="text-danger" role="alert"
                                            style="color: #d92550;margin-left: auto;margin-right: auto;width: auto;display: inherit;">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">CEF PROJET <span class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="cef_projet" value="{{ old('cef_projet') }}"
                                        id="cef_projet"
                                        class="form-control required @error('cef_projet') is-invalid @enderror">

                                    @error('cef_projet')
                                        <span class="text-danger" role="alert"
                                            style="color: #d92550;margin-left: auto;margin-right: auto;width: auto;display: inherit;">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a class="btn btn-secondary">Référence de l'étude énergétique <span
                                                class="text-danger">*</span></a>
                                    </div>
                                    <input type="text" required name="reference_etude"
                                        value="{{ old('reference_etude') }}" id="reference_etude"
                                        class="form-control required @error('reference_etude') is-invalid @enderror">

                                    @error('reference_etude')
                                        <span class="text-danger" role="alert"
                                            style="color: #d92550;margin-left: auto;margin-right: auto;width: auto;display: inherit;">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>

                        </div>
                    </div>
                </div>

                <div class="main-card mb-3 card  step-content" id="step-5" style="display:none">
                    <div class="card-body">
                        <h5 class="card-title">Données du chantier</h5>
                        <div>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <a class="btn btn-secondary">Surface déclarée <span
                                            class="text-danger">*</span></a>
                                </div>
                                <input type="text" required name="surface_prevue" value="{{ old('surface_prevue') }}"
                                    class="form-control required">
                            </div>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <a class="btn btn-secondary">Type de chauffage utilisé <span
                                            class="text-danger">*</span></a>
                                </div>
                                <input type="radio" required name="type_chauffage" value="electricite" id="electricite"
                                    class="form-control radiocharm" data-radiocharm-background-color="3498DB"
                                    data-radiocharm-text-color="FFF" data-radiocharm-label="Electricité"
                                    @if (old('type_chauffage') == 'electricite') checked @endif>
                                <input type="radio" required name="type_chauffage" value="combustible" id="combustible"
                                    class="form-control radiocharm" data-radiocharm-background-color="3498DB"
                                    data-radiocharm-text-color="FFF" data-radiocharm-label="Combustible"
                                    @if (old('type_chauffage') == 'combustible') checked @endif>
                                <input type="radio" required name="type_chauffage" value="mixte" id="mixte"
                                    class="form-control radiocharm" data-radiocharm-background-color="3498DB"
                                    data-radiocharm-text-color="FFF" data-radiocharm-label="Mixte"
                                    @if (old('type_chauffage') == 'mixte') checked @endif>
                            </div>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <a class="btn btn-secondary">Année de construction du bâtiment <span
                                            class="text-danger">*</span></a>
                                </div>
                                <input type="text" required name="annee_construction"
                                    value="{{ old('annee_construction') }}" class="form-control required">
                            </div>


                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <a class="btn btn-secondary">Date du devis <span class="text-danger">*</span></a>
                                </div>
                                <input type="text" required name="date_acceptation" value="{{ old('date_acceptation') }}"
                                    id="date_acceptation" class="form-control date_picker required">
                            </div>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <a class="btn btn-secondary">Date de la facture <span
                                            class="text-danger">*</span></a>
                                </div>
                                <input type="text" required name="date_realisation" value="{{ old('date_realisation') }}"
                                    id="date_realisation" class="form-control date_picker required">
                            </div>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <a class="btn btn-secondary">Référence de la facture <span
                                            class="text-danger">*</span></a>
                                </div>
                                <input type="text" required name="reference_facture"
                                    value="{{ old('reference_facture') }}" class="form-control required">
                            </div>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <a class="btn btn-secondary">Référence du devis <span
                                            class="text-danger">*</span></a>
                                </div>
                                <input type="text" required name="reference_devis" value="{{ old('reference_devis') }}"
                                    class="form-control required">
                            </div>
                        </div>
                    </div>
                </div>

                @if (old('nature_renovation'))
                    @if (in_array('comble_perdu', old('nature_renovation')))
                        <div class="main-card mb-3 card  step-content">
                            <div class="card-body">
                                <h5 class="card-title">COMBLES PERDUS</h5><span
                                    class="btn btn-danger del_rge">supprimer</span>
                                <div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Nom et prénom du représentant de l'entreprise
                                                <span class="text-danger">*</span></a>
                                            <input type="hidden" name="nature_renovation[]" value="comble_perdu">
                                        </div>
                                        <input type="text" required name="representant_comble_perdu"
                                            value="{{ old('representant_comble_perdu') }}"
                                            class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Raison sociale <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="raison_sociale_comble_perdu"
                                            value="{{ old('raison_sociale_comble_perdu') }}"
                                            class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">SIRET <span class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="siret_comble_perdu"
                                            value="{{ old('siret_comble_perdu') }}" class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Référence de la qualification RGE <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="reference_qualif_comble_perdu"
                                            value="{{ old('reference_qualif_comble_perdu') }}"
                                            class="form-control required">
                                    </div>

                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">TYPE/ NATURE de l'isolant <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="nature_isolation_combles"
                                            value="{{ old('nature_isolation_combles') }}" class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">MARQUE/REFERENCE de l'isolant <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="marque_isolation_combles"
                                            value="{{ old('marque_isolation_combles') }}" class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Epaisseur de l'isolant <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="epaisseur_isolation_combles"
                                            value="{{ old('epaisseur_isolation_combles') }}"
                                            class="form-control required">
                                    </div>

                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Surface isolée déclarée <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="surface_prevue_combles"
                                            value="{{ old('surface_prevue_combles') }}" class="form-control required">
                                    </div>

                                </div>
                            </div>
                        </div>
                    @endif

                    @if (in_array('rampant_toiture', old('nature_renovation')))
                        <div class="main-card mb-3 card  step-content">
                            <div class="card-body">
                                <h5 class="card-title">RAMPANTS DE TOITURE</h5><span
                                    class="btn btn-danger del_rge">supprimer</span>
                                <div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Nom et prénom du représentant de l'entreprise
                                                <span class="text-danger">*</span></a>
                                            <input type="hidden" name="nature_renovation[]" value="rampant_toiture">
                                        </div>
                                        <input type="text" required name="representant_rampant_toiture"
                                            value="{{ old('representant_rampant_toiture') }}"
                                            class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Raison sociale <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="raison_sociale_rampant_toiture"
                                            value="{{ old('raison_sociale_rampant_toiture') }}"
                                            class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">SIRET <span class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="siret_rampant_toiture"
                                            value="{{ old('siret_rampant_toiture') }}" class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Référence de la qualification RGE <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="reference_qualif_rampant_toiture"
                                            value="{{ old('reference_qualif_rampant_toiture') }}"
                                            class="form-control required">
                                    </div>

                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">TYPE/ NATURE de l'isolant <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="nature_isolation_rampants"
                                            value="{{ old('nature_isolation_rampants') }}"
                                            class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">MARQUE/REFERENCE de l'isolant <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="marque_isolation_rampants"
                                            value="{{ old('marque_isolation_rampants') }}"
                                            class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Epaisseur de l'isolant <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="epaisseur_isolation_rampants"
                                            value="{{ old('epaisseur_isolation_rampants') }}"
                                            class="form-control required">
                                    </div>

                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Surface isolée déclarée <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="surface_prevue_rampants"
                                            value="{{ old('surface_prevue_rampants') }}" class="form-control required">
                                    </div>

                                </div>
                            </div>
                        </div>
                    @endif

                    @if (in_array('planchers_bas', old('nature_renovation')))
                        <div class="main-card mb-3 card  step-content">
                            <div class="card-body">
                                <h5 class="card-title">PLANCHERS BAS</h5><span
                                    class="btn btn-danger del_rge">supprimer</span>
                                <div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Nom et prénom du représentant de l'entreprise
                                                <span class="text-danger">*</span></a>
                                            <input type="hidden" name="nature_renovation[]" value="planchers_bas">
                                        </div>
                                        <input type="text" required name="representant_planchers_bas"
                                            value="{{ old('representant_planchers_bas') }}"
                                            class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Raison sociale <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="raison_sociale_planchers_bas"
                                            value="{{ old('raison_sociale_planchers_bas') }}"
                                            class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">SIRET <span class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="siret_planchers_bas"
                                            value="{{ old('siret_planchers_bas') }}" class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Référence de la qualification RGE <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="reference_qualif_planchers_bas"
                                            value="{{ old('reference_qualif_planchers_bas') }}"
                                            class="form-control required">
                                    </div>

                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">TYPE/ NATURE de l'isolant <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="nature_isolation_planchers"
                                            value="{{ old('nature_isolation_planchers') }}"
                                            class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">MARQUE/REFERENCE de l'isolant <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="marque_isolation_planchers"
                                            value="{{ old('marque_isolation_planchers') }}"
                                            class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Epaisseur de l'isolant <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="epaisseur_isolation_planchers"
                                            value="{{ old('epaisseur_isolation_planchers') }}"
                                            class="form-control required">
                                    </div>

                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Surface isolée déclarée <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="surface_prevue_planchers"
                                            value="{{ old('surface_prevue_planchers') }}" class="form-control required">
                                    </div>

                                </div>
                            </div>
                        </div>
                    @endif

                    @if (in_array('ite', old('nature_renovation')))
                        <div class="main-card mb-3 card  step-content">
                            <div class="card-body">
                                <h5 class="card-title">ISOLATION THERMIQUE EXTERIEURE</h5><span
                                    class="btn btn-danger del_rge">supprimer</span>
                                <div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Nom et prénom du représentant de l'entreprise
                                                <span class="text-danger">*</span></a>
                                            <input type="hidden" name="nature_renovation[]" value="ite">
                                        </div>
                                        <input type="text" required name="representant_ite"
                                            value="{{ old('representant_ite') }}" class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Raison sociale <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="raison_sociale_ite"
                                            value="{{ old('raison_sociale_ite') }}" class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">SIRET <span class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="siret_ite" value="{{ old('siret_ite') }}"
                                            class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Référence de la qualification RGE <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="reference_qualif_ite"
                                            value="{{ old('reference_qualif_ite') }}" class="form-control required">
                                    </div>

                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">TYPE/ NATURE de l'isolant <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="nature_isolation_ite"
                                            value="{{ old('nature_isolation_ite') }}" class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">MARQUE/REFERENCE de l'isolant <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="marque_isolation_ite"
                                            value="{{ old('marque_isolation_ite') }}" class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Epaisseur de l'isolant <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="epaisseur_isolation_ite"
                                            value="{{ old('epaisseur_isolation_ite') }}" class="form-control required">
                                    </div>

                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Surface isolée déclarée <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="surface_prevue_ite"
                                            value="{{ old('surface_prevue_ite') }}" class="form-control required">
                                    </div>

                                </div>
                            </div>
                        </div>
                    @endif


                    @if (in_array('murs_interieurs', old('nature_renovation')))
                        <div class="main-card mb-3 card  step-content">
                            <div class="card-body">
                                <h5 class="card-title">ISOLATION MURS INTERIEURS</h5><span
                                    class="btn btn-danger del_rge">supprimer</span>
                                <div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Nom et prénom du représentant de l'entreprise
                                                <span class="text-danger">*</span></a>
                                            <input type="hidden" name="nature_renovation[]" value="murs_interieurs">
                                        </div>
                                        <input type="text" required name="representant_murs_interieurs"
                                            value="{{ old('representant_murs_interieurs') }}"
                                            class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Raison sociale <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="raison_sociale_murs_interieurs"
                                            value="{{ old('raison_sociale_murs_interieurs') }}"
                                            class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">SIRET <span class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="siret_murs_interieurs"
                                            value="{{ old('siret_murs_interieurs') }}" class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Référence de la qualification RGE <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="reference_qualif_murs_interieurs"
                                            value="{{ old('reference_qualif_murs_interieurs') }}"
                                            class="form-control required">
                                    </div>

                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">TYPE/ NATURE de l'isolant <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="nature_isolation_murs_interieurs"
                                            value="{{ old('nature_isolation_murs_interieurs') }}"
                                            class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">MARQUE/REFERENCE de l'isolant <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="marque_isolation_murs_interieurs"
                                            value="{{ old('marque_isolation_murs_interieurs') }}"
                                            class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Epaisseur de l'isolant <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="epaisseur_isolation_murs_interieurs"
                                            value="{{ old('epaisseur_isolation_murs_interieurs') }}"
                                            class="form-control required">
                                    </div>

                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Surface isolée déclarée <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="surface_prevue_murs_interieurs"
                                            value="{{ old('surface_prevue_murs_interieurs') }}"
                                            class="form-control required">
                                    </div>

                                </div>
                            </div>
                        </div>
                    @endif


                    @if (in_array('pac', old('nature_renovation')))
                        <div class="main-card mb-3 card  step-content">
                            <div class="card-body">
                                <h5 class="card-title">POMPE A CHALEUR</h5><span
                                    class="btn btn-danger del_rge">supprimer</span>
                                <div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Nom et prénom du représentant de l'entreprise
                                                <span class="text-danger">*</span></a>
                                            <input type="hidden" name="nature_renovation[]" value="pac">
                                        </div>
                                        <input type="text" required name="representant_pac"
                                            value="{{ old('representant_pac') }}" class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Raison sociale <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="raison_sociale_pac"
                                            value="{{ old('raison_sociale_pac') }}" class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">SIRET <span class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="siret_pac" value="{{ old('siret_pac') }}"
                                            class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Référence de la qualification RGE <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="reference_qualif_pac"
                                            value="{{ old('reference_qualif_pac') }}" class="form-control required">
                                    </div>


                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">MARQUE de la PAC <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="marque_pac" value="{{ old('marque_pac') }}"
                                            class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Modèle de la PAC <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="modele_pac" value="{{ old('modele_pac') }}"
                                            class="form-control required">
                                    </div>

                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Valeur puissance nominale <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="valeur_puissance_nominale"
                                            value="{{ old('valeur_puissance_nominale') }}"
                                            class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Valeur du SCOP <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="valeur_scop" value="{{ old('valeur_scop') }}"
                                            class="form-control required">
                                    </div>

                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Valeur du COP <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="valeur_cop" value="{{ old('valeur_cop') }}"
                                            class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Efficacité energétique saisonnière <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="efficacite_energetique_pac"
                                            value="{{ old('efficacite_energetique_pac') }}"
                                            class="form-control required">
                                    </div>


                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Surface chauffée par la PAC <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="surface_chauffee_pac"
                                            value="{{ old('surface_chauffee_pac') }}" class="form-control required">
                                    </div>

                                </div>
                            </div>
                        </div>
                    @endif

                    @if (in_array('vmc', old('nature_renovation')))
                        <div class="main-card mb-3 card  step-content">
                            <div class="card-body">
                                <h5 class="card-title">VMC</h5><span class="btn btn-danger del_rge">supprimer</span>
                                <div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Nom et prénom du représentant de l'entreprise
                                                <span class="text-danger">*</span></a>
                                            <input type="hidden" name="nature_renovation[]" value="vmc">
                                        </div>
                                        <input type="text" required name="representant_vmc"
                                            value="{{ old('representant_vmc') }}" class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Raison sociale <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="raison_sociale_vmc"
                                            value="{{ old('raison_sociale_vmc') }}" class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">SIRET <span class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="siret_vmc" value="{{ old('siret_vmc') }}"
                                            class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Référence de la qualification RGE <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="reference_qualif_vmc"
                                            value="{{ old('reference_qualif_vmc') }}" class="form-control required">
                                    </div>


                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">MARQUE du caisson <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="marque_vmc" value="{{ old('marque_vmc') }}"
                                            class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Modèle du caisson <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="modele_vmc" value="{{ old('modele_vmc') }}"
                                            class="form-control required">
                                    </div>

                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Numéro de série du caisson <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="numero_serie_vmc"
                                            value="{{ old('numero_serie_vmc') }}" class="form-control required">
                                    </div>


                                </div>
                            </div>
                        </div>
                    @endif

                    @if (in_array('ballon', old('nature_renovation')))
                        <div class="main-card mb-3 card  step-content">
                            <div class="card-body">
                                <h5 class="card-title">BALLON THERMODYNAMIQUE</h5><span
                                    class="btn btn-danger del_rge">supprimer</span>
                                <div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Nom et prénom du représentant de l'entreprise
                                                <span class="text-danger">*</span></a>
                                            <input type="hidden" name="nature_renovation[]" value="ballon">
                                        </div>
                                        <input type="text" required name="representant_ballon"
                                            value="{{ old('representant_ballon') }}" class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Raison sociale <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="raison_sociale_ballon"
                                            value="{{ old('raison_sociale_ballon') }}" class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">SIRET <span class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="siret_ballon"
                                            value="{{ old('siret_ballon') }}" class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Référence de la qualification RGE <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="reference_qualif_ballon"
                                            value="{{ old('reference_qualif_ballon') }}" class="form-control required">
                                    </div>


                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">MARQUE du ballon <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="marque_ballon"
                                            value="{{ old('marque_ballon') }}" class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Modèle du ballon <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="modele_ballon"
                                            value="{{ old('modele_ballon') }}" class="form-control required">
                                    </div>

                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Numéro de série du caisson <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="numero_serie_ballon"
                                            value="{{ old('numero_serie_ballon') }}" class="form-control required">
                                    </div>


                                </div>
                            </div>
                        </div>
                    @endif


                    @if (in_array('solaire', old('nature_renovation')))
                        <div class="main-card mb-3 card  step-content">
                            <div class="card-body">
                                <h5 class="card-title">BALLON SOLAIRE</h5><span
                                    class="btn btn-danger del_rge">supprimer</span>
                                <div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Nom et prénom du représentant de l'entreprise
                                                <span class="text-danger">*</span></a>
                                            <input type="hidden" name="nature_renovation[]" value="solaire">
                                        </div>
                                        <input type="text" required name="representant_solaire"
                                            value="{{ old('representant_solaire') }}" class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Raison sociale <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="raison_sociale_solaire"
                                            value="{{ old('raison_sociale_solaire') }}" class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">SIRET <span class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="siret_solaire"
                                            value="{{ old('siret_solaire') }}" class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Référence de la qualification RGE <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="reference_qualif_solaire"
                                            value="{{ old('reference_qualif_solaire') }}"
                                            class="form-control required">
                                    </div>


                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">MARQUE du solaire <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="marque_solaire"
                                            value="{{ old('marque_solaire') }}" class="form-control required">
                                    </div>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Modèle du solaire <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="modele_solaire"
                                            value="{{ old('modele_solaire') }}" class="form-control required">
                                    </div>

                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <a class="btn btn-secondary">Numéro de série du caisson <span
                                                    class="text-danger">*</span></a>
                                        </div>
                                        <input type="text" required name="numero_serie_solaire"
                                            value="{{ old('numero_serie_solaire') }}" class="form-control required">
                                    </div>


                                </div>
                            </div>
                        </div>
                    @endif
                @endif





                <div class="main-card mb-3 card  step-content" id="step-6" style="display:none">
                    <div class="card-body">
                        <h5 class="card-title">Observations</h5>
                        <div>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <a class="btn btn-secondary">Notes <span class="text-danger">*</span></a>
                                </div>

                                <textarea style="width: 70%;    min-height: 200px;" name="rdv_observations">{{ old('rdv_observations') }}</textarea>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="main-card mb-3 card  step-content" id="step-7" style="display:none">
                    <div class="card-body">
                        <h5 class="card-title">Travaux</h5>
                        <div id="zone_travaux">
                            <div class="big_button btn btn-primary" data-toggle="modal" data-target="#addSubRapport">+
                            </div>
                        </div>
                    </div>
                </div>

                <div class="main-card mb-3 card  step-content" id="step-8" style="display:none">
                    <div class="card-body">
                        <h5 class="card-title">Documents</h5>
                        <div>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <a class="btn btn-secondary">Joindre devis, factures, etc... <span
                                            class="text-danger">*</span></a>
                                </div>

                                <div id="upload_photos" class="dropzone" style="width:70%">
                                    <div class="dz-default dz-message">
                                        <label>Cliquez ici pour charger des
                                            images ou déposez les à cet emplacement
                                            <input type="file" class="" id="customFile" name="files[]"
                                                multiple
                                                accept=".png,.PNG,.pdf,.PDF,.jpg,.JPG,.jpeg,.JPEG,.odt,.xlsx,.cvs" />
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="divider"></div>
                <div class="clearfix">
                    <div id="buttons">
                        <button type="button" id="next_step" data-step="0" style="margin-bottom:50px"
                            class="btn-shadow btn-wide float-right btn-pill btn-hover-shine btn btn-primary">
                            Etape suivante
                        </button>
                    </div>
                </div>
                <div id="final" style="display:none">
                    <input type="button" class="btn btn-primary w-10" id="validation_a" value="Valider">
                </div>

            </div>
        </div>

    </form>
    <div id="comble_perdu" style="display:none">
        <div class="main-card mb-3 card  ">
            <div class="card-body">
                <h5 class="card-title">COMBLES PERDUS</h5><span class="btn btn-danger del_rge">supprimer</span>
                <div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Nom et prénom du représentant de l'entreprise <span
                                    class="text-danger">*</span></a>
                            <input type="hidden" name="nature_renovation[]" value="comble_perdu">
                        </div>
                        <input type="text" required name="representant_comble_perdu"
                            value="{{ old('representant_comble_perdu') }}" class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Raison sociale <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="raison_sociale_comble_perdu"
                            value="{{ old('raison_sociale_comble_perdu') }}" class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">SIRET <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="siret_comble_perdu" value="{{ old('siret_comble_perdu') }}"
                            class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Référence de la qualification RGE <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="reference_qualif_comble_perdu"
                            value="{{ old('reference_qualif_comble_perdu') }}" class="form-control required">
                    </div>

                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">TYPE/ NATURE de l'isolant <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="nature_isolation_combles"
                            value="{{ old('nature_isolation_combles') }}" class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">MARQUE/REFERENCE de l'isolant <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="marque_isolation_combles"
                            value="{{ old('marque_isolation_combles') }}" class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Epaisseur de l'isolant <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="epaisseur_isolation_combles"
                            value="{{ old('epaisseur_isolation_combles') }}" class="form-control required">
                    </div>

                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Surface isolée déclarée <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="surface_prevue_combles"
                            value="{{ old('surface_prevue_combles') }}" class="form-control required">
                    </div>

                </div>
            </div>
        </div>
    </div>


    <div id="rampant_toiture" style="display:none">
        <div class="main-card mb-3 card  ">
            <div class="card-body">
                <h5 class="card-title">RAMPANTS DE TOITURE</h5><span class="btn btn-danger del_rge">supprimer</span>
                <div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Nom et prénom du représentant de l'entreprise <span
                                    class="text-danger">*</span></a>
                            <input type="hidden" name="nature_renovation[]" value="rampant_toiture">
                        </div>
                        <input type="text" required name="representant_rampant_toiture"
                            value="{{ old('representant_rampant_toiture') }}" class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Raison sociale <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="raison_sociale_rampant_toiture"
                            value="{{ old('raison_sociale_rampant_toiture') }}" class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">SIRET <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="siret_rampant_toiture"
                            value="{{ old('siret_rampant_toiture') }}" class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Référence de la qualification RGE <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="reference_qualif_rampant_toiture"
                            value="{{ old('reference_qualif_rampant_toiture') }}" class="form-control required">
                    </div>

                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">TYPE/ NATURE de l'isolant <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="nature_isolation_rampants"
                            value="{{ old('nature_isolation_rampants') }}" class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">MARQUE/REFERENCE de l'isolant <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="marque_isolation_rampants"
                            value="{{ old('marque_isolation_rampants') }}" class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Epaisseur de l'isolant <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="epaisseur_isolation_rampants"
                            value="{{ old('epaisseur_isolation_rampants') }}" class="form-control required">
                    </div>

                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Surface isolée déclarée <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="surface_prevue_rampants"
                            value="{{ old('surface_prevue_rampants') }}" class="form-control required">
                    </div>

                </div>
            </div>
        </div>
    </div>

    <div id="planchers_bas" style="display:none">
        <div class="main-card mb-3 card  ">
            <div class="card-body">
                <h5 class="card-title">PLANCHERS BAS</h5><span class="btn btn-danger del_rge">supprimer</span>
                <div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Nom et prénom du représentant de l'entreprise <span
                                    class="text-danger">*</span></a>
                            <input type="hidden" name="nature_renovation[]" value="planchers_bas">
                        </div>
                        <input type="text" required name="representant_planchers_bas"
                            value="{{ old('representant_planchers_bas') }}" class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Raison sociale <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="raison_sociale_planchers_bas"
                            value="{{ old('raison_sociale_planchers_bas') }}" class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">SIRET <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="siret_planchers_bas" value="{{ old('siret_planchers_bas') }}"
                            class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Référence de la qualification RGE <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="reference_qualif_planchers_bas"
                            value="{{ old('reference_qualif_planchers_bas') }}" class="form-control required">
                    </div>

                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">TYPE/ NATURE de l'isolant <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="nature_isolation_planchers"
                            value="{{ old('nature_isolation_planchers') }}" class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">MARQUE/REFERENCE de l'isolant <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="marque_isolation_planchers"
                            value="{{ old('marque_isolation_planchers') }}" class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Epaisseur de l'isolant <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="epaisseur_isolation_planchers"
                            value="{{ old('epaisseur_isolation_planchers') }}" class="form-control required">
                    </div>

                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Surface isolée déclarée <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="surface_prevue_rampants"
                            value="{{ old('surface_prevue_rampants') }}" class="form-control required">
                    </div>

                </div>
            </div>
        </div>
    </div>



    <div id="ite" style="display:none">
        <div class="main-card mb-3 card  ">
            <div class="card-body">
                <h5 class="card-title">ISOLATION DES MURS EXTERIEURS</h5><span
                    class="btn btn-danger del_rge">supprimer</span>
                <div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Nom et prénom du représentant de l'entreprise <span
                                    class="text-danger">*</span></a>
                            <input type="hidden" name="nature_renovation[]" value="ite">
                        </div>
                        <input type="text" required name="representant_ite" value="{{ old('representant_ite') }}"
                            class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Raison sociale <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="raison_sociale_ite" value="{{ old('raison_sociale_ite') }}"
                            class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">SIRET <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="siret_ite" value="{{ old('siret_ite') }}"
                            class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Référence de la qualification RGE <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="reference_qualif_ite"
                            value="{{ old('reference_qualif_ite') }}" class="form-control required">
                    </div>

                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">TYPE/ NATURE de l'isolant <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="nature_isolation_ite"
                            value="{{ old('nature_isolation_ite') }}" class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">MARQUE/REFERENCE de l'isolant <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="marque_isolation_ite"
                            value="{{ old('marque_isolation_ite') }}" class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Epaisseur de l'isolant <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="epaisseur_isolation_ite"
                            value="{{ old('epaisseur_isolation_ite') }}" class="form-control required">
                    </div>

                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Surface isolée déclarée <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="surface_prevue_ite" value="{{ old('surface_prevue_ite') }}"
                            class="form-control required">
                    </div>

                </div>
            </div>
        </div>
    </div>

    <div id="murs_interieurs" style="display:none">
        <div class="main-card mb-3 card  ">
            <div class="card-body">
                <h5 class="card-title">ISOLATION DES MURS INTERIEURS</h5><span
                    class="btn btn-danger del_rge">supprimer</span>
                <div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Nom et prénom du représentant de l'entreprise <span
                                    class="text-danger">*</span></a>
                            <input type="hidden" name="nature_renovation[]" value="murs_interieurs">
                        </div>
                        <input type="text" required name="representant_murs_interieurs"
                            value="{{ old('representant_murs_interieurs') }}" class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Raison sociale <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="raison_sociale_murs_interieurs"
                            value="{{ old('raison_sociale_murs_interieurs') }}" class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">SIRET <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="siret_murs_interieurs"
                            value="{{ old('siret_murs_interieurs') }}" class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Référence de la qualification RGE <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="reference_qualif_murs_interieurs"
                            value="{{ old('reference_qualif_murs_interieurs') }}" class="form-control required">
                    </div>

                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">TYPE/ NATURE de l'isolant <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="nature_isolation_murs_interieurs"
                            value="{{ old('nature_isolation_murs_interieurs') }}" class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">MARQUE/REFERENCE de l'isolant <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="marque_isolation_murs_interieurs"
                            value="{{ old('marque_isolation_murs_interieurs') }}" class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Epaisseur de l'isolant <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="epaisseur_isolation_murs_interieurs"
                            value="{{ old('epaisseur_isolation_murs_interieurs') }}" class="form-control required">
                    </div>

                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Surface isolée déclarée <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="surface_prevue_murs_interieurs"
                            value="{{ old('surface_prevue_murs_interieurs') }}" class="form-control required">
                    </div>

                </div>
            </div>
        </div>
    </div>


    <div id="pac_air_air" style="display:none">
        <div class="main-card mb-3 card  ">
            <div class="card-body">
                <h5 class="card-title">POMPE A CHALEUR AIR/AIR</h5><span
                    class="btn btn-danger del_rge">supprimer</span>
                <div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Nom et prénom du représentant de l'entreprise <span
                                    class="text-danger">*</span></a>
                            <input type="hidden" name="nature_renovation[]" value="pac">
                        </div>
                        <input type="text" required name="representant_pac" value="{{ old('representant_pac') }}"
                            class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Raison sociale <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="raison_sociale_pac" value="{{ old('raison_sociale_pac') }}"
                            class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">SIRET <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="siret_pac" value="{{ old('siret_pac') }}"
                            class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Référence de la qualification RGE <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="reference_qualif_pac"
                            value="{{ old('reference_qualif_pac') }}" class="form-control required">
                    </div>


                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">MARQUE de la PAC <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="marque_pac" value="{{ old('marque_pac') }}"
                            class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Modèle de la PAC <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="modele_pac" value="{{ old('modele_pac') }}"
                            class="form-control required">
                    </div>

                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Valeur puissance nominale <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="valeur_puissance_nominale"
                            value="{{ old('valeur_puissance_nominale') }}" class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Valeur du SCOP <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="valeur_scop" value="{{ old('valeur_scop') }}"
                            class="form-control required">
                    </div>

                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Valeur du COP <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="valeur_cop" value="{{ old('valeur_cop') }}"
                            class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Efficacité energétique saisonnière <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="efficacite_energetique_pac"
                            value="{{ old('efficacite_energetique_pac') }}" class="form-control required">
                    </div>


                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Surface chauffée par la PAC <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="surface_chauffee_pac"
                            value="{{ old('surface_chauffee_pac') }}" class="form-control required">
                    </div>

                </div>
            </div>
        </div>
    </div>

    <div id="pac_air_eau" class="rge" style="display:none">
        <div class="main-card mb-3 card  ">
            <div class="card-body">
                <h5 class="card-title">POMPE A CHALEUR AIR/EAU</h5><span
                    class="btn btn-danger del_rge">supprimer</span>
                <div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Nom et prénom du représentant de l'entreprise <span
                                    class="text-danger">*</span></a>
                            <input type="hidden" name="nature_renovation[]" value="pac">
                        </div>
                        <input type="text" required name="representant_pac" value="{{ old('representant_pac') }}"
                            class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Raison sociale <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="raison_sociale_pac" value="{{ old('raison_sociale_pac') }}"
                            class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">SIRET <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="siret_pac" value="{{ old('siret_pac') }}"
                            class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Référence de la qualification RGE <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="reference_qualif_pac"
                            value="{{ old('reference_qualif_pac') }}" class="form-control required">
                    </div>


                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">MARQUE de la PAC <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="marque_pac" value="{{ old('marque_pac') }}"
                            class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Modèle de la PAC <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="modele_pac" value="{{ old('modele_pac') }}"
                            class="form-control required">
                    </div>

                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Valeur puissance nominale <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="valeur_puissance_nominale"
                            value="{{ old('valeur_puissance_nominale') }}" class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Valeur du SCOP <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="valeur_scop" value="{{ old('valeur_scop') }}"
                            class="form-control required">
                    </div>

                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Valeur du COP <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="valeur_cop" value="{{ old('valeur_cop') }}"
                            class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Efficacité energétique saisonnière <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="efficacite_energetique_pac"
                            value="{{ old('efficacite_energetique_pac') }}" class="form-control required">
                    </div>


                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Surface chauffée par la PAC <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="surface_chauffee_pac"
                            value="{{ old('surface_chauffee_pac') }}" class="form-control required">
                    </div>

                </div>
            </div>
        </div>
    </div>


    <div id="vmc" style="display:none">
        <div class="main-card mb-3 card  ">
            <div class="card-body">
                <h5 class="card-title">VMC</h5><span class="btn btn-danger del_rge">supprimer</span>
                <div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Nom et prénom du représentant de l'entreprise <span
                                    class="text-danger">*</span></a>
                            <input type="hidden" name="nature_renovation[]" value="vmc">
                        </div>
                        <input type="text" required name="representant_vmc" value="{{ old('representant_vmc') }}"
                            class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Raison sociale <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="raison_sociale_vmc" value="{{ old('raison_sociale_vmc') }}"
                            class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">SIRET <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="siret_vmc" value="{{ old('siret_vmc') }}"
                            class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Référence de la qualification RGE <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="reference_qualif_vmc"
                            value="{{ old('reference_qualif_vmc') }}" class="form-control required">
                    </div>


                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">MARQUE du caisson <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="marque_vmc" value="{{ old('marque_vmc') }}"
                            class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Modèle du caisson <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="modele_vmc" value="{{ old('modele_vmc') }}"
                            class="form-control required">
                    </div>

                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Numéro de série du caisson <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="numero_serie_vmc" value="{{ old('numero_serie_vmc') }}"
                            class="form-control required">
                    </div>


                </div>
            </div>
        </div>
    </div>

    <div id="ballon" style="display:none">
        <div class="main-card mb-3 card  ">
            <div class="card-body">
                <h5 class="card-title">BALLON THERMODYNAMIQUE</h5><span
                    class="btn btn-danger del_rge">supprimer</span>
                <div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Nom et prénom du représentant de l'entreprise <span
                                    class="text-danger">*</span></a>
                            <input type="hidden" name="nature_renovation[]" value="ballon">
                        </div>
                        <input type="text" required name="representant_ballon" value="{{ old('representant_ballon') }}"
                            class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Raison sociale <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="raison_sociale_ballon"
                            value="{{ old('raison_sociale_ballon') }}" class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">SIRET <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="siret_ballon" value="{{ old('siret_ballon') }}"
                            class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Référence de la qualification RGE <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="reference_qualif_ballon"
                            value="{{ old('reference_qualif_ballon') }}" class="form-control required">
                    </div>


                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">MARQUE du ballon <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="marque_ballon" value="{{ old('marque_ballon') }}"
                            class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Modèle du ballon <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="modele_ballon" value="{{ old('modele_ballon') }}"
                            class="form-control required">
                    </div>

                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Numéro de série du caisson <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="numero_serie_ballon" value="{{ old('numero_serie_ballon') }}"
                            class="form-control required">
                    </div>


                </div>
            </div>
        </div>
    </div>



    <div id="solaire" style="display:none">
        <div class="main-card mb-3 card  ">
            <div class="card-body">
                <h5 class="card-title">BALLON SOLAIRE</h5><span class="btn btn-danger del_rge">supprimer</span>
                <div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Nom et prénom du représentant de l'entreprise <span
                                    class="text-danger">*</span></a>
                            <input type="hidden" name="nature_renovation[]" value="solaire">
                        </div>
                        <input type="text" required name="representant_solaire"
                            value="{{ old('representant_solaire') }}" class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Raison sociale <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="raison_sociale_solaire"
                            value="{{ old('raison_sociale_solaire') }}" class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">SIRET <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="siret_solaire" value="{{ old('siret_solaire') }}"
                            class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Référence de la qualification RGE <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="reference_qualif_solaire"
                            value="{{ old('reference_qualif_solaire') }}" class="form-control required">
                    </div>


                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">MARQUE du solaire <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="marque_solaire" value="{{ old('marque_solaire') }}"
                            class="form-control required">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Modèle du solaire <span class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="modele_solaire" value="{{ old('modele_solaire') }}"
                            class="form-control required">
                    </div>

                    <div class="input-group">
                        <div class="input-group-prepend">
                            <a class="btn btn-secondary">Numéro de série du caisson <span
                                    class="text-danger">*</span></a>
                        </div>
                        <input type="text" required name="numero_serie_solaire"
                            value="{{ old('numero_serie_solaire') }}" class="form-control required">
                    </div>


                </div>
            </div>
        </div>
    </div>

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

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

                console.log($(this).parent('rge'));
            });
            $('input:radio').radiocharm();

            $('#renovation_global').change(function() {
                if (this.checked) {
                    $('.type_travaux_area').show();
                    $('.renovation').each(function(index) {
                        // this.required = true;
                    })
                } else {
                    $('.type_travaux_area').hide();
                    $('.renovation').each(function(index) {
                        $(this).prop('checked', false);
                        // this.required = true;
                    })
                }
            })

            $('#clients-select').on('select2:select', (e) => {
                if (e.target.value !== '') {
                    axios.get('/api/clients/' + e.target.value, {
                        headers: {
                            'Authorization': `Bearer ${token}`
                        }
                    }).then(response => {
                        document.querySelector('input[name="raison_sociale"]').value = response.data
                            .client_title;
                        document.querySelector('input[name="adresse"]').value = response.data
                            .adresse;
                        document.querySelector('input[name="cp"]').value = response.data.cp;
                        document.querySelector('input[name="ville"]').value = response.data.ville;
                        document.querySelector('input[name="siren"]').value = response.data.siren
                            .replaceAll(' ', '');
                    })
                }
            });
            steps = [];
            var q = 0;
            $('.step-content').each(function() {


                steps[q] = $(this).attr('id');

                q = q + 1;
            })

            var total_steps = steps.length;



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


                // showSection();

                var r = 0;

                let error = 0;


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


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


                    steps.forEach((item, key) => {
                        if (key === index_v) {
                            $('#' + steps[index_v + 1] + '-nav').addClass('active');
                        } else {
                            $('#' + steps[index_v - 1] + '-nav').removeClass('active');
                        }
                    })
                } else {

                }

                console.log($('#next_step').data('step'))
                console.log(total_steps)

                if ($('#next_step').data('step') == (total_steps - 1)) {
                    $('#final').show();
                    $('#buttons').hide();
                }

            });
            document.getElementById('validation_a').addEventListener('click', function(event) {
                event.preventDefault();
                let requiredElement = [];
                let allAreFilled = true;
                let checkbox_checked = 0;








                this.form.submit();


            });
        });

        function check_errors(a) {

            let error = 0;

            let errors_text = '';
            let values = [];
            let name = '';
            let phrasier = '';
            let check_phrasier = 0;
            let other_value = 0;
            let count_phrasier = 0;
            $('input[type=text]').each(function() {

                if ($(this).is(':visible') && $(this).hasClass('required') && $(this).val().length == 0) {
                    error = error + 1;
                    errors_text = errors_text + '<div>Merci de remplir le champ <span class="btn btn-danger">' + ($(
                        this).parent().find('label').text()) + '</span>' + "\n" + '</div>';

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

            return error;
        }

        $("#modal-submit").click(function(e) {



            alert('stop');
        });
    </script>
    <style>
        input.form-control.required.error {
            border: 1px solid #ed4f4f;
            background: #ff00000a;
        }

        #checkbox_length:invalid {
            border: 0 solid white !important;
            color: white;
        }

        #checkbox_length:valid {
            border: 0 solid white !important;
            color: white;
        }

        #checkbox_length:focus {
            border: 0 solid white !important;
            color: white;
        }

        #checkbox_length:required {
            border: 0 solid white !important;
            color: white;
        }

        </style @endsection @section('modal') @include(
            'modals.demandes.add_sub_rapport_164'
        ) @include('modals.demandes.import_demandes') @endsection