@extends('layouts.app')

@section('title', 'Détails de la Demande #' . $demande->id . ' - L\'unique Création')

@push('styles')
    <link href="{{ asset('/assets/vendor/bootstrap-select/dist/css/bootstrap-select.min.css') }}" rel="stylesheet">

    <!-- Pick date -->
    <link rel="stylesheet" href="{{ asset('/assets/vendor/pickadate/themes/default.css') }}">
    <link rel="stylesheet" href="{{ asset('/assets/vendor/pickadate/themes/default.date.css') }}">

    <!-- Dropzone -->
    <link rel="stylesheet" href="{{ asset('/assets/vendor/dropzone/dist/dropzone.css') }}">
@endpush

@section('content')
    <div class="container-fluid">
        <div class="row mb-4">
            <div class="col-9">
                <div>
                    <h3 class="">Détails de la Demande #{{ $demande->id }}</h3>
                    @if ($demande->id_prospectBGB)
                        <h4 class="">Demande BGB #
                            @if($demande->ref_demandeBGB > 4)
                                {{ $demande->ref_demandeBGB }}
                            @else
                                {{ $demande->id_prospectBGB }}-{{ $demande->ref_demandeBGB }}
                            @endif
                        </h4>
                    @endif
                    @if ($demande->type_projet_id)
                        <h5 class="">Type de projet : {{ $demande->typeProjet->libelle ?? 'Non défini' }}</h5>
                    @endif
                </div>
            </div>
            <div class="col-3">
                @if ($demande->demande_etat_id <= 2)
                    <a href="{{ route('demande.setEtat', ['id' => $demande->id, 'etat' => 3]) }}" class="btn btn-block btn-success mt-2" onclick="return confirm('Voulez-vous vraiment valider cette demande ?')">
                        <span class="h4 text-white"><i class="fa fa-check"></i> &nbsp; Valider la demande</span>
                    </a>
                @endif
            </div>
        </div>

        <!-- Row -->
        <div class="row">
            <div class="col-xl-12">
                <div class="card">
                    <div class="card-body py-3 px-3">
                        <ul class="nav nav-pills">
                            <li class="nav-item">
                                <a href="#gestion-client" class="nav-link {{ session('tab') === 'client' ? 'active' : '' }}" data-bs-toggle="tab" aria-expanded="false">Client</a>
                            </li>
                            <li class="nav-item">
                                <a href="#gestion-demande" class="nav-link {{ !session('tab') ? 'active' : '' }}" data-bs-toggle="tab" aria-expanded="false">Demande</a>
                            </li>
                            @if($demande->estimations->isNotEmpty())
                                <li class="nav-item">
                                    <a href="#estimation-pose" class="nav-link" data-bs-toggle="tab" aria-expanded="false">Estimations</a>
                                </li>
                            @endif
                            <li class=" nav-item">
                                <a href="#devis" class="nav-link {{ session('tab') === 'devis' ? 'active' : '' }}" data-bs-toggle="tab" aria-expanded="false">Devis</a>
                            </li>
                            <li class="nav-item">
                                <a href="#gestion-prise-cotes" class="nav-link {{ session('tab') === 'prise_cotes' ? 'active' : '' }}" data-bs-toggle="tab" aria-expanded="false">Prise de côtes</a>
                            </li>
                            <li class="nav-item">
                                <a href="#pv_reception" class="nav-link {{ session('tab') === 'pv_reception' ? 'active' : '' }}" data-bs-toggle="tab" aria-expanded="false">Pv Reception</a>
                            </li>
                            <li class="nav-item">
                                <a href="#gestion-document" class="nav-link" data-bs-toggle="tab" aria-expanded="false">Documents</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="col-xl-9">

                <div class="tab-content">

                    <!-- ##### Onglets : Infos de la demande ##### -->
                    <div id="gestion-client" class="tab-pane {{ session('tab') === 'client' ? 'active' : '' }}">

                        <div class="filter cm-content-box box-primary">
                            <div class="content-title SlideToolHeader">
                                <div class="cpa">
                                    <h4>
                                        <i class="fa-solid fa-user"></i>
                                        Information du client
                                    </h4>
                                </div>
                                <div class="tools">
                                    <a href="javascript:void(0);" class="expand handle"><i class="fal fa-angle-down"></i></a>
                                </div>
                            </div>
                            <div>
                                <div class="card-body">

                                    <form class="row" action="{{ route('demandeDetails.updateClient', $demande->id) }}" method="POST">
                                        @csrf

                                        <div class="mb-3 col-12">
                                            <label for="client_id" class="form-label">Rechercher un client existant en base</label>
                                            <select class="js-data-client w-100"></select>
                                            <input type="hidden" name="client_id" id="client_id" value="">
                                        </div>

                                        <div class="mb-3 col-md-12">
                                            <label for="nom" class="form-label">Societe</label>
                                            <input type="text" name="societe" id="societe" class="form-control" value="{{ old('societe', $demande->client?->societe) }}">
                                        </div>

                                        <!-- Nom -->
                                        <div class="mb-3 col-md-6">
                                            <label for="nom" class="form-label">Nom</label>
                                            <input type="text" name="nom" id="nom" class="form-control" value="{{ old('nom', $demande->client?->nom) }}">
                                        </div>

                                        <!-- Prénom -->
                                        <div class="mb-3 col-md-6">
                                            <label for="prenom" class="form-label">Prénom</label>
                                            <input type="text" name="prenom" id="prenom" class="form-control" value="{{ old('prenom', $demande->client?->prenom) }}">
                                        </div>

                                        <!-- Email -->
                                        <div class="mb-3 col-md-6">
                                            <label for="email" class="form-label">E-mail</label>
                                            <input type="email" name="email" id="email" class="form-control" value="{{ old('email', $demande->client?->email) }}">
                                        </div>

                                        <!-- Téléphone -->
                                        <div class="mb-3 col-md-6">
                                            <label for="telephone" class="form-label">Téléphone</label>
                                            <input type="text" name="telephone" id="telephone" class="form-control" value="{{ old('telephone', $demande->client?->telephone) }}">
                                        </div>

                                        <!-- Email 2 -->
                                        <div class="mb-3 col-md-6">
                                            <label for="email2" class="form-label">E-mail 2</label>
                                            <input type="email" name="email2" id="email2" class="form-control" value="{{ old('email2', $demande->client?->email2) }}">
                                        </div>

                                        <!-- Téléphone 2 -->
                                        <div class="mb-3 col-md-6">
                                            <label for="telephone2" class="form-label">Téléphone 2</label>
                                            <input type="text" name="telephone2" id="telephone2" class="form-control" value="{{ old('telephone2', $demande->client?->telephone2) }}">
                                        </div>

                                        <!-- Adresse -->
                                        <div class="mb-3 col-md-6">
                                            <label for="adresse" class="form-label">Adresse</label>
                                            <input type="text" name="adresse" id="adresse" class="form-control" value="{{ old('adresse', $demande->client?->adresse) }}">
                                        </div>

                                        <!-- Ville -->
                                        <div class="mb-3 col-md-6">
                                            <label for="ville" class="form-label">Ville</label>
                                            <input type="text" name="ville" id="ville" class="form-control" value="{{ old('ville', $demande->client?->ville) }}">
                                        </div>

                                        <!-- Code postal -->
                                        <div class="mb-3 col-md-6">
                                            <label for="code_postal" class="form-label">Code postal</label>
                                            <input type="text" name="code_postal" id="code_postal" class="form-control" value="{{ old('code_postal', $demande->client?->cp) }}">
                                        </div>

                                        <!-- Bouton submit -->
                                        <div class="col-12 mt-4">
                                            <button type="submit" class="btn btn-primary">
                                                <i class="fa fa-paper-plane"></i> Mettre à jour le client
                                            </button>
                                        </div>

                                    </form>

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

                    <!-- ##### Onglets : Infos de la demande ##### -->
                    <div id="gestion-demande" class="tab-pane {{ !session('tab') ? 'active' : '' }}">

                        <div class="filter cm-content-box box-primary">
                            <div class="content-title SlideToolHeader">
                                <div class="cpa">
                                    <h4>
                                        <i class="fa-solid fa-ruler"></i>
                                        Demande #{{ $demande->id }} - {{ $demande->typeConstruction?->libelle }} {{ $demande->typeHabitation?->libelle }}
                                    </h4>
                                </div>
                                <div class="tools">
                                    <a href="javascript:void(0);" class="expand handle"><i class="fal fa-angle-down"></i></a>
                                </div>
                            </div>
                            <div>
                                <div class="card-body">

                                    @if(session('success-update-demande'))
                                        <div class="alert alert-success">
                                            {{ session('success-update-demande') }}
                                        </div>
                                    @endif

                                    <form class="row" action="{{ route('demandeDetails.update', ['id' => $demande->id]) }}" method="POST">
                                        @csrf
                                        <input type="hidden" name="is_prospectBGB" value="{{ $demande->id_prospectBGB ? 1 : 0 }}">

                                        <!-- Type de projet -->
                                        <div class="mb-3 col-md-12">
                                            <label for="type_projet_id" class="form-label">Type de projet *</label>
                                            <select name="type_projet_id" id="type_projet_id" class="default-select form-control wide" required>
                                                <option value="">-- Sélectionner un type --</option>
                                                @foreach($typesProjets as $type)
                                                    <option value="{{ $type->id }}" {{ old('type_projet_id', $demande->type_projet_id) == $type->id ? 'selected' : '' }}>
                                                        {{ $type->libelle }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="col-sm-6 mb-3">
                                            <label class="form-label">Habitation</label>
                                            <select class="default-select form-control wide" name="type_habitation_id" @if($demande->id_prospectBGB) disabled @endif >
                                                <option>Choisir...</option>
                                                @foreach ($typeHabitations as $habitation)
                                                    <option value="{{ $habitation['id'] }}" @if($demande->typeHabitation?->id === $habitation['id']) selected @endif>{{ $habitation['libelle'] }}</option>
                                                @endforeach
                                            </select>
                                            @error('habitation')
                                            <div class="text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>

                                        <div class="col-sm-6 mb-3">
                                            <label class="form-label">Type de construction</label>
                                            <select class="default-select form-control wide" name="type_construction_id" @if($demande->id_prospectBGB) disabled @endif>
                                                <option>Choisir...</option>
                                                @foreach ($typeConstructions as $construction)
                                                    <option value="{{ $construction['id'] }}" @if($demande->typeConstruction?->id === $construction['id']) selected @endif>{{ $construction['libelle'] }}</option>
                                                @endforeach
                                            </select>
                                            @error('construction')
                                            <div class="text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>

                                        <div class="col-sm-6 col-md-3 mb-3">
                                            <label class="form-label" for="etage">Etage</label>
                                            <input type="text" class="form-control" name="etage" id="etage" value="{{ $demande->etage }}">
                                            @error('etage')
                                            <div class="text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>

                                        <div class="col-sm-6 col-md-3 mb-3">
                                            <label class="form-label" for="ascenseur">Ascenseur</label>
                                            <input type="text" class="form-control" name="ascenseur" id="ascenseur" value="{{ $demande->ascenseur }}">
                                            @error('ascenseur')
                                            <div class="text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>

                                        <div class="col-sm-6 col-md-3 mb-3">
                                            <label class="form-label" for="cage_escalier">Cage d'escalier</label>
                                            <input type="text" class="form-control" name="cage_escalier" id="cage_escalier" value="{{ $demande->cage_escalier }}">
                                            @error('cage_escalier')
                                            <div class="text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>

                                        <div class="col-sm-6 col-md-3 mb-3">
                                            <label class="form-label" for="couloir">Couloir</label>
                                            <input type="text" class="form-control" name="couloir" id="couloir" value="{{ $demande->couloir }}">
                                            @error('couloir')
                                            <div class="text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>

                                        <div class="col-12 mb-3">
                                            <label class="form-label" for="accessibilite">Accessibilité</label>
                                            <textarea class="form-control" name="accessibilite" id="accessibilite" rows="3">{{ $demande->accessibilite }}</textarea>
                                            @error('accessibilite')
                                            <div class="text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>

                                        <div class="col-12 mb-3">
                                            <label class="form-label" for="commentaire">Commentaire</label>
                                            <textarea class="form-control" name="commentaire" id="commentaire" rows="3">{{ $demande->commentaire }}</textarea>
                                            @error('commentaire')
                                            <div class="text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>

                                        <div class="col-12 mt-4">
                                            <button type="submit" class="btn btn-primary">Enregistrer</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>

                        <div class="filter cm-content-box box-primary">
                            <div class="content-title SlideToolHeader">
                                <div class="cpa">
                                    <h4>
                                        <i class="fa-regular fa-file"></i> &nbsp;
                                        Liste des pièces jointes transmise par le client
                                    </h4>
                                </div>
                                <div class="tools">
                                    <a href="javascript:void(0);" class="expand handle"><i class="fal fa-angle-down"></i></a>
                                </div>
                            </div>
                            <div class="cm-content-body form excerpt">
                                <div class="card-body">
                                    <div class="table-responsive">
                                        <table class="table table-responsive-md">
                                            <thead>
                                            <tr>
                                                <th style="width:80px;">#</th>
                                                <th>Nom</th>
                                                <th>Action</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($demande->fichiers as $fichier)
                                                <tr>
                                                    <td>{{ $fichier->id }}</td>
                                                    <td>{{ $fichier->nom_original }}</td>
                                                    <td>
                                                        <a href="{{ route('fichier.download', $fichier->id) }}" class="btn btn-outline-primary" target="_blank">
                                                            <i class="fa-solid fa-eye"></i> Voir
                                                        </a>
                                                    </td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- ##### Onglets : Infos du devis ##### -->
                    <div id="devis" class="tab-pane {{ session('tab') === 'devis' ? 'active' : '' }}">

                        <!-- ##### Information sur le Devis BGB ##### -->
                        <div class="filter cm-content-box box-primary">
                            <div class="content-title SlideToolHeader">
                                <div class="cpa">
                                    <h4>
                                        <i class="fa-solid fa-circle-info"></i> &nbsp;
                                        Liste des devis
                                    </h4>
                                </div>
                                <div class="tools">
                                    <a href="javascript:void(0);" class="expand handle"><i class="fal fa-angle-down"></i></a>
                                </div>
                            </div>
                            <div class="cm-content-body form excerpt">
                                <div class="card-body">
                                    <div class="table-responsive">
                                        <table class="table table-responsive-md">
                                            <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>Devis BGB </th>
                                                <th>Montant</th>
                                                <th>Devis Poseur</th>
                                                <th></th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($demande->devis as $index => $devis)
                                                <tr>
                                                    <td><strong>{{ $devis->id_prospectBGB }}-{{ $devis->ref_devis }}</strong></td>
                                                    <td>
                                                        {{ $devis->description ?? 'Aucune description' }}<br>
                                                        @if($devis->pdf_devis)
                                                            <a class="btn btn-outline-primary mt-2" href="{{ $devis->display_url_pdf }}" target="_blank" data-pdf="true">
                                                                <i class="fa-solid fa-magnifying-glass"></i> Voir
                                                            </a>
                                                            <a class="btn btn-outline-primary mt-2" href="{{ $devis->download_url_pdf }}" download>
                                                                <i class="fa-solid fa-download"></i> Télécharger
                                                            </a>
                                                        @endif
                                                    </td>
                                                    <td class="text-nowrap">
                                                        <b>
                                                            {{ number_format($devis->total_ht, 2, ',', ' ') }} € HT <br>
                                                            <small class="tbold">{{ number_format($devis->total_ttc, 2, ',', ' ') }} € TTC </small>
                                                        </b>
                                                    </td>
                                                    <td>
                                                        <div class="dropzone dropzone-previews dropzone-custom"
                                                             data-url="{{ route('uploadDocument.global') }}"
                                                             data-type="pdf_devis_pose"
                                                             data-id-devis="{{ $devis->id }}"
                                                             data-id-demande="{{ $demande->id }}">
                                                        </div>
                                                        <div class="action-btn-dropzone">
                                                            @if($devis->pdf_devis_pose)
                                                                <a href="{{ route('document.show', ['idDemande' => $demande->id, 'filename' => $devis->pdf_devis_pose]) }}"
                                                                   class="btn btn-outline-primary mt-2" target="_blank" data-pdf="true">
                                                                    <i class="fa-solid fa-magnifying-glass"></i> Voir
                                                                </a>
                                                                <a href="{{ route('document.download', ['idDemande' => $demande->id, 'filename' => $devis->pdf_devis_pose]) }}"
                                                                   class="btn btn-outline-primary mt-2">
                                                                    <i class="fa-solid fa-download"></i> Télécharger
                                                                </a>
                                                            @endif
                                                        </div>
                                                    </td>
                                                    <td class="text-nowrap text-start">
                                                        <label class="form-label">Dernière date d'envoi</label>
                                                        <input name="date_devis_envoi" type="text" class="datepicker-default form-control update-send-date"
                                                               data-id-demande="{{ $demande->id }}" data-id-devis="{{ $devis->id }}"
                                                               data-url="{{ route('demandeDetails.updateDevisSendDate') }}"
                                                               value="{{ $devis->date_devis_envoi ? formatDate($devis->date_devis_envoi, 'd/m/Y') : '' }}">
                                                    </td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- ##### Type évenements inclus dans devis ##### -->
                        <div class="filter cm-content-box box-primary">
                            <div class="content-title SlideToolHeader">
                                <div class="cpa">
                                    <h4>
                                        <i class="fa-solid fa-file-invoice-dollar"></i> &nbsp;
                                        Devis L'Unique Création
                                    </h4>
                                </div>
                                <div class="tools">
                                    <a href="javascript:void(0);" class="expand handle"><i class="fal fa-angle-down"></i></a>
                                </div>
                            </div>
                            <div class="cm-content-body form excerpt">
                                <div class="card-body">

                                    @if(session('success-devis'))
                                        <div class="alert alert-success">
                                            {{ session('success-devis') }}
                                        </div>
                                    @endif

                                    <form action="{{ route('demandeDetails.devisUpdate', ['id' => $demande->id]) }}" method="POST">
                                        @csrf
                                        @method('POST') <!-- Permet d'indiquer qu'on peut faire un insert/update -->

                                        <div class="row">
                                            <div class="col-sm-12">
                                                <h4>1/ Prestations</h4>
                                            </div>

                                            @foreach ($prestations as $prestation)
                                                <div class="col-sm-4">
                                                    <div class="form-check custom-checkbox">
                                                        <input type="checkbox" class="form-check-input"
                                                               name="prestations[]"
                                                               id="prestation_{{ $prestation->id }}"
                                                               value="{{ $prestation->id }}"
                                                                {{ in_array($prestation->id, $prestationIdsLiees) ? 'checked' : '' }}>
                                                        <label class="form-check-label" for="prestation_{{ $prestation->id }}">
                                                            {{ $prestation->libelle }}
                                                        </label>
                                                    </div>
                                                </div>
                                            @endforeach

                                        </div>

                                        <div class="row mt-4">
                                            <div class="col-sm-12">
                                                <h4>2/ Etat devis</h4>
                                            </div>

                                            <div class="col-sm-4">
                                                <div class="basic-form">
                                                    <label class="form-label">Status</label>
                                                    <select class="default-select form-control wide mb-3" name="etat_pose" id="etat_pose">
                                                        <option value="">Choisir</option>
                                                        @foreach ($poseEtats as $etat)
                                                            <option value="{{ $etat->id }}" {{ $demande->etat_id == $etat->id ? 'selected' : '' }}>
                                                                {{ $etat->libelle }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="col-sm-4">
                                                <div class="basic-form">
                                                    <label class="form-label">Date devis signé</label>
                                                    <input class="datepicker-default form-control" name="date_devis_signe" id="date_devis_signe" value="{{ $demande->date_devis_signe ? formatDate($demande->date_devis_signe, 'd/m/Y') : '' }}">
                                                </div>
                                            </div>

                                            <div class="col-sm-4">
                                                <div class="basic-form">
                                                    <label class="form-label">Date de pose prévue</label>
                                                    <input class="datepicker-default form-control" name="date_pose_prevue" id="date_pose_prevue" value="{{ $demande->pose?->date_pose_prevue ? formatDate($demande->pose->date_pose_prevue, 'd/m/Y') : '' }}">
                                                </div>
                                            </div>

                                            <div class="col-sm-4">
                                                <div class="form-check custom-checkbox">
                                                    <input type="hidden" name="controle_bdc_bgb" value="0">
                                                    <input type="checkbox" class="form-check-input" name="controle_bdc_bgb" id="controle_bdc_bgb" value="1"{{ $demande->is_controle ? 'checked' : '' }}>
                                                    <label class="form-check-label" for="controle_bdc_bgb">Contrôle du bon de commande</label>
                                                </div>
                                                @if($demande->is_controle)
                                                    <span><b>Date du contrôle :</b> {{ formatDate($demande->date_controle, 'd/m/Y à H:i') }}</span>
                                                @endif
                                            </div>

                                            <div class="col-sm-4">
                                                <div class="form-check custom-checkbox">
                                                    <input type="hidden" name="acompte_paye" value="0">
                                                    <input type="checkbox" class="form-check-input" name="acompte_paye" id="acompte_paye" value="1"{{ $demande->is_acompte ? 'checked' : '' }}>
                                                    <label class="form-check-label" for="acompte_paye">Acompte payé</label>
                                                </div>
                                            </div>

                                            <div class="col-sm-12 mt-4">
                                                <button type="submit" class="btn btn-primary">Enregistrer</button>
                                            </div>
                                        </div>
                                    </form>

                                    <div class="row">
                                        <div class="col-sm-12">
                                            <hr class="my-5">
                                            <h4>3/ Dépot Devis Signé</h4>
                                        </div>
                                        <div class="col-sm-5">
                                            <div class="compose-content">
                                                <!-- Ajout d'un attribut data-id pour identifier chaque devis -->
                                                <div class="dropzone dropzone-previews dropzone-custom"
                                                     data-url="{{ route('uploadDocument.global') }}"
                                                     data-type="depot_devis_pose_bgb_signe"
                                                     data-id-demande="{{ $demande->id }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-7" id="depot_devis_pose_bgb_signe">
                                            @if($documentsLuc['devis_pose_signe'])
                                                <ul class="list-style-1 block">
                                                    <li>
                                                        <div>
                                                            <label class="form-label mb-0 me-2"><i class="fa-solid fa-file"></i> Nom du fichier :</label>
                                                            <span class="font-w500">{{ $documentsLuc['devis_pose_signe']->nom_fichier }}</span>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div>
                                                            <label class="form-label mb-0 me-2"><i class="fa-solid fa-hourglass-start"></i> Date de dépôt :</label>
                                                            <span class="font-w500">{{ $documentsLuc['devis_pose_signe']->created_at->format('d/m/Y H:i') }}</span>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div>
                                                            <label class="form-label mb-0 me-2"><i class="fa-solid fa-user"></i> Déposé par :</label>
                                                            <span class="font-w500">{{ $documentsLuc['devis_pose_signe']->user->name }}</span>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div>
                                                            <a class="btn btn-outline-primary mt-2"
                                                               href="{{ route('document.show', ['idDemande' => $demande->id, 'filename' => $documentsLuc['devis_pose_signe']->nom_fichier]) }}"
                                                               target="_blank" data-pdf="true">
                                                                <i class="fa-solid fa-magnifying-glass"></i> Voir
                                                            </a>
                                                            <a class="btn btn-outline-primary mt-2"
                                                               href="{{ route('document.download', ['idDemande' => $demande->id, 'filename' => $documentsLuc['devis_pose_signe']->nom_fichier]) }}">
                                                                <i class="fa-solid fa-download"></i> Télécharger
                                                            </a>
                                                        </div>
                                                    </li>
                                                </ul>
                                            @else
                                                <p class="text-muted">Aucun devis signé déposé.</p>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- ##### Onglets : Gestion de la prise de cote ##### -->
                    <div id="gestion-prise-cotes" class="tab-pane {{ session('tab') === 'prise_cotes' ? 'active' : '' }}">

                        <div class="filter cm-content-box box-primary">
                            <div class="content-title SlideToolHeader">
                                <div class="cpa">
                                    <h4>
                                        <i class="fa-solid fa-ruler"></i>
                                        Visite de chantier - Etude de faisabilité - Prise de côtes
                                    </h4>
                                </div>
                                <div class="tools">
                                    <a href="javascript:void(0);" class="expand handle"><i class="fal fa-angle-down"></i></a>
                                </div>
                            </div>
                            <div class="cm-content-body form excerpt">
                                <div class="card-body">

                                    @if(session('success-pdf-prise-cotes'))
                                        <div class="alert alert-success">
                                            {{ session('success-pdf-prise-cotes') }}
                                        </div>
                                    @endif

                                    <div class="row" id="depot_prise_cote_bgb">
                                        @if($documentsLuc['prise_cote'])
                                            <ul class="list-style-1 block">
                                                <li>
                                                    <div>
                                                        <label class="form-label mb-0 me-2"><i class="fa-solid fa-file"></i> Nom du fichier :</label>
                                                        <span class="font-w500">{{ $documentsLuc['prise_cote']->nom_fichier }}</span>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div>
                                                        <label class="form-label mb-0 me-2"><i class="fa-solid fa-hourglass-start"></i> Date de dépôt :</label>
                                                        <span class="font-w500">{{ $documentsLuc['prise_cote']->created_at->format('d/m/Y H:i') }}</span>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div>
                                                        <label class="form-label mb-0 me-2"><i class="fa-solid fa-user"></i> Déposé par :</label>
                                                        <span class="font-w500">{{ $documentsLuc['prise_cote']->user->name }}</span>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div>
                                                        <a class="btn btn-outline-primary mt-2"
                                                           href="{{ route('document.show', ['idDemande' => $demande->id, 'filename' => $documentsLuc['prise_cote']->nom_fichier]) }}"
                                                           target="_blank" data-pdf="true">
                                                            <i class="fa-solid fa-magnifying-glass"></i> Voir
                                                        </a>
                                                        <a class="btn btn-outline-primary mt-2"
                                                           href="{{ route('document.download', ['idDemande' => $demande->id, 'filename' => $documentsLuc['prise_cote']->nom_fichier]) }}">
                                                            <i class="fa-solid fa-download"></i> Télécharger
                                                        </a>
                                                    </div>
                                                </li>
                                            </ul>
                                        @else
                                            <p class="text-muted">Aucun fichier de prise de côtes déposé.</p>
                                        @endif
                                    </div>

                                    <div class="row my-5">
                                        <div class="col-12">
                                            <h5 class="mb-3">Option 1 : Déposer le PDF complété</h5>
                                            <div class="compose-content">
                                                <!-- Ajout d'un attribut data-id pour identifier chaque devis -->
                                                <div class="dropzone dropzone-previews dropzone-custom"
                                                     data-url="{{ route('uploadDocument.global') }}"
                                                     data-type="depot_prise_cote_bgb"
                                                     data-id-demande="{{ $demande->id }}">
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-12">
                                            <h5 class="mb-3">Option 2 : Compléter le formulaire pour générer un PDF</h5>
                                            <form action="{{ route('demandeDetails.updatePrisesCotes', $demande->id) }}" method="POST">
                                                @csrf

                                                <input type="hidden" name="id_prise_cotes" value="{{ $demande->priseCote->id ?? 0 }}">
                                                <input type="hidden" name="is_prospectBGB" value="{{ $demande->id_prospectBGB ? 1 : 0 }}">
                                                <div class="row">
                                                    <div class="col-sm-6 mb-3">
                                                        <label class="form-label">Habitation <span class="text-primary">*</span></label>
                                                        <select class="default-select form-control wide" name="type_habitation_id" @if($demande->id_prospectBGB) disabled @endif>
                                                            <option>Choisir...</option>
                                                            @foreach ($typeHabitations as $habitation)
                                                                <option value="{{ $habitation['id'] }}" @if($demande->typeHabitation?->id === $habitation['id']) selected @endif>{{ $habitation['libelle'] }}</option>
                                                            @endforeach
                                                        </select>
                                                        @error('habitation')
                                                        <div class="text-danger">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                    <div class="col-sm-6 mb-3">
                                                        <label class="form-label">Type de construction <span class="text-primary">*</span></label>
                                                        <select class="default-select form-control wide" name="type_construction_id" @if($demande->id_prospectBGB) disabled @endif>
                                                            <option>Choisir...</option>
                                                            @foreach ($typeConstructions as $construction)
                                                                <option value="{{ $construction['id'] }}" @if($demande->typeConstruction?->id === $construction['id']) selected @endif>{{ $construction['libelle'] }}</option>
                                                            @endforeach
                                                        </select>
                                                        @error('construction')
                                                        <div class="text-danger">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                    <div class="col-sm-6 col-md-3 mb-3">
                                                        <label class="form-label" for="etagePC">Etage <span class="text-primary">*</span></label>
                                                        <input type="text" class="form-control" name="etage" id="etagePC" value="{{ old('etage', $demande->etage) }}">
                                                        @error('etage')
                                                        <div class="text-danger">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                    <div class="col-sm-6 col-md-3 mb-3">
                                                        <label class="form-label" for="ascenseurPC">Ascenseur <span class="text-primary">*</span></label>
                                                        <input type="text" class="form-control" name="ascenseur" id="ascenseurPC" value="{{ old('ascenseur', $demande->ascenseur) }}">
                                                        @error('ascenseur')
                                                        <div class="text-danger">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                    <div class="col-sm-6 col-md-3 mb-3">
                                                        <label class="form-label" for="cage_escalierPC">Cage d'escalier <span class="text-primary">*</span></label>
                                                        <input type="text" class="form-control" name="cage_escalier" id="cage_escalierPC" value="{{ old('cage_escalier', $demande->cage_escalier) }}">
                                                        @error('cage_escalier')
                                                        <div class="text-danger">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                    <div class="col-sm-6 col-md-3 mb-3">
                                                        <label class="form-label" for="couloirPC">Couloir <span class="text-primary">*</span></label>
                                                        <input type="text" class="form-control" name="couloir" id="couloirPC" value="{{ old('couloir', $demande->couloir) }}">
                                                        @error('couloir')
                                                        <div class="text-danger">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                    <div class="col-12 mb-3">
                                                        <label class="form-label" for="accessibilitePC">Accessibilité</label>
                                                        <textarea class="form-control" name="accessibilite" id="accessibilitePC" rows="3">{{ $demande->accessibilite }}</textarea>
                                                        @error('accessibilite')
                                                        <div class="text-danger">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-12">
                                                        <h6>Cloisons</h6>
                                                    </div>
                                                    <div class="col-6 col-sm-4 mb-3">
                                                        <label class="form-label">Sont-elles finies ? <span class="text-primary">*</span></label>
                                                        <div>
                                                            <div class="form-check form-check-inline">
                                                                <input class="form-check-input" type="radio" name="cloisons_finies" id="cloisonEtatOui" value="1" {{ (string) old('cloisons_finies', $demande->priseCote->cloisons_finies ?? '') === '1' ? 'checked' : '' }}>
                                                                <label class="form-check-label" for="cloisonEtatOui">Oui</label>
                                                            </div>
                                                            <div class="form-check form-check-inline">
                                                                <input class="form-check-input" type="radio" name="cloisons_finies" id="cloisonEtatNon" value="0" {{ (string) old('cloisons_finies', $demande->priseCote->cloisons_finies ?? '') === '0' ? 'checked' : '' }}>
                                                                <label class="form-check-label" for="cloisonEtatNon">Non</label>
                                                            </div>
                                                        </div>
                                                        @error('cloisons_finies')
                                                        <div class="text-danger">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                    <div class="col-6 col-sm-4 mb-3">
                                                        <label class="form-label">Enduit <span class="text-primary">*</span></label>
                                                        <div>
                                                            <div class="form-check form-check-inline">
                                                                <input class="form-check-input" type="radio" name="cloisons_enduit" id="cloisonEnduitOui" value="1" {{ (string) old('cloisons_enduit', $demande->priseCote->cloisons_enduit ?? '') === '1' ? 'checked' : '' }}>
                                                                <label class="form-check-label" for="cloisonEnduitOui">Oui</label>
                                                            </div>
                                                            <div class="form-check form-check-inline">
                                                                <input class="form-check-input" type="radio" name="cloisons_enduit" id="cloisonEnduitNon" value="0" {{ (string) old('cloisons_enduit', $demande->priseCote->cloisons_enduit ?? '') === '0' ? 'checked' : '' }}>
                                                                <label class="form-check-label" for="cloisonEnduitNon">Non</label>
                                                            </div>
                                                        </div>
                                                        @error('cloisons_enduit')
                                                        <div class="text-danger">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                    <div class="col-6 col-sm-4 mb-3">
                                                        <label class="form-label">Peinture <span class="text-primary">*</span></label>
                                                        <div>
                                                            <div class="form-check form-check-inline">
                                                                <input class="form-check-input" type="radio" name="cloisons_peinture" id="cloisonPeintureOui" value="1" {{ (string) old('cloisons_peinture', $demande->priseCote->cloisons_peinture ?? '') === '1' ? 'checked' : '' }}>
                                                                <label class="form-check-label" for="cloisonPeintureOui">Oui</label>
                                                            </div>
                                                            <div class="form-check form-check-inline">
                                                                <input class="form-check-input" type="radio" name="cloisons_peinture" id="cloisonPeintureNon" value="0" {{ (string) old('cloisons_peinture', $demande->priseCote->cloisons_peinture ?? '') === '0' ? 'checked' : '' }}>
                                                                <label class="form-check-label" for="cloisonPeintureNon">Non</label>
                                                            </div>
                                                        </div>
                                                        @error('cloisons_peinture')
                                                        <div class="text-danger">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-12">
                                                        <h6>Sols</h6>
                                                    </div>
                                                    <div class="col-12 col-sm-4 mb-3">
                                                        <label class="form-label" for="solsType">Type <span class="text-primary">*</span></label>
                                                        <input type="text" class="form-control" name="sols_type" id="solsType" value="{{ old('sols_type', $demande->priseCote->sols_type ?? '') }}">
                                                        @error('sols_type')
                                                        <div class="text-danger">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                    <div class="col-6 col-sm-4 mb-3">
                                                        <label class="form-label">Finis - Posés ? <span class="text-primary">*</span></label>
                                                        <div>
                                                            <div class="form-check form-check-inline">
                                                                <input class="form-check-input" type="radio" name="sols_finis_poses" id="solsEtatOui" value="1" {{ (string) old('sols_finis_poses', $demande->priseCote->sols_finis_poses ?? '') === '1' ? 'checked' : '' }}>
                                                                <label class="form-check-label" for="solsEtatOui">Oui</label>
                                                            </div>
                                                            <div class="form-check form-check-inline">
                                                                <input class="form-check-input" type="radio" name="sols_finis_poses" id="solsEtatNon" value="0" {{ (string) old('sols_finis_poses', $demande->priseCote->sols_finis_poses ?? '') === '0' ? 'checked' : '' }}>
                                                                <label class="form-check-label" for="solsEtatNon">Non</label>
                                                            </div>
                                                        </div>
                                                        @error('sols_finis_poses')
                                                        <div class="text-danger">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                    <div class="col-6 col-sm-4 mb-3">
                                                        <label class="form-label">Chauffage au sol <span class="text-primary">*</span></label>
                                                        <div>
                                                            <div class="form-check form-check-inline">
                                                                <input class="form-check-input" type="radio" name="sols_chauffage" id="solsChauffageOui" value="1" {{ (string) old('sols_chauffage', $demande->priseCote->sols_chauffage ?? '') === '1' ? 'checked' : '' }}>
                                                                <label class="form-check-label" for="solsChauffageOui">Oui</label>
                                                            </div>
                                                            <div class="form-check form-check-inline">
                                                                <input class="form-check-input" type="radio" name="sols_chauffage" id="solsChauffageNon" value="0" {{ (string) old('sols_chauffage', $demande->priseCote->sols_chauffage ?? '') === '0' ? 'checked' : '' }}>
                                                                <label class="form-check-label" for="solsChauffageNon">Non</label>
                                                            </div>
                                                        </div>
                                                        @error('sols_chauffage')
                                                        <div class="text-danger">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                </div>

                                                <div class="row">
                                                    <div class="col-12">
                                                        <h6>Murs</h6>
                                                    </div>
                                                    <div class="col-sm-4 mb-3">
                                                        <label class="form-label" for="mursType">Type <span class="text-primary">*</span></label>
                                                        <input type="text" class="form-control" name="murs_type" id="mursType" value="{{ old('murs_type', $demande->priseCote->murs_type ?? '') }}">
                                                        @error('murs_type')
                                                        <div class="text-danger">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                    <div class="col-sm-4 mb-3">
                                                        <label class="form-label" for="mursEpaisseur">Epaisseur <span class="text-primary">*</span></label>
                                                        <input type="text" class="form-control" name="murs_epaisseur" id="mursEpaisseur" value="{{ old('murs_epaisseur', $demande->priseCote->murs_epaisseur ?? '') }}">
                                                        @error('murs_epaisseur')
                                                        <div class="text-danger">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                    <div class="col-sm-4 mb-3">
                                                        <label class="form-label">Porteurs ? <span class="text-primary">*</span></label>
                                                        <div>
                                                            <div class="form-check form-check-inline">
                                                                <input class="form-check-input" type="radio" name="murs_porteurs" id="mursPorteursOui" value="1" {{ (string) old('murs_porteurs', $demande->priseCote->murs_porteurs ?? '') === '1' ? 'checked' : '' }}>
                                                                <label class="form-check-label" for="mursPorteursOui">Oui</label>
                                                            </div>
                                                            <div class="form-check form-check-inline">
                                                                <input class="form-check-input" type="radio" name="murs_porteurs" id="mursPorteursNon" value="0" {{ (string) old('murs_porteurs', $demande->priseCote->murs_porteurs ?? '') === '0' ? 'checked' : '' }}>
                                                                <label class="form-check-label" for="mursPorteursNon">Non</label>
                                                            </div>
                                                        </div>
                                                        @error('murs_porteurs')
                                                        <div class="text-danger">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-12">
                                                        <h6>Plafonds</h6>
                                                    </div>
                                                    <div class="col-sm-4 mb-3">
                                                        <label class="form-label" for="plafondsType">Type <span class="text-primary">*</span></label>
                                                        <input type="text" class="form-control" name="plafonds_type" id="plafondsType" value="{{ old('plafonds_type', $demande->priseCote->plafonds_type ?? '') }}">
                                                        @error('plafonds_type')
                                                        <div class="text-danger">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-12">
                                                        <h6>Electricité</h6>
                                                    </div>
                                                    <div class="col-sm-4 mb-3">
                                                        <label class="form-label" for="electriciteEmplacement">Vérification emplacement <span class="text-primary">*</span></label>
                                                        <input type="text" class="form-control" name="electricite_emplacement" id="electriciteEmplacement" value="{{ old('electricite_emplacement', $demande->priseCote->electricite_emplacement ?? '') }}">
                                                        @error('electricite_emplacement')
                                                        <div class="text-danger">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-12">
                                                        <hr>
                                                        <label class="form-label" for="informationsComplementaires">Informations complémentaires</label>
                                                        <textarea class="form-control" rows="5" name="informations_complementaires" id="informationsComplementaires">{{ old('informations_complementaires', $demande->priseCote->informations_complementaires ?? '') }}</textarea>
                                                    </div>
                                                    <div class="col-12 mt-4">
                                                        <button type="submit" class="btn btn-primary">Enregistrer et générer PDF</button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>

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

                    <!-- ##### Onglets : Gestion de la facturation ##### -->
                    <div id="pv_reception" class="tab-pane {{ session('tab') === 'pv_reception' ? 'active' : '' }}">

                        <!-- ##### Prise de côtes ##### -->
                        <div class="filter cm-content-box box-primary">
                            <div class="content-title SlideToolHeader">
                                <div class="cpa">
                                    <h4>
                                        <i class="fa-solid fa-ruler"></i>
                                        PV réception
                                    </h4>
                                </div>
                                <div class="tools">
                                    <a href="javascript:void(0);" class="expand handle"><i class="fal fa-angle-down"></i></a>
                                </div>
                            </div>
                            <div class="cm-content-body form excerpt">
                                <div class="card-body">

                                    <div class="row" id="depot_pv_reception_bgb">
                                        @if($documentsLuc['pv_reception'])
                                            <ul class="list-style-1 block">
                                                <li>
                                                    <div>
                                                        <label class="form-label mb-0 me-2"><i class="fa-solid fa-file"></i> Nom du fichier :</label>
                                                        <span class="font-w500">{{ $documentsLuc['pv_reception']->nom_fichier }}</span>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div>
                                                        <label class="form-label mb-0 me-2"><i class="fa-solid fa-hourglass-start"></i> Date de dépôt :</label>
                                                        <span class="font-w500">{{ $documentsLuc['pv_reception']->created_at->format('d/m/Y H:i') }}</span>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div>
                                                        <label class="form-label mb-0 me-2"><i class="fa-solid fa-user"></i> Déposé par :</label>
                                                        <span class="font-w500">{{ $documentsLuc['pv_reception']->user->name }}</span>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div>
                                                        <a class="btn btn-outline-primary mt-2"
                                                           href="{{ route('document.show', ['idDemande' => $demande->id, 'filename' => $documentsLuc['pv_reception']->nom_fichier]) }}"
                                                           target="_blank" data-pdf="true">
                                                            <i class="fa-solid fa-magnifying-glass"></i> Voir
                                                        </a>
                                                        <a class="btn btn-outline-primary mt-2"
                                                           href="{{ route('document.download', ['idDemande' => $demande->id, 'filename' => $documentsLuc['pv_reception']->nom_fichier]) }}">
                                                            <i class="fa-solid fa-download"></i> Télécharger
                                                        </a>
                                                    </div>
                                                </li>
                                            </ul>
                                        @else
                                            <p class="text-muted">Aucun PV de réception déposé.</p>
                                        @endif
                                    </div>

                                    <div class="row my-5">
                                        <div class="col-12">
                                            <h5 class="mb-3">Option 1 : Déposer le PDF complété</h5>
                                            <div class="compose-content">
                                                <!-- Ajout d'un attribut data-id pour identifier chaque devis -->
                                                <div class="dropzone dropzone-previews dropzone-custom"
                                                     data-url="{{ route('uploadDocument.global') }}"
                                                     data-type="depot_pv_reception_bgb"
                                                     data-id-demande="{{ $demande->id }}">
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row my-5">
                                        <div class="col-12">
                                            <h5 class="mb-3">Compléter le formulaire pour générer un PDF</h5>

                                            <form action="{{ route('demandeDetails.updatePVReception', ['id' => $demande->id]) }}" method="POST">
                                                @csrf
                                                <div class="row">
                                                    <div class="col-sm-6 mb-3">
                                                        <label class="form-label">Maître d'Ouvrage</label>
                                                        <input type="text" name="maitre_ouvrage" class="form-control" required value="{{ old('maitre_ouvrage', $demande->pvReception->maitre_ouvrage ?? '') }}">
                                                    </div>

                                                    <div class="col-sm-6 mb-3">
                                                        <label class="form-label">Travaux relatifs</label>
                                                        <input type="text" name="travaux_relatifs" class="form-control" required value="{{ old('travaux_relatifs', $demande->pvReception->travaux_relatifs ?? '') }}">
                                                    </div>

                                                    <div class="col-12 mb-3">
                                                        <label class="form-label">Déclare que :</label>
                                                        <br>
                                                        <!-- Sans réserve -->
                                                        <div class="form-check form-check-inline">
                                                            <input class="form-check-input" type="radio" name="etat_reception" id="etatSansReserve" value="sans_reserve" {{ old('etat_reception', $demande->pvReception->etat_reception ?? '') === 'sans_reserve' ? 'checked' : '' }}>
                                                            <label class="form-check-label" for="etatSansReserve">
                                                                La réception est prononcée sans réserve avec effet en date du
                                                            </label>
                                                            <input class="datepicker-default form-control" name="date_reception_sans_reserve" value="{{ old('date_reception_sans_reserve', isset($demande->pvReception->date_reception_sans_reserve) ? \Carbon\Carbon::parse($demande->pvReception->date_reception_sans_reserve)->format('d/m/Y') : '') }}">
                                                        </div>
                                                        <br>
                                                        <!-- Avec réserve -->
                                                        <div class="form-check form-check-inline mt-2">
                                                            <input class="form-check-input" type="radio" name="etat_reception" id="etatAvecReserve" value="avec_reserve" {{ old('etat_reception', $demande->pvReception->etat_reception ?? '') === 'avec_reserve' ? 'checked' : '' }}>
                                                            <label class="form-check-label" for="etatAvecReserve">
                                                                La réception est prononcée avec effet en date du
                                                            </label>
                                                            <input class="datepicker-default form-control" name="date_reception_avec_reserve" value="{{ old('date_reception_avec_reserve', isset($demande->pvReception->date_reception_avec_reserve) ? \Carbon\Carbon::parse($demande->pvReception->date_reception_avec_reserve)->format('d/m/Y') : '') }}">
                                                        </div>
                                                        <br>
                                                        <!-- Refusée -->
                                                        <div class="form-check mt-2">
                                                            <input class="form-check-input" type="radio" name="etat_reception" id="etatRefusee" value="refusee" {{ old('etat_reception', $demande->pvReception->etat_reception ?? '') === 'refusee' ? 'checked' : '' }}>
                                                            <label class="form-check-label" for="etatRefusee">
                                                                La réception est refusée
                                                            </label>
                                                        </div>

                                                        <!-- Différée -->
                                                        <div class="form-check mt-2">
                                                            <input class="form-check-input" type="radio" name="etat_reception" id="etatDifferee" value="differee" {{ old('etat_reception', $demande->pvReception->etat_reception ?? '') === 'differee' ? 'checked' : '' }}>
                                                            <label class="form-check-label" for="etatDifferee">
                                                                La réception est différée pour les motifs suivants :
                                                            </label>
                                                            <textarea class="form-control mt-2" name="motif_differe" rows="3">{{ old('motif_differe', $demande->pvReception->motif_differe ?? '') }}</textarea>
                                                        </div>
                                                    </div>

                                                    <div class="col-12"><hr></div>

                                                    <div class="col-12 mb-3">
                                                        <label class="form-label">Nature des réserves</label>
                                                        <textarea name="nature_reserve" class="form-control" rows="3">{{ old('nature_reserve', $demande->pvReception->nature_reserve ?? '') }}</textarea>
                                                    </div>

                                                    <div class="col-12 mb-3">
                                                        <label class="form-label">Travaux à exécuter</label>
                                                        <textarea name="travaux_a_executer" class="form-control" rows="3">{{ old('travaux_a_executer', $demande->pvReception->travaux_a_executer ?? '') }}</textarea>
                                                    </div>

                                                    <div class="col-12"><hr></div>

                                                    <div class="col-sm-6 mb-3">
                                                        <label class="form-label">Délai d'exécution</label>
                                                        <input type="text" name="delai_execution" class="form-control" value="{{ old('delai_execution', $demande->pvReception->delai_execution ?? '') }}">
                                                    </div>

                                                    <div class="col-12"><hr></div>

                                                    <div class="col-sm-6 mb-3">
                                                        <label class="form-label">Fait à</label>
                                                        <input type="text" name="lieu_signature" class="form-control" value="{{ old('lieu_signature', $demande->pvReception->lieu_signature ?? '') }}">
                                                    </div>

                                                    <div class="col-6 mb-3">
                                                        <label class="form-label">Le</label>
                                                        <input class="datepicker-default form-control" name="date_signature" value="{{ old('date_signature', isset($demande->pvReception->date_signature) ? \Carbon\Carbon::parse($demande->pvReception->date_signature)->format('d/m/Y') : '') }}">
                                                    </div>

                                                    <div class="col-6 col-sm-3 mb-3">
                                                        <label class="form-label">Nombre exemplaire</label>
                                                        <input type="number" name="nombre_exemplaire" class="form-control" min="1" value="{{ old('nombre_exemplaire', $demande->pvReception->nombre_exemplaire ?? 2) }}">
                                                    </div>

                                                    <div class="col-sm-12 mt-4">
                                                        <button type="submit" class="btn btn-primary">Enregistrer et générer PDF</button>
                                                    </div>
                                                </div>
                                            </form>

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

                        <div class="filter cm-content-box box-primary">
                            <div class="content-title SlideToolHeader">
                                <div class="cpa">
                                    <h4>
                                        <i class="fa-solid fa-ruler"></i>
                                        PV réception Signé
                                    </h4>
                                </div>
                                <div class="tools">
                                    <a href="javascript:void(0);" class="expand handle"><i class="fal fa-angle-down"></i></a>
                                </div>
                            </div>
                            <div class="cm-content-body form excerpt">
                                <div class="card-body">

                                    <div class="row">
                                        <div class="col-5">
                                            <h5 class="mb-3">Déposer le PDF Signé</h5>
                                            <div class="compose-content">
                                                <!-- Ajout d'un attribut data-id pour identifier chaque devis -->
                                                <div class="dropzone dropzone-previews dropzone-custom"
                                                     data-url="{{ route('uploadDocument.global') }}"
                                                     data-type="depot_pv_reception_signe"
                                                     data-id-demande="{{ $demande->id }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-7" id="depot_pv_reception_signe">
                                            @if($documentsLuc['pv_reception_signe'])
                                                <ul class="list-style-1 block">
                                                    <li>
                                                        <div>
                                                            <label class="form-label mb-0 me-2"><i class="fa-solid fa-user"></i> Nom du fichier :</label>
                                                            <span class="font-w500">{{ $documentsLuc['pv_reception_signe']->nom_fichier }}</span>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div>
                                                            <label class="form-label mb-0 me-2"><i class="fa-solid fa-hourglass-start"></i> Date de dépôt :</label>
                                                            <span class="font-w500">{{ $documentsLuc['pv_reception_signe']->created_at->format('d/m/Y H:i') }}</span>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div>
                                                            <a class="btn btn-outline-primary mt-2"
                                                               href="{{ route('document.show', ['idDemande' => $demande->id, 'filename' => $documentsLuc['pv_reception_signe']->nom_fichier]) }}"
                                                               target="_blank" data-pdf="true">
                                                                <i class="fa-solid fa-magnifying-glass"></i> Voir
                                                            </a>
                                                            <a class="btn btn-outline-primary mt-2"
                                                               href="{{ route('document.download', ['idDemande' => $demande->id, 'filename' => $documentsLuc['pv_reception_signe']->nom_fichier]) }}">
                                                                <i class="fa-solid fa-download"></i> Télécharger
                                                            </a>
                                                        </div>
                                                    </li>
                                                </ul>
                                            @else
                                                <p class="text-muted">Aucun PV de réception signé déposé.</p>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                    <!-- ##### Onglets : Gestion des documents ##### -->
                    <div id="gestion-document" class="tab-pane">
                        <div class="filter cm-content-box box-primary">
                            <div class="content-title SlideToolHeader">
                                <div class="cpa">
                                    <h4>
                                        <i class="fa-solid fa-paperclip"></i>&nbsp;
                                        Dépot de fichier
                                    </h4>
                                </div>
                                <div class="tools">
                                    <a href="javascript:void(0);" class="expand handle"><i class="fal fa-angle-down"></i></a>
                                </div>
                            </div>
                            <div class="cm-content-body form excerpt">
                                <div class="card-body">
                                    <div class="compose-content mb-5">
                                        <!-- Ajout d'un attribut data-id pour identifier chaque devis -->
                                        <div class="dropzone dropzone-previews dropzone-custom"
                                             data-url="{{ route('uploadDocument.global') }}"
                                             data-type="depot_doc_bgb"
                                             data-id-demande="{{ $demande->id }}">
                                        </div>
                                    </div>

                                    <div class="table-responsive">
                                        <table class="table table-responsive-md">
                                            <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>Nom fichier</th>
                                                <th>Date création</th>
                                                <th>Déposé par</th>
                                                <th>Actions</th>
                                            </tr>
                                            </thead>
                                            <tbody id="depot_doc_bgb">
                                            @if($demande->docsDeposes->isNotEmpty())
                                                @foreach($demande->docsDeposes as $index => $document)
                                                    <tr id="document-row-{{ $document->id }}">
                                                        <td><strong>{{ $index + 1 }}</strong></td>
                                                        <td>{{ $document->nom_fichier }}</td>
                                                        <td>{{ $document->created_at->format('d/m/Y H:i') }}</td>
                                                        <td>{{ $document->user->name }}</td>
                                                        <td>
                                                            <a class="btn btn-outline-primary mt-2"
                                                               href="{{ route('document.show', ['idDemande' => $demande->id, 'filename' => $document->nom_fichier]) }}"
                                                               target="_blank" data-pdf="true">
                                                                <i class="fa-solid fa-magnifying-glass"></i> Voir
                                                            </a>
                                                            <a class="btn btn-outline-primary mt-2"
                                                               href="{{ route('document.download', ['idDemande' => $demande->id, 'filename' => $document->nom_fichier]) }}">
                                                                <i class="fa-solid fa-download"></i> Télécharger
                                                            </a>
                                                            <button class="btn btn-outline-danger mt-2 delete-document"
                                                                    data-document-id="{{ $document->id }}"
                                                                    data-demande-id="{{ $demande->id }}">
                                                                <i class="fa-solid fa-trash"></i> Supprimer
                                                            </button>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @else
                                                <tr>
                                                    <td colspan="4" class="text-center">Aucun document déposé</td>
                                                </tr>
                                            @endif
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                    <!-- ##### Onglets : Estimation de Pose ##### -->
                    <div id="estimation-pose" class="tab-pane">

                        <div class="card">
                            <div class="card-body">
                                <ul class="nav nav-pills light">
                                    @foreach($demande->estimations as $index => $estimation)
                                        <li class="nav-item">
                                            <a href="#estimation-{{ $estimation->id_poseEstimationBGB }}"
                                               class="nav-link {{ $loop->first ? 'active' : '' }}"
                                               data-bs-toggle="tab">
                                                Estimation {{ $index + 1 }} - Devis {{ $estimation->ref_demandeBGB }}
                                            </a>
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>

                        <div class="tab-content">
                            @foreach($demande->estimations as $index => $estimation)
                                <div id="estimation-{{ $estimation->id_poseEstimationBGB }}"
                                     class="tab-pane {{ $loop->first ? 'active' : '' }}">

                                    <div class="row">
                                        <div class="col-md-12">
                                            <!-- ##### Estimation de pose ##### -->
                                            <div class="filter cm-content-box box-primary">
                                                <div class="content-title SlideToolHeader">
                                                    <div class="cpa">
                                                        <h4>
                                                            <i class="fa-solid fa-euro-sign"></i> &nbsp;
                                                            Estimation de pose devis {{ $estimation->id_prospectBGB }}-{{ $estimation->ref_demandeBGB }}
                                                        </h4>
                                                    </div>
                                                    <div class="tools">
                                                        <a href="javascript:void(0);" class="expand handle">
                                                            <i class="fal fa-angle-down"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="cm-content-body form excerpt">
                                                    <div class="card-body">
                                                        <div class="table-responsive">
                                                            <table class="table table-responsive-md">
                                                                <thead>
                                                                <tr>
                                                                    <th style="width:80px;">#</th>
                                                                    <th>Produits</th>
                                                                    <th>Petites Quincaillerie</th>
                                                                    <th>Déplacements</th>
                                                                    <th>Réception / Manutention</th>
                                                                    <th>Prise de côtes</th>
                                                                    <th>Compléments</th>
                                                                </tr>
                                                                </thead>
                                                                <tbody>
                                                                <tr>
                                                                    <td><strong>{{ $index + 1 }}</strong></td>
                                                                    <td>{{ number_format($estimation->produits_total_ht, 2, ',', ' ') }} €</td>

                                                                    <td>
                                                                        {{ number_format($estimation->quincaillerie_total_ht, 2, ',', ' ') }} €
                                                                    </td>

                                                                    <td>
                                                                        {{ number_format($estimation->pose_dechet_total_ht, 2, ',', ' ') }} €
                                                                    </td>

                                                                    <td>
                                                                        @if($estimation->has_reception_manutention)
                                                                            {{ number_format($estimation->reception_manutention_total_ht, 2, ',', ' ') }} €
                                                                        @endif
                                                                    </td>

                                                                    <td>
                                                                        @if($estimation->has_prise_cote)
                                                                            @if($estimation->has_majoration_reception == 0)
                                                                                <b class="text-success"><i class="fa-solid fa-check"></i> OFFERT</b>
                                                                            @else
                                                                                {{ number_format($estimation->prise_cote_total_ht, 2, ',', ' ') }} €
                                                                            @endif
                                                                        @endif
                                                                    </td>

                                                                    <td>
                                                                        @if($estimation->complements->isNotEmpty())
                                                                            {{ number_format($estimation->complement_total_ht, 2, ',', ' ') }} €
                                                                        @endif
                                                                    </td>
                                                                </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>

                                                        <div class="row justify-content-end">
                                                            <div class="col-6">
                                                                <div class="table-responsive">
                                                                    <table class="table table-striped table-bordered mb-4">
                                                                        <tbody>
                                                                        @php
                                                                            $pose_total_ttc_raw = $estimation->pose_total_ht * (1 + $estimation->tva / 100);
                                                                        @endphp
                                                                        <tr>
                                                                            <td>Total HT pose</td>
                                                                            <td class="">{{ number_format($estimation->pose_total_ht, 2, ',', ' ') }} €</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>TVA</td>
                                                                            <td class="">{{ number_format($estimation->tva, 2, ',', ' ') }} %</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Total TTC pose</td>
                                                                            <td class=""><span class="text-primary h4 fw-bold">{{ number_format($pose_total_ttc_raw, 2, ',', ' ') }} €</span></td>
                                                                        </tr>
                                                                        </tbody>
                                                                    </table>
                                                                </div>

                                                                <div class="table-responsive">
                                                                    <table class="table table-striped table-bordered mb-4">
                                                                        <tbody>
                                                                        <tr>
                                                                            <td>Total HT fourniture devis <span class="text-success fw-bold">#{{ $estimation->id_prospectBGB }}-{{ $estimation->ref_demandeBGB }}</span></td>
                                                                            <td class="">{{ number_format($estimation->devis?->total_ht ?? 0, 2, ',', ' ') }} €</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>Total TTC fourniture devis <span class="text-success fw-bold">#{{ $estimation->id_prospectBGB }}-{{ $estimation->ref_demandeBGB }}</span></td>
                                                                            <td class=""><span class="text-primary h4 fw-bold">{{ number_format($estimation->devis?->total_ttc ?? 0, 2, ',', ' ') }} €</span></td>
                                                                        </tr>
                                                                        </tbody>
                                                                    </table>
                                                                </div>

                                                                <div class="table-responsive">
                                                                    <table class="table table-striped table-bordered mb-2">
                                                                        <tbody>
                                                                        <tr>
                                                                            <td class="fw-bold">Total HT fourniture + pose</td>
                                                                            <td class="">{{ number_format($estimation->devis?->total_ht + $estimation->pose_total_ht ?? 0, 2, ',', ' ') }} €</td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td class="fw-bold">Total TTC fourniture + pose</td>
                                                                            <td class=""><span class="text-primary h4 fw-bold">{{ number_format($estimation->devis?->total_ttc + $pose_total_ttc_raw ?? 0, 2, ',', ' ') }} €</span></td>
                                                                        </tr>
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <!-- ##### Petite quincaillerie ##### -->
                                            <div class="filter cm-content-box box-primary">
                                                <div class="content-title SlideToolHeader">
                                                    <div class="cpa">
                                                        <h4>
                                                            <i class="fa-solid fa-list"></i> &nbsp;
                                                            Petite quincaillerie
                                                        </h4>
                                                    </div>
                                                    <div class="tools">
                                                        <a href="javascript:void(0);" class="expand handle"><i class="fal fa-angle-down"></i></a>
                                                    </div>
                                                </div>
                                                <div class="cm-content-body form excerpt">
                                                    <div class="card-body">
                                                        <div class="table-responsive">
                                                            <table class="table table-responsive-md">
                                                                <thead>
                                                                <tr>
                                                                    <th>Forfait</th>
                                                                    <th>Quantité</th>
                                                                    <th>Ouvertures</th>
                                                                    <th>Type cloison</th>
                                                                    <th>Total HT</th>
                                                                </tr>
                                                                </thead>
                                                                <tbody>
                                                                <tr>
                                                                    <td><strong>{{ number_format($estimation->forfait_unitaire_ht_quincaillerie, 2, ',', ' ') }} €</strong></td>
                                                                    <td>{{ $estimation->quantite }}</td>
                                                                    <td>{{ $estimation->ouverture }}</td>
                                                                    <td>{{ $estimation->type_cloison }}</td>
                                                                    <td><span class="text-primary h4 fw-bold">{{ number_format($estimation->quincaillerie_total_ht, 2, ',', ' ') }} €</span></td>
                                                                </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <!-- ##### Déplacement pose / déchets ##### -->
                                            <div class="filter cm-content-box box-primary">
                                                <div class="content-title SlideToolHeader">
                                                    <div class="cpa">
                                                        <h4>
                                                            <i class="fa-solid fa-list"></i> &nbsp;
                                                            Déplacement pose / déchets
                                                        </h4>
                                                    </div>
                                                    <div class="tools">
                                                        <a href="javascript:void(0);" class="expand handle"><i class="fal fa-angle-down"></i></a>
                                                    </div>
                                                </div>
                                                <div class="cm-content-body form excerpt">
                                                    <div class="card-body">
                                                        <div class="table-responsive">
                                                            <table class="table table-responsive-md">
                                                                <thead>
                                                                <tr>
                                                                    <th>Forfait</th>
                                                                    <th>Quantité</th>
                                                                    <th>Difficulté accès</th>
                                                                    <th>Distance du siège</th>
                                                                    <th>Total HT</th>
                                                                </tr>
                                                                </thead>
                                                                <tbody>
                                                                <tr>
                                                                    <td><strong>{{ number_format($estimation->forfait_ht_deplacement, 2, ',', ' ') }} €</strong></td>
                                                                    <td>{{ $estimation->quantite }}</td>
                                                                    <td>{{ $estimation->difficulte_acces }}</td>
                                                                    <td>{{ $estimation->zone_pose_dechet }}</td>
                                                                    <td><span class="text-primary h4 fw-bold">{{ number_format($estimation->pose_dechet_total_ht, 2, ',', ' ') }} €</span></td>
                                                                </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <!-- ##### Manutention / Reception ##### -->
                                            @if($estimation->has_reception_manutention)
                                                <div class="filter cm-content-box box-primary">
                                                    <div class="content-title SlideToolHeader">
                                                        <div class="cpa">
                                                            <h4>
                                                                <i class="fa-solid fa-list"></i> &nbsp;
                                                                Manutention / Réception
                                                            </h4>
                                                        </div>
                                                        <div class="tools">
                                                            <a href="javascript:void(0);" class="expand handle"><i class="fal fa-angle-down"></i></a>
                                                        </div>
                                                    </div>
                                                    <div class="cm-content-body form excerpt">
                                                        <div class="card-body">
                                                            <div class="table-responsive">
                                                                <table class="table table-responsive-md">
                                                                    <thead>
                                                                    <tr>
                                                                        <th>Forfait</th>
                                                                        <th>Quantité</th>
                                                                        <th>Etage</th>
                                                                        <th>Total HT</th>
                                                                    </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                    <tr>
                                                                        <td><strong>{{ number_format($estimation->forfait_ht_dechet + $estimation->forfait_unitaire_ht_reception_manutention, 2, ',', ' ') }} €</strong></td>
                                                                        <td>{{ $estimation->quantite }}</td>
                                                                        <td>{{ $estimation->etage }}</td>
                                                                        <td><span class="text-primary h4 fw-bold">{{ number_format($estimation->reception_manutention_total_ht, 2, ',', ' ') }} €</span></td>
                                                                    </tr>
                                                                    </tbody>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif


                                            <!-- ##### Déplacement prise de cotes ##### -->
                                            @if($estimation->has_prise_cote)
                                                <div class="filter cm-content-box box-primary">
                                                    <div class="content-title SlideToolHeader">
                                                        <div class="cpa">
                                                            <h4>
                                                                <i class="fa-solid fa-list"></i> &nbsp;
                                                                Déplacement prise de cotes
                                                            </h4>
                                                        </div>
                                                        <div class="tools">
                                                            <a href="javascript:void(0);" class="expand handle"><i class="fal fa-angle-down"></i></a>
                                                        </div>
                                                    </div>
                                                    <div class="cm-content-body form excerpt">
                                                        <div class="card-body">
                                                            <div class="table-responsive">
                                                                <table class="table table-responsive-md">
                                                                    <thead>
                                                                    <tr>
                                                                        <th>Forfait</th>
                                                                        <th>Quantité</th>
                                                                        <th>Distance du siège</th>
                                                                        <th>Ouvertures cintrées/voutées</th>
                                                                        <th>Total HT</th>
                                                                    </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                    <tr>
                                                                        <td><strong>{{ number_format($estimation->forfait_ht_prise_cote, 2, ',', ' ') }} €</strong></td>
                                                                        <td>{{ $estimation->quantite }}</td>
                                                                        <td>{{ $estimation->zone_cote }}</td>
                                                                        <td>
                                                                            @if($estimation->has_ouverture_cintree_voutee)
                                                                                Oui
                                                                            @else
                                                                                Non
                                                                            @endif
                                                                        </td>
                                                                        <td>
                                                                            @if($estimation->has_majoration_reception == 0)
                                                                                <b class="text-success"><i class="fa-solid fa-check"></i> OFFERT</b>
                                                                            @else
                                                                                <span class="text-primary h4 fw-bold">{{ number_format($estimation->prise_cote_total_ht, 2, ',', ' ') }} €</span>
                                                                            @endif
                                                                        </td>
                                                                    </tr>
                                                                    </tbody>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif


                                            <!-- ##### Liste des Produits ##### -->
                                            <div class="filter cm-content-box box-primary">
                                                <div class="content-title SlideToolHeader">
                                                    <div class="cpa">
                                                        <h4>
                                                            <i class="fa-solid fa-list"></i> &nbsp;
                                                            Liste des Produits
                                                        </h4>
                                                    </div>
                                                    <div class="tools">
                                                        <a href="javascript:void(0);" class="expand handle"><i class="fal fa-angle-down"></i></a>
                                                    </div>
                                                </div>
                                                <div class="cm-content-body form excerpt">
                                                    <div class="card-body">
                                                        <div class="table-responsive">
                                                            <table class="table table-responsive-md">
                                                                <thead>
                                                                <tr>
                                                                    <th style="width:80px;">#</th>
                                                                    <th>Produits</th>
                                                                    <th>Matière</th>
                                                                    <th>Limites dimensionnelles</th>
                                                                    <th>Total HT</th>
                                                                </tr>
                                                                </thead>
                                                                <tbody>
                                                                @foreach($estimation->produits as $produit)
                                                                    <tr>
                                                                        <td>{{ $loop->iteration }}</td>
                                                                        <td>{{ $produit->produit }}</td>
                                                                        <td>{{ $produit->matiere }}</td>
                                                                        <td>{{ $produit->limite_dimensionnelle }}</td>
                                                                        <td><b>{{ number_format($produit->produit_total_ht, 2, ',', ' ') }} €</b></td>
                                                                    </tr>
                                                                @endforeach
                                                                <tr>
                                                                    <td colspan="4" class="border-white"></td>
                                                                    <td class="border-white"><span class="text-primary h4 fw-bold">{{ $estimation->produits_total_ht }} €</span></td>
                                                                </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <!-- ##### Liste des Compléments ##### -->
                                            <div class="filter cm-content-box box-primary">
                                                <div class="content-title SlideToolHeader">
                                                    <div class="cpa">
                                                        <h4>
                                                            <i class="fa-solid fa-list"></i> &nbsp;
                                                            Liste des Compléments
                                                        </h4>
                                                    </div>
                                                    <div class="tools">
                                                        <a href="javascript:void(0);" class="expand handle"><i class="fal fa-angle-down"></i></a>
                                                    </div>
                                                </div>
                                                <div class="cm-content-body form excerpt">
                                                    <div class="card-body">
                                                        <div class="table-responsive">
                                                            <table class="table table-responsive-md">
                                                                <thead>
                                                                <tr>
                                                                    <th style="width:80px;">#</th>
                                                                    <th>Complément</th>
                                                                    <th>Total HT</th>
                                                                </tr>
                                                                </thead>
                                                                <tbody>
                                                                @foreach($estimation->complements as $index => $complement)
                                                                    <tr>
                                                                        <td>{{ $index + 1 }}</td>
                                                                        <td>{{ $complement->complement }}</td>
                                                                        <td>{{ number_format($complement->total_ht, 2, ',', ' ') }} €</td>
                                                                    </tr>
                                                                @endforeach
                                                                <tr>
                                                                    <td colspan="2" class="border-white"></td>
                                                                    <td class="border-white"><span class="text-primary h4 fw-bold">{{ $estimation->complement_total_ht }} €</span></td>
                                                                </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>

                    </div>
                </div>


                <!-- Modal -->
                <div class="modal fade bd-example-modal-xl" id="schemasModal">
                    <div class="modal-dialog modal-xl modal-dialog-centered" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title">Liste des schémas</h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal">
                                </button>
                            </div>
                            <div class="modal-body">
                                <div class="table-responsive">
                                    <table class="table table-hover table-responsive-sm">
                                        <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Commercial</th>
                                            <th>Nom du Fichier</th>
                                            <th>Date de dépôt</th>
                                            <th>Actions</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($demande->schemas as $index => $schema)
                                            <tr>
                                                <th>{{ $index + 1 }}</th>
                                                <td>{{ $schema->utilisateur }}</td>
                                                <td>{{ $schema->nom_pdf }}</td>
                                                <td>{{ $schema->date_upload ? $schema->date_upload->format('d/m/Y H:i') : 'Non renseigné' }}</td>
                                                <td>
                                                    <a class="btn btn-outline-primary btn-sm mb-2" href="{{ $schema->display_url }}" target="_blank" data-pdf="true">
                                                        <i class="fa-solid fa-magnifying-glass"></i> Voir
                                                    </a>
                                                    <a class="btn btn-outline-primary btn-sm mb-2" href="{{ $schema->download_url }}" download>
                                                        <i class="fa-solid fa-download"></i> Télécharger
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-danger light" data-bs-dismiss="modal">Fermer</button>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Modal -->
                <div class="modal fade bd-example-modal-xl" id="documentsModal">
                    <div class="modal-dialog modal-xl modal-dialog-centered" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title">Liste des documents</h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal">
                                </button>
                            </div>
                            <div class="modal-body">
                                <div class="table-responsive">
                                    <table class="table table-hover table-responsive-sm">
                                        <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Commercial</th>
                                            <th>Nom du Fichier</th>
                                            <th>Date de dépôt</th>
                                            <th>Actions</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($demande->documents as $index => $document)
                                            <tr>
                                                <th>{{ $index + 1 }}</th>
                                                <td>{{ $document->utilisateur }}</td>
                                                <td>{{ $document->nom_pdf }}</td>
                                                <td>{{ $document->date_upload ? $document->date_upload->format('d/m/Y H:i') : 'Non renseigné' }}</td>
                                                <td>
                                                    <a class="btn btn-outline-primary btn-sm mb-2" href="{{ $document->display_url }}" target="_blank" data-pdf="true">
                                                        <i class="fa-solid fa-magnifying-glass"></i> Voir
                                                    </a>
                                                    <a class="btn btn-outline-primary btn-sm mb-2" href="{{ $document->download_url }}" download>
                                                        <i class="fa-solid fa-download"></i> Télécharger
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-danger light" data-bs-dismiss="modal">Fermer</button>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

            <div class="col-xl-3">
                <div class="right-sidebar-sticky">

                    <!-- ##### Infos Clients ##### -->
                    <div class="filter cm-content-box box-primary">
                        <div class="content-title SlideToolHeader">
                            <div class="cpa">
                                Client - {{ $demande->client->nom ?? 'Non renseigné' }} {{ $demande->client->prenom ?? 'Non renseigné' }}
                            </div>
                            <div class="tools">
                                <a href="javascript:void(0);" class="expand handle"><i class="fal fa-angle-down"></i></a>
                            </div>
                        </div>
                        <div class="cm-content-body publish-content form excerpt">
                            <div class="card-body py-3">
                                <ul class="list-style-1 block">
                                    <li>
                                        <div>
                                            <label class="form-label mb-0 me-2">
                                                <i class="fa-solid fa-phone"></i>
                                                Tel :
                                            </label>
                                            <span class="font-w500">
                                                {{ $demande->client->telephone ? preg_replace("/(..)(?=(..)+$)/", "$1 ", $demande->client->telephone) : '-' }}
                                            </span>
                                        </div>
                                    </li>
                                    <li>
                                        <div>
                                            <label class="form-label mb-0 me-2">
                                                <i class="fa-solid fa-envelope"></i>
                                                Mail :
                                            </label>
                                            <span class="font-w500">
                                                {{ $demande->client->email ?? 'Non renseigné' }}
                                            </span>
                                        </div>
                                    </li>
                                    <li class="border-bottom-0">
                                        <div>
                                            <label class="form-label mb-0 me-2">
                                                <i class="fa-solid fa-location-dot"></i>
                                                Adresse :
                                            </label>
                                            <span class="font-w500">
                                                {{ $demande->client->adresse ?? 'Non renseigné' }}, {{ $demande->client->cp ?? 'Non renseigné' }} {{ $demande->client->ville ?? 'Non renseigné' }}<br>
                                            </span>
                                            <a class="btn btn-outline-primary mt-2" href="https://maps.google.com/?q={{ $demande->client->adresse . ', ' . $demande->client->cp . ' ' . $demande->client->ville }}" target="_blank"><i class="fa-solid fa-location-dot"></i> Maps</a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <!-- ##### Documents Projets ##### -->
                    <div class="filter cm-content-box box-primary">
                        <div class="content-title SlideToolHeader">
                            <div class="cpa">
                                Documents
                            </div>
                            <div class="tools">
                                <a href="javascript:void(0);" class="expand handle"><i class="fal fa-angle-down"></i></a>
                            </div>
                        </div>
                        <div class="cm-content-body publish-content form excerpt">
                            <div class="card-body py-3">
                                @if($bdcBGB)
                                    <a class="btn btn-primary btn-sm mb-2" href="{{ $bdcBGB->display_url }}" target="_blank">
                                        <i class="fa-solid fa-magnifying-glass"></i> BDC BGB
                                    </a>
                                    <a class="btn btn-primary btn-sm mb-2" href="{{ $bdcBGB->download_url }}}" download>
                                        <i class="fa-solid fa-download"></i> BDC BGB
                                    </a>
                                    <br>
                                @endif
                                <button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#documentsModal"><i class="fa-solid fa-folder-open"></i> Documents</button>
                                <button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#schemasModal"><i class="fa-solid fa-folder-open"></i> Schémas</button>
                            </div>
                        </div>
                    </div>

                    <!-- ##### Infos Projet ##### -->
                    <div class="filter cm-content-box box-primary">
                        <div class="content-title SlideToolHeader collapse">
                            <div class="cpa">
                                Projet #{{ $demande->id }} @if($demande->commercial?->nom) - {{ substr($demande->commercial?->nom, 0, 1) }}. {{ $demande->commercial?->prenom }}@endif
                            </div>
                            <div class="tools">
                                <a href="javascript:void(0);" class="collapse handle"><i class="fal fa-angle-down"></i></a>
                            </div>
                        </div>
                        <div class="cm-content-body publish-content form excerpt" style="display: none;">
                            <div class="card-body py-3">
                                <ul class="list-style-1 block">
                                    <li>
                                        <div>
                                            <label class="form-label mb-0 me-2">
                                                <i class="fa-solid fa-hourglass-start"></i>
                                                Délai de pose :
                                            </label>
                                            <span class="font-w500">
                                                {{ $demande->pose?->delai }}
                                            </span>
                                        </div>
                                    </li>
                                    <li>
                                        <div>
                                            <label class="form-label mb-0 me-2">
                                                <i class="fa-solid fa-house"></i>
                                                Habitation :
                                            </label>
                                            <span class="font-w500">
                                                {{ $demande->typeHabitation?->libelle }}
                                            </span>
                                        </div>
                                    </li>
                                    <li>
                                        <div>
                                            <label class="form-label mb-0 me-2">
                                                <i class="fa-solid fa-hammer"></i>
                                                Construction :
                                            </label>
                                            <span class="font-w500">
                                                {{ $demande->typeConstruction?->libelle }}
                                            </span>
                                        </div>
                                    </li>
                                    <li>
                                        <div>
                                            <label class="form-label mb-0 me-2">
                                                <i class="fa-solid fa-stairs"></i>
                                                Etage :
                                            </label>
                                            <span class="font-w500">
                                                {{ $demande->etage }}
                                            </span>
                                        </div>
                                    </li>
                                    <li>
                                        <div>
                                            <label class="form-label mb-0 me-2">
                                                <i class="fa-brands fa-accessible-icon"></i>
                                                Accessibilité :
                                            </label>
                                            <span class="font-w500">
                                                {{ $demande->accessibilite }}
                                            </span>
                                        </div>
                                    </li>
                                    <li class="border-bottom-0">
                                        <div>
                                            <label class="form-label mb-0 me-2">
                                                <i class="fa-solid fa-comment"></i>
                                                Commentaire :
                                            </label>
                                            <span class="font-w500">
                                                {{ $demande->commentaire }}
                                            </span>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection


@push('scripts')
    <script src="{{ asset('/assets/vendor/bootstrap-select/dist/js/bootstrap-select.min.js') }}"></script>
    <script src="{{ asset('/assets/vendor/bootstrap-datepicker-master/js/bootstrap-datepicker.min.js') }}"></script>
    <script src="{{ asset('/assets/js/datepicker-config.js') }}"></script>
    <script src="{{ asset('/assets/js/dashboard/cms.js') }}"></script>


    <!-- ck-editor -->
    <script src="{{ asset('/assets/vendor/ckeditor/ckeditor.js') }}"></script>

    <!-- dropzone -->
    <script src="{{ asset('/assets/vendor/dropzone/dist/dropzone.js') }}"></script>
    <script src="{{ asset('/assets/js/dropzone-config.js') }}"></script>

    <script>
        //Affichage de champs cachées dans PV Reception
        document.addEventListener("DOMContentLoaded", function () {
            const radios = document.querySelectorAll('input[name="etat_reception"]');
            const dateSansReserve = document.querySelector('input[name="date_reception_sans_reserve"]');
            const dateAvecReserve = document.querySelector('input[name="date_reception_avec_reserve"]');
            const motifDiffere = document.querySelector('textarea[name="motif_differe"]');

            // Fonction pour masquer tous les champs
            function hideAllFields() {
                dateSansReserve.style.display = "none";
                dateAvecReserve.style.display = "none";
                motifDiffere.style.display = "none";
            }

            // Fonction pour afficher le champ en fonction de la sélection
            function handleRadioChange(e) {
                hideAllFields();
                const value = e.target ? e.target.value : e; // e est soit un event soit une valeur
                switch (value) {
                    case "sans_reserve":
                        dateSansReserve.style.display = "block";
                        break;
                    case "avec_reserve":
                        dateAvecReserve.style.display = "block";
                        break;
                    case "differee":
                        motifDiffere.style.display = "block";
                        break;
                }
            }

            // Init
            hideAllFields();

            radios.forEach(radio => {
                radio.addEventListener("change", handleRadioChange);
                // Si un radio est déjà coché au chargement => on simule le clic
                if (radio.checked) {
                    handleRadioChange(radio.value);
                }
            });
        });

        document.addEventListener("DOMContentLoaded", function () {
            document.querySelectorAll(".delete-document").forEach(button => {
                button.addEventListener("click", function () {
                    let documentId = this.getAttribute("data-document-id");
                    let demandeId = this.getAttribute("data-demande-id");
                    let row = document.getElementById(`document-row-${documentId}`);

                    if (!documentId || !demandeId) {
                        console.error("❌ Données manquantes pour la suppression !");
                        return;
                    }

                    if (!confirm("Êtes-vous sûr de vouloir supprimer ce document ?")) return;

                    fetch(`/document/destroy/${demandeId}/${documentId}`, {
                        method: "DELETE",
                        headers: {
                            "X-CSRF-TOKEN": document.querySelector('meta[name="csrf-token"]').getAttribute("content"),
                            "Content-Type": "application/json"
                        },
                    })
                        .then(response => response.json())
                        .then(data => {
                            if (data.success) {
                                console.log("✅ Document supprimé !");
                                if (row) {
                                    row.remove(); // Suppression immédiate de la ligne
                                } else {
                                    console.error("❌ Impossible de supprimer la ligne HTML (élément introuvable).");
                                }
                            } else {
                                console.error("❌ Erreur lors de la suppression :", data.error);
                                alert("Erreur lors de la suppression du document.");
                            }
                        })
                        .catch(error => {
                            console.error("❌ Erreur AJAX :", error);
                        });
                });
            });
        });

        // Sauvegarde de la date en BDD de la dernière date d'envoie du devis
        $(document).ready(function () {
            $(".update-send-date").change(function () {
                let inputField = $(this);
                let demandeId = inputField.data("id-demande"); // Récupérer l'ID de la demande
                let devisId = inputField.data("id-devis"); // Récupérer l'ID du devis
                let sendDate = inputField.val(); // Récupérer la date saisie
                let updateUrl = inputField.data("url"); // URL de mise à jour

                console.log(inputField);
                console.log(demandeId);
                console.log(devisId);
                console.log(sendDate);
                console.log(updateUrl);

                // Vérifier si une date est bien renseignée
                if (sendDate.trim() === "") {
                    return;
                }

                $.ajax({
                    url: updateUrl,
                    type: "POST",
                    data: {
                        _token: $('meta[name="csrf-token"]').attr('content'),
                        demande_id: demandeId,
                        devis_id: devisId,
                        date_devis_envoi: sendDate
                    },
                    success: function (response) {
                        if (response.success) {
                            toastr.success("Date d'envoi mise à jour.", "Succès", {
                                closeButton: true,
                                progressBar: true,
                                positionClass: "toast-top-right",
                                timeOut: 5000
                            });
                        } else {
                            toastr.error("Une erreur est survenue.");
                        }
                    },
                    error: function (xhr, status, error) {
                        console.log("Erreur AJAX:", xhr.responseText);
                        toastr.error("Erreur de connexion avec le serveur.");
                    }
                });
            });
        });

        document.addEventListener("DOMContentLoaded", function() {
            const isStandalone = window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone;

            // Sélectionne tous les liens vers les PDF
            const pdfLinks = document.querySelectorAll('a[data-pdf="true"]');

            pdfLinks.forEach(link => {
                if (isStandalone) {
                    // Si en PWA, ouvre dans la même fenêtre
                    link.setAttribute('target', '_self');
                } else {
                    // Sinon, ouvre dans un nouvel onglet
                    link.setAttribute('target', '_blank');
                }
            });
        });
    </script>
    <script>
        $(document).ready(function () {
            $(".js-data-client").select2({
                width: "100%",
                placeholder: "Rechercher un client",
                ajax: {
                    url: "{{ route('clients.search') }}",
                    dataType: 'json',
                    delay: 250,
                    data: function (params) {
                        return {
                            term: params.term
                        };
                    },
                    processResults: function (data) {
                        return {
                            results: data.results
                        };
                    },
                    cache: true
                }
            });

            // Quand on sélectionne un client → pré-remplir les champs
            $(".js-data-client").on('select2:select', function (e) {
                const client = e.params.data.data;

                $('#nom').val(client.nom);
                $('#prenom').val(client.prenom);
                $('#email').val(client.email);
                $('#telephone').val(client.telephone);
                $('#societe').val(client.societe);
                $('#adresse').val(client.adresse);
                $('#ville').val(client.ville);
                $('#code_postal').val(client.cp);
                $('#client_id').val(client.id);
            });
        });
    </script>
@endpush