<?php
session_start();

define('BSPC_CRM', true);

if (!isset($_SESSION['user_id'])) {
    header('Location: login.php');
    exit;
}

require_once 'includes/db.php';
require_once __DIR__ . '/modules/bois/moteur.php';

$rdv_id = (int)($_GET['rdv_id'] ?? 0);
$lead = [];

if ($rdv_id > 0) {

if (!$lead) {
        die('Rendez-vous introuvable');
    }
}

if ($passage === 'Exterieur') {

        if (
            $conduit_existant === 'Boisseau' ||
            $conduit_existant === 'Conduit métallique' ||
            $conduit_existant === 'Tubage flexible' ||
            $conduit_existant === 'Tubage rigide'
        ) {
            $reference = ($hauteur <= 7) ? 'RBEXT-7' : 'RBEXT-10';
        } else {
            $reference = ($hauteur <= 7) ? 'VVC-EXT-7' : 'VVC-EXT-10';
        }

    } else {

        if ($type_maison === 'MPP') {

            if ($hauteur <= 5) {
                $suffixe = 'MPP-5';
            } elseif ($hauteur <= 7) {
                $suffixe = 'MPP-7';
            } else {
                $suffixe = 'MPP-9';
            }

        } elseif ($type_maison === 'MR1') {

            $suffixe = ($hauteur <= 7)
                ? 'MR1-7'
                : 'MR1-10';

        } else {

            $suffixe = ($hauteur <= 10)
                ? 'MR2-10'
                : 'MR2-15';
        }

        if (
            $conduit_existant === 'Boisseau' ||
            $conduit_existant === 'Conduit métallique' ||
            $conduit_existant === 'Tubage flexible' ||
            $conduit_existant === 'Tubage rigide'
        ) {
            $reference = 'RBA-' . $suffixe;
        } else {
            $reference = 'VVC-' . $suffixe;
        }
    }

$config = bspcRechercherConfiguration(
    $pdo,
    $reference,
    $combustible
);

if (!empty($config)) {

    $config_bspc        = $config['config_bspc'];
    $libelle_fumisterie = $config['libelle_fumisterie'];
    $prix_ht            = $config['prix_ht'];
    $main_oeuvre        = $config['main_oeuvre'];
    $mode_de_pose       = $config['mode_de_pose'];
    $typologie_maison   = $config['typologie_maison'];
    $hauteur_calculee   = $config['hauteur_calculee'];
}
}
?>

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<h1 class="titre-etude">ETUDE TECHNIQUE BSPC</h1>
<link rel="stylesheet" href="assets/css/bspc.css">
</head>

<body>

<div class="layout">

<?php include 'includes/menu.php'; ?>

<div class="main">


<form method="post">
<h2>Clients</h2>
<br>

<table style="width:100%; border-collapse:collapse;">
<tr>

<td style="width:50%; vertical-align:top; padding-right:30px;">

<label>Civilité</label><br>
<select name="civilite_1">
    <option value=""></option>
    <option value="M">Monsieur</option>
    <option value="Mme">Madame</option>
</select>
<br><br>

<label>Nom</label><br>
<input type="text" name="nom_1"
value="<?= htmlspecialchars($lead['nom'] ?? '') ?>">
<br><br>

<label>Prénom</label><br>
<input type="text" name="prenom_1"
value="<?= htmlspecialchars($lead['prenom'] ?? '') ?>">
<br><br>

<label>CSP</label><br>
<select name="csp_1">
    <option value=""></option>
    <option>Salarié</option>
    <option>Artisan</option>
    <option>Commerçant</option>
    <option>Profession libérale</option>
    <option>Retraité</option>
    <option>Rentier</option>
    <option>Sans activité</option>
</select>
<br><br>

<label>Métier</label><br>
<input type="text" name="metier_1">
<br><br>

<label>Télétravail 1</label><br>
<select name="teletravail_1">
    <option value=""></option>
    <option>Oui</option>
    <option>Non</option>
</select>
<br><br>

<label>Téléphone principal</label><br>
<input type="text" name="telephone"
value="<?= htmlspecialchars($lead['telephone'] ?? '') ?>">
<br><br>

<label>Email principal</label><br>
<input type="email" name="email"
value="<?= htmlspecialchars($lead['email'] ?? '') ?>">

</td>

<td style="width:50%; vertical-align:top;">

<label>Civilité</label><br>
<select name="civilite_2">
    <option value=""></option>
    <option value="M">Monsieur</option>
    <option value="Mme">Madame</option>
</select>
<br><br>

<label>Nom</label><br>
<input type="text" name="nom_2">
<br><br>

<label>Prénom</label><br>
<input type="text" name="prenom_2">
<br><br>

<label>CSP</label><br>
<select name="csp_2">
    <option value=""></option>
    <option>Salarié</option>
    <option>Artisan</option>
    <option>Commerçant</option>
    <option>Profession libérale</option>
    <option>Retraité</option>
    <option>Rentier</option>
    <option>Sans activité</option>
</select>
<br><br>

<label>Métier</label><br>
<input type="text" name="metier_2">
<br><br>

<label>Télétravail 2</label><br>
<select name="teletravail_2">
    <option value=""></option>
    <option>Oui</option>
    <option>Non</option>
</select>
<br><br>

<label>Téléphone secondaire</label><br>
<input type="text" name="telephone_secondaire">
<br><br>

<label>Email secondaire</label><br>
<input type="email" name="email_secondaire">

</td>

</tr>
</table>

<br>

<label>Adresse principale</label><br>
<textarea name="adresse" rows="3" style="width:100%;"><?= htmlspecialchars($lead['adresse'] ?? '') ?></textarea>

<br><br>

<div style="display:flex; gap:20px; align-items:end;">

    <div>
        <label>Code postal</label><br>
        <input type="text" name="cp"
        value="<?= htmlspecialchars($lead['code_postal'] ?? '') ?>">
    </div>

    <div>
        <label>Ville</label><br>
        <input type="text" name="ville"
        value="<?= htmlspecialchars($lead['ville'] ?? '') ?>">
    </div>

    <div>
        <label>Adresse chantier différente</label><br>
        <select name="adresse_chantier_diff" id="adresse_chantier_diff">
            <option value="Non">Non</option>
            <option value="Oui">Oui</option>
        </select>
    </div>

</div>

<br>

<div id="bloc_chantier" style="display:none;">

    <label>Adresse chantier</label><br>
    <textarea name="adresse_chantier" rows="3" style="width:100%;"></textarea>

    <br><br>

    <div style="display:flex; gap:20px;">

        <div>
            <label>Code postal chantier</label><br>
            <input type="text" name="cp_chantier">
        </div>

        <div>
            <label>Ville chantier</label><br>
            <input type="text" name="ville_chantier">
        </div>

    </div>

</div>

<h2>Composition Familiale</h2>

<br>

<div style="display:flex; gap:20px; align-items:end;">

    <div>
        <label>Situation familiale</label><br>
        <select name="situation_familiale">
            <option value=""></option>
            <option>Célibataire</option>
            <option>Marié(e)</option>
            <option>Pacsé(e)</option>
            <option>Concubinage</option>
            <option>Divorcé(e)</option>
            <option>Veuf(ve)</option>
        </select>
    </div>

    <div>
        <label>Nombre d'occupants</label><br>
        <input type="number" name="nb_occupants">
    </div>

    <div>
        <label>Nombre d'enfants</label><br>
        <input type="number" name="nb_enfants">
    </div>

</div>

<br><br>

<label>Observations composition familiale</label><br>
<textarea name="obs_famille" rows="3" style="width:100%;"></textarea>

<br><br>

<h2>Habitation</h2>
<br>

<h2>Identité du bien</h2>
<br>

<table style="width:100%; border-collapse:collapse;">
<tr>

<td style="width:50%; vertical-align:top; padding-right:30px;">

<label>Type de Bien</label><br>
<select name="type_bien">
    <option value=""></option>
    <option>Maison</option>
    <option>Longère</option>
    <option>Ferme</option>
    <option>Château</option>
    <option>Autres</option>
</select>

<br><br>

<label>Grenier aménagé</label><br>
<select name="grenier_amenage">
    <option value=""></option>
    <option value="0">Non</option>
    <option value="1">Oui</option>
</select>

<br><br>

<label>Type toiture</label><br>
<select name="type_toiture">
    <option value=""></option>
    <option>Tuiles</option>
    <option>Ardoises</option>
    <option>Fibrociment</option>
    <option>Bac acier</option>
    <option>Toit terrasse</option>
    <option>Chaume</option>
    <option>Autre</option>
</select>

<br><br>

<label>Monument historique</label><br>
<select name="monument_historique">
    <option value=""></option>
    <option value="0">Non</option>
    <option value="1">Oui</option>
</select>

</td>

<td style="width:50%; vertical-align:top;">

<label>Typologie</label><br>
<select name="type_maison">
    <option value=""></option>
    <option value="MPP">MPP - Maison plain-pied</option>
    <option value="MR1">MR1 - Maison R+1</option>
    <option value="MR2">MR2 - Maison R+2</option>
    <option value="MR3">MR3 - Maison R+3</option>
    <option value="MR4">MR4 - Maison R+4</option>
</select>

<br><br>

<label>Année construction</label><br>
<input type="text" name="annee_construction">

<br><br>

<label>Orientation principale</label><br>
<select name="orientation_principale">
    <option value=""></option>
    <option>Nord</option>
    <option>Nord-Est</option>
    <option>Est</option>
    <option>Sud-Est</option>
    <option>Sud</option>
    <option>Sud-Ouest</option>
    <option>Ouest</option>
    <option>Nord-Ouest</option>
</select>

<br><br>

<label>Distance monument</label><br>
<select name="distance_monument">
    <option value=""></option>
    <option value="<500">Moins de 500 m</option>
    <option value=">500">Plus de 500 m</option>
</select>

</td>

</tr>
</table>

<br>

<h2>Isolation</h2>
<br>

<table style="width:100%; border-collapse:collapse;">
<tr>

<td style="width:50%; vertical-align:top; padding-right:30px;">

<label>Isolation intérieure</label><br>
<select name="isolation_interieure">
    <option value=""></option>
    <option value="0">Non</option>
    <option value="1">Oui</option>
</select>

<br><br>

<label>Isolation prévue</label><br>
<select name="isolation_prevue">
    <option value=""></option>
    <option value="0">Non</option>
    <option value="1">Oui</option>
</select>

</td>

<td style="width:50%; vertical-align:top;">

<label>Isolation extérieure</label><br>
<select name="isolation_exterieure">
    <option value=""></option>
    <option value="0">Non</option>
    <option value="1">Oui</option>
</select>

<br><br>

<label>Année isolation</label><br>
<input type="text" name="date_isolation">

</td>

</tr>
</table>

<br>
<h2>Surfaces habitation</h2>
<br>

<table style="width:520px; border-collapse:collapse;">

<tr>
    <th style="width:160px;">Niveau</th>
    <th style="width:80px; text-align:center;">m²</th>
    <th style="width:100px; text-align:center;">À chauffer</th>
    <th style="width:90px; text-align:center;">Hauteur</th>
</tr>

<tr id="bloc_rdc">
    <td>RDC</td>

    <td style="text-align:center;">
        <input type="number" step="0.01" name="surface_rdc" style="width:65px;">
    </td>

    <td style="text-align:center;">
        <select name="chauffer_rdc" style="width:80px;">
            <option value=""></option>
            <option value="1">Oui</option>
            <option value="0">Non</option>
        </select>
    </td>

    <td style="text-align:center;">
        <input type="number" step="0.01" name="hauteur_rdc" style="width:65px;">
    </td>
</tr>

<tr id="bloc_etage_1">
    <td>Étage 1</td>

    <td style="text-align:center;">
        <input type="number" step="0.01" name="surface_etage_1" style="width:65px;">
    </td>

    <td style="text-align:center;">
        <select name="chauffer_etage_1" style="width:80px;">
            <option value=""></option>
            <option value="1">Oui</option>
            <option value="0">Non</option>
        </select>
    </td>

    <td style="text-align:center;">
        <input type="number" step="0.01" name="hauteur_etage_1" style="width:65px;">
    </td>
</tr>

<tr id="bloc_etage_2">
    <td>Étage 2</td>

    <td style="text-align:center;">
        <input type="number" step="0.01" name="surface_etage_2" style="width:65px;">
    </td>

    <td style="text-align:center;">
        <select name="chauffer_etage_2" style="width:80px;">
            <option value=""></option>
            <option value="1">Oui</option>
            <option value="0">Non</option>
        </select>
    </td>

    <td style="text-align:center;">
        <input type="number" step="0.01" name="hauteur_etage_2" style="width:65px;">
    </td>
</tr>

<tr id="bloc_etage_3">
    <td>Étage 3</td>

    <td style="text-align:center;">
        <input type="number" step="0.01" name="surface_etage_3" style="width:65px;">
    </td>

    <td style="text-align:center;">
        <select name="chauffer_etage_3" style="width:80px;">
            <option value=""></option>
            <option value="1">Oui</option>
            <option value="0">Non</option>
        </select>
    </td>

    <td style="text-align:center;">
        <input type="number" step="0.01" name="hauteur_etage_3" style="width:65px;">
    </td>
</tr>

<tr id="bloc_etage_4">
    <td>Étage 4</td>

    <td style="text-align:center;">
        <input type="number" step="0.01" name="surface_etage_4" style="width:65px;">
    </td>

    <td style="text-align:center;">
        <select name="chauffer_etage_4" style="width:80px;">
            <option value=""></option>
            <option value="1">Oui</option>
            <option value="0">Non</option>
        </select>
    </td>

    <td style="text-align:center;">
        <input type="number" step="0.01" name="hauteur_etage_4" style="width:65px;">
    </td>
</tr>

</table>
<br>

<h2>Dimensionnement</h2>
<br>

<table style="width:100%; border-collapse:collapse;">
<tr>

<td style="width:50%; vertical-align:top; padding-right:30px;">

<label>Surface pièces de jour (m²)</label><br>
<input type="number" step="0.01" name="surface_piece_jour">

<br><br>

</td>

<td style="width:50%; vertical-align:top;">

<label>Surface pièces de nuit (m²)</label><br>
<input type="number" step="0.01" name="surface_piece_nuit">

</td>

</tr>
</table>
<br>

<h2>Calculs CRM</h2>
<br>

<table style="width:100%; border-collapse:collapse;">
<tr>

<td style="width:50%; vertical-align:top; padding-right:30px;">

<label>Surface habitable totale (m²)</label><br>
<input type="number"
       step="0.01"
       name="surface_habitable_totale"
       readonly
       style="background:#dff0d8;">

<br><br>

<label>Surface chauffée totale (m²)</label><br>
<input type="number"
       step="0.01"
       name="surface_chauffee_totale"
       readonly
       style="background:#dff0d8;">

</td>

<td style="width:50%; vertical-align:top;">

<label>Surface non chauffée totale (m²)</label><br>
<input type="number"
       step="0.01"
       name="surface_non_chauffee_totale"
       readonly
       style="background:#dff0d8;">

<br><br>

<label>Volume chauffé total (m³)</label><br>
<input type="number"
       step="0.01"
       name="volume_total_m3"
       readonly
       style="background:#dff0d8;">

</td>

</tr>
</table>

<br>
<h2>Chauffage actuel</h2>
<br>

<table style="width:100%; border-collapse:collapse;">
<tr>

<td style="width:50%; vertical-align:top; padding-right:30px;">

<label>Chauffage actuel 1</label><br>
<select name="chauffage_actuel_1">
    <option value=""></option>
    <option>Radiateurs Électriques</option>
    <option>PAC Air/Air</option>
    <option>PAC Air/Eau</option>
    <option>Poêle Bois</option>
    <option>Poêle Granulés</option>
    <option>Insert Bois</option>
    <option>Insert Granulés</option>
    <option>Chaudière Bois</option>
    <option>Chaudière Granulés</option>
    <option>Chaudière Fioul</option>
    <option>Chaudière Gaz</option>
    <option>Géothermie</option>
    <option>Foyer Ouvert</option>
    <option>Cuisinière Bois</option>
    <option>Autre</option>
</select>

<br><br>

<label>Énergie actuelle 1</label><br>
<select name="energie_actuelle_1">
    <option value=""></option>
    <option>Fioul</option>
    <option>Gaz</option>
    <option>Électricité</option>
    <option>Bois</option>
    <option>Granulés</option>
    <option>Géothermie</option>
    <option>Autre</option>
</select>

<br><br>

<label>Facture énergétique mensuelle (€)</label><br>
<input type="number"
       step="0.01"
       name="Facture_énergétique_mensuelle">

</td>

<td style="width:50%; vertical-align:top;">

<label>Chauffage actuel 2</label><br>
<select name="chauffage_actuel_2">
    <option value=""></option>
    <option>Radiateurs Électriques</option>
    <option>PAC Air/Air</option>
    <option>PAC Air/Eau</option>
    <option>Poêle Bois</option>
    <option>Poêle Granulés</option>
    <option>Insert Bois</option>
    <option>Insert Granulés</option>
    <option>Chaudière Bois</option>
    <option>Chaudière Granulés</option>
    <option>Chaudière Fioul</option>
    <option>Chaudière Gaz</option>
    <option>Géothermie</option>
    <option>Foyer Ouvert</option>
    <option>Cuisinière Bois</option>
    <option>Autre</option>
</select>

<br><br>

<label>Énergie actuelle 2</label><br>
<select name="energie_actuelle_2">
    <option value=""></option>
    <option>Fioul</option>
    <option>Gaz</option>
    <option>Électricité</option>
    <option>Bois</option>
    <option>Granulés</option>
    <option>Géothermie</option>
    <option>Autre</option>
</select>

</td>

</tr>
</table>

<br>

<h2>Conduit existant</h2>
<br>

<table style="width:100%; border-collapse:collapse;">
<tr>

<td style="width:50%; vertical-align:top; padding-right:30px;">

<label>Conduit existant</label><br>
<select name="conduit_existant">
    <option value=""></option>
    <option>Aucun</option>
    <option>Conduit métallique</option>
    <option>Boisseau</option>
    <option>Tubage flexible</option>
    <option>Tubage rigide</option>
</select>

<br><br>

<label>Diamètre conduit</label><br>
<select name="diametre_conduit_existant">
    <option value=""></option>
    <option>150</option>
    <option>200</option>
    <option>250</option>
    <option>300</option>
    <option>Autre</option>
</select>

<br><br>

<label>Hauteur installation</label><br>
<select name="hauteur_installation">
    <option value=""></option>
    <option>&lt;3 m</option>
    <option>3 à 4 m</option>
    <option>4 à 5 m</option>
    <option>5 à 6 m</option>
    <option>6 à 7 m</option>
    <option>7 à 10 m</option>
    <option>&gt;10 m</option>
</select>

</td>

<td style="width:50%; vertical-align:top;">

<label>Air comburant</label><br>
<select name="air_comburant_existant">
    <option value=""></option>
    <option>Pas besoin</option>
    <option>Existant</option>
    <option>À créer</option>
</select>

<br><br>

<label>Nature du mur</label><br>
<select name="nature_mur">
    <option value=""></option>
    <option>Parpaing</option>
    <option>Pierre</option>
    <option>Brique</option>
    <option>Béton</option>
    <option>Ossature bois</option>
    <option>Autre</option>
</select>

<br><br>

<label>Épaisseur du mur</label><br>
<select name="epaisseur_mur">
    <option value=""></option>
    <option>&lt;20 cm</option>
    <option>20 cm</option>
    <option>30 cm</option>
    <option>40 cm</option>
    <option>&gt;40 cm</option>
</select>

</td>

</tr>
</table>

<br>


<h2>Besoins Client</h2>
<br>

<div style="display:flex; gap:30px; align-items:end; flex-wrap:wrap;">

    <div>
        <label>Type de projet</label><br>
        <select name="type_projet">
            <option value=""></option>
            <option value="Poele_Bois">Poêle Bois</option>
            <option value="Poele_Granules">Poêle Granulés</option>
            <option value="Poele_Mixte">Poêle Mixte</option>
            <option value="Insert_Bois">Insert Bois</option>
            <option value="Insert_Granules">Insert Granulés</option>
            <option value="Chaudiere_Bois">Chaudière Bois</option>
            <option value="Chaudiere_Granules">Chaudière Granulés</option>
            <option value="Chaudiere_Mixte">Chaudière Mixte</option>
            <option value="Cuisiniere_Bois">Cuisinière Bois</option>
            <option value="Cuisiniere_Granules">Cuisinière Granulés</option>
        </select>
    </div>

    <div>
        <label>Emplacement prévu</label><br>
        <select name="emplacement_prevu">
            <option value=""></option>
            <option>Cheminée</option>
            <option>Contre un mur extérieur</option>
            <option>Contre un mur intérieur</option>
            <option>Angle de pièce</option>
            <option>Centre de pièce</option>
        </select>
    </div>

    <div>
        <label>Objectif principal</label><br>
        <select name="objectif_client">
            <option value=""></option>
            <option value="Confort">Confort</option>
            <option value="Economies_Energie">Économies d'énergie</option>
            <option value="Remplacement_Appareil">Remplacement appareil</option>
            <option value="Esthetique">Esthétique</option>
        </select>
    </div>

    <div>
        <label>Budget client estimé (€)</label><br>
        <input type="number" name="budget_client">
    </div>

    <div>
        <label>Combustible retenu</label><br>
        <select name="combustible">
            <option value=""></option>
            <option value="Bois">Bois</option>
            <option value="Granules">Granulés</option>
            <option value="Mixte">Mixte</option>
        </select>
    </div>

    <div>
        <label>Passage conduit</label><br>
        <select name="souhait_passage_conduit">
            <option value=""></option>
            <option value="Interieur">Intérieur</option>
            <option value="Exterieur">Extérieur</option>
         </select>
     </div>

      <div>
        <label>Wifi</label><br>
        <select name="wifi">
            <option value=""></option>
            <option value="Oui">Oui</option>
            <option value="Non">Non</option>
        </select>
    </div>

</div>
<br>

<label>Observations client</label>
<br>

<textarea name="observations_client" rows="4" style="width:100%;"></textarea>

<?php if (!empty($config_bspc)) : ?>
<div style="padding:15px;border:2px solid #28a745;background:#f4fff4;margin-top:20px;">
    <strong>Configuration BSPC calculée :</strong><br>
    <?= htmlspecialchars($config_bspc) ?>
</div>
<?php endif; ?>

<h2 style="margin-top:30px;">PRÉSENTATION PROJET BSPC</h2>

<div style="padding:15px; border:2px solid #287a45; background:#f4fff4; margin:15px 0 30px 0;">
    Au vu de la configuration de votre habitation, de son volume à chauffer
    et des contraintes relevées lors de notre visite, BSPC a identifié les
    solutions techniques compatibles suivantes :
</div>


<h3 style="color:#287a45; margin-bottom:15px;">Solutions techniques possibles</h3>

<div style="display:flex; gap:30px; flex-wrap:wrap; margin-bottom:35px;">

    <div>
        <label>Solution n°1</label><br>
        <input type="text" name="solution_1" style="width:250px;">
    </div>

    <div>
        <label>Solution n°2</label><br>
        <input type="text" name="solution_2" style="width:250px;">
    </div>

    <div>
        <label>Solution n°3</label><br>
        <input type="text" name="solution_3" style="width:250px;">
    </div>

</div>


<h3 style="color:#287a45; margin-bottom:15px;">Produit retenu</h3>

<div style="display:flex; gap:25px; flex-wrap:wrap; margin-bottom:35px;">

    <div>
        <label>Marque</label><br>
        <input type="text" name="marque_retenue" style="width:160px;">
    </div>

    <div>
        <label>Modèle</label><br>
        <input type="text" name="modele_retenu" style="width:160px;">
    </div>

    <div>
        <label>Puissance</label><br>
        <input type="text" name="puissance_retenue" style="width:120px;">
    </div>

    <div>
        <label>Énergie</label><br>
        <input type="text" name="energie_retenue" style="width:120px;">
    </div>

    <div>
        <label>Couleur / Finition</label><br>
        <input type="text" name="finition_retenue" style="width:160px;">
    </div>

</div>


<h3 style="color:#287a45; margin-bottom:15px;">Installation recommandée</h3>

<div style="display:flex; gap:25px; flex-wrap:wrap; margin-bottom:35px;">

    <div>
        <label>Mode de pose</label><br>
        <input type="text" name="configuration_retenue" readonly style="width:160px;">
    </div>

    <div>
        <label>Typologie habitation</label><br>
        <input type="text" name="typologie_habitation" readonly style="width:160px;">
    </div>

    <div>
        <label>Hauteur fumisterie</label><br>
        <input type="text" name="hauteur_installation_projet" readonly style="width:160px;">
    </div>

    <div>
        <label>Air comburant</label><br>
        <input type="text" name="air_comburant_projet" readonly style="width:160px;">
    </div>

    <div>
        <label>Canalisation</label><br>
        <input type="text" name="canalisation_projet" readonly style="width:160px;">
    </div>

</div>


<h3 style="color:#287a45; margin-bottom:15px;">Prestations complémentaires</h3>

<div style="display:flex; gap:30px; flex-wrap:wrap; margin-bottom:35px;">

    <input type="text" value="Visite technique" readonly>
    <input type="text" value="Livraison" readonly>
    <input type="text" value="Pose" readonly>
    <input type="text" value="Mise en service" readonly>
    <input type="text" value="Gestion administrative" readonly>

</div>


<h3 style="color:#287a45; margin-bottom:15px;">Budget Projet</h3>

<table style="width:650px; margin-bottom:35px;">

<tr style="height:35px;">
    <td style="width:250px;">Matériel</td>
    <td><input type="text" name="budget_materiel" readonly></td>
</tr>

<tr style="height:35px;">
    <td>Fumisterie</td>
    <td><input type="text" name="budget_fumisterie" readonly></td>
</tr>

<tr style="height:35px;">
    <td>Main d'oeuvre</td>
    <td><input type="text" name="budget_main_oeuvre" readonly></td>
</tr>

<tr style="height:35px;">
    <td>Options</td>
    <td><input type="text" name="budget_options" readonly></td>
</tr>

</table>


<h3 style="color:#287a45; margin-bottom:15px;">Totaux</h3>

<table style="width:650px; margin-bottom:35px;">

<tr style="height:35px;">
    <td style="width:250px;">Total HT</td>
    <td><input type="text" name="total_ht" readonly></td>
</tr>

<tr style="height:35px;">
    <td>TVA 5,5 %</td>
    <td><input type="text" name="tva_55" readonly></td>
</tr>

<tr style="height:35px;">
    <td>TVA 10 %</td>
    <td><input type="text" name="tva_10" readonly></td>
</tr>

<tr style="height:35px;">
    <td>TVA 20 %</td>
    <td><input type="text" name="tva_20" readonly></td>
</tr>

<tr style="height:35px;">
    <td>Total TTC</td>
    <td><input type="text" name="total_ttc" readonly></td>
</tr>

</table>


<h3 style="color:#287a45; margin-bottom:15px;">Rentabilité Projet</h3>

<div style="display:flex; gap:30px; flex-wrap:wrap; margin-bottom:30px;">

    <div style="width:220px;">
        <label>Dépense énergétique actuelle</label><br>
        <input type="text" name="depense_actuelle">
    </div>

    <div style="width:220px;">
        <label>Économie estimée</label><br>
        <input type="text" name="economie_estimee" readonly>
    </div>

    <div style="width:220px;">
        <label>Délai amortissement</label><br>
        <input type="text" name="delai_amortissement" readonly>
    </div>

</div>

<label>Observations projet BSPC</label><br>

<textarea
    name="observations_projet"
    rows="4"
    style="width:100%;"></textarea>


<h2>Choix Client</h2>

<label>Décision du client</label><br>
<select name="decision_client">
    <option value=""></option>
    <option value="Accepte">Accepté</option>
    <option value="Reflexion">En réflexion</option>
    <option value="Refuse">Refusé</option>
</select>

<br><br>

<label>Appareil choisi</label><br>
<input type="text" name="appareil_choisi">

<br><br>

<label>Finition / Couleur choisie</label><br>
<input type="text" name="finition_choisie">

<br><br>

<label>Option(s) retenue(s)</label><br>
<textarea name="options_retenues"
rows="4"
style="width:100%;"></textarea>

<br><br>

<label>Contrat d'entretien souscrit</label><br>
<select name="contrat_entretien">
    <option value=""></option>
    <option value="Oui">Oui</option>
    <option value="Non">Non</option>
</select>

<br><br>

<label>Financement demandé</label><br>
<select name="financement">
    <option value=""></option>
    <option value="Oui">Oui</option>
    <option value="Non">Non</option>
</select>

<br><br>

<label>Date prévisionnelle de décision</label><br>
<input type="date" name="date_decision">

<br><br>

<label>Commentaires choix client</label>
<br><br>

<textarea name="commentaires_choix_client"
rows="4"
style="width:100%;"></textarea>


<h2>RENTABILITE PROJET</h2>

<label>Dépense énergétique annuelle actuelle (€)</label><br>
<input type="text" name="depense_energie_actuelle">

<br><br>

<label>Économie annuelle estimée (€)</label><br>
<input type="text" name="economie_estimee">

<br><br>

<label>Investissement total TTC (€)</label><br>
<input type="text" name="investissement_ttc">

<br><br>

<label>Prime ou aide estimée (€)</label><br>
<input type="text" name="montant_aides">

<br><br>

<label>Reste à charge estimé (€)</label><br>
<input type="text" name="reste_a_charge">

<br><br>

<label>Temps de retour estimé (années)</label><br>
<input type="text" name="temps_retour">

<br><br>

<label>Commentaires rentabilité</label><br>
<textarea name="commentaires_rentabilite"
rows="4"
style="width:100%;"></textarea>


<h2>VALIDATION ETUDE</h2>

<label>Commercial</label><br>
<input type="text" name="commercial">

<br><br>

<label>Date de l'étude</label><br>
<input type="date" name="date_etude">

<br><br>

<label>Décision BSPC</label><br>
<select name="decision_bspc">
    <option value=""></option>
    <option value="Valide">Validée</option>
    <option value="Complement">Complément nécessaire</option>
    <option value="Refuse">Refusée</option>
</select>

<br><br>

<label>Note technique</label><br>
<textarea name="note_technique"
rows="5"
style="width:100%;"></textarea>

<br><br>

<label>Validation technique réalisée</label><br>
<select name="validation_technique">
    <option value=""></option>
    <option value="Oui">Oui</option>
    <option value="Non">Non</option>
</select>

<br><br>

<label>Nom du technicien technique</label><br>
<input type="text" name="nom_du_technicien_technique">

<br><br>

<label>Date de validation</label><br>
<input type="date" name="date_validation">

<br><br>

<label>Autoriser la génération du Bon de Commande</label><br>
<select name="autorisation_bdc">
    <option value=""></option>
    <option value="Oui">Oui</option>
    <option value="Non">Non</option>
</select>

<br><br>

<button type="submit">
Enregistrer l'étude technique
</button>



</form>

</div>

</div>
<script>
const adresseDiff = document.getElementById('adresse_chantier_diff');
const blocChantier = document.getElementById('bloc_chantier');

function gererChantier() {
    if (adresseDiff.value === 'Oui') {
        blocChantier.style.display = 'block';
    } else {
        blocChantier.style.display = 'none';
    }
}

adresseDiff.addEventListener('change', gererChantier);
gererChantier();

/* ==========================================================
   BLOC 3 - GESTION DE LA TYPOLOGIE
   ========================================================== */

function majTypologie(){

    const type = document.querySelector('[name="type_maison"]').value;

    document.getElementById("bloc_rdc").style.display = "";

    document.getElementById("bloc_etage_1").style.display = "none";
    document.getElementById("bloc_etage_2").style.display = "none";
    document.getElementById("bloc_etage_3").style.display = "none";
    document.getElementById("bloc_etage_4").style.display = "none";

    if(type==="MR1"){
        document.getElementById("bloc_etage_1").style.display="";
    }

    if(type==="MR2"){
        document.getElementById("bloc_etage_1").style.display="";
        document.getElementById("bloc_etage_2").style.display="";
    }

    if(type==="MR3"){
        document.getElementById("bloc_etage_1").style.display="";
        document.getElementById("bloc_etage_2").style.display="";
        document.getElementById("bloc_etage_3").style.display="";
    }

if(type==="MR4"){
    document.getElementById("bloc_etage_1").style.display="";
    document.getElementById("bloc_etage_2").style.display="";
    document.getElementById("bloc_etage_3").style.display="";
    document.getElementById("bloc_etage_4").style.display="";
}

calculSurfaces();

}

/* ==========================================================
   BLOC 3 - CALCUL DES SURFACES
   ========================================================== */

function calculSurfaces(){

    let habitable = 0;
    let chauffee = 0;

    const niveaux = [
        "rdc",
        "etage_1",
        "etage_2",
        "etage_3",
        "etage_4"
    ];

    niveaux.forEach(function(niveau){

        const ligne = document.getElementById("bloc_" + niveau);

        if(ligne && ligne.style.display != "none"){

            const surface = parseFloat(document.querySelector('[name="surface_' + niveau + '"]').value) || 0;

            habitable += surface;

            const chauffe = document.querySelector('[name="chauffer_' + niveau + '"]').value;

            if(chauffe == "1"){
                chauffee += surface;
            }

        }

    });

    /* ---------- Grenier aménagé ---------- */

    const grenier = document.querySelector('[name="grenier_amenage"]');

    if(grenier && grenier.value=="1"){

        const surfaceGrenier =
            parseFloat(document.querySelector('[name="surface_grenier"]').value) || 0;

        habitable += surfaceGrenier;

        const chauffeGrenier =
            document.querySelector('[name="chauffer_grenier"]').value;

        if(chauffeGrenier=="1"){
            chauffee += surfaceGrenier;
        }

    }

    document.querySelector('[name="surface_habitable_totale"]').value =
        habitable.toFixed(2);

    document.querySelector('[name="surface_chauffee_totale"]').value =
        chauffee.toFixed(2);

    document.querySelector('[name="surface_non_chauffee_totale"]').value =
        (habitable - chauffee).toFixed(2);

    const hauteur =
        parseFloat(document.querySelector('[name="hauteur_plafond"]').value) || 0;

    document.querySelector('[name="volume_total_m3"]').value =
        (chauffee * hauteur).toFixed(2);

}
    document.querySelector('[name="type_maison"]').addEventListener('change', majTypologie);

    majTypologie();

</script>
</body>
</html>
