| Current File : /home/digitaw/Ycof/.history/habitation_20230608163441.php |
<?php
include 'menu.php';
?>
<?php
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
require_once 'configuration.php';
$habitation = $_POST['habitation'];
$Situationdurisque = $_POST['situation'];
$Constructionsetcouvertures = $_POST['construction'];
$valeurbatiment = $_POST['batiment'];
$valeurcontenu = $_POST['contenue'];
}
?>
<style>
@media only screen and (max-width: 600px) {
#numero{margin-left: 19%;}
}
</style>
<link rel="stylesheet" href="css/voyag.css">
<body>
<!-- Page Header End -->
<div class="container-fluid page-header4 mb-5 wow fadeIn" style="margin-top: 100px;" data-wow-delay="0.1s">
<div class="container">
</div>
</div>
<!--Service Start -->
<div class="container-xxl service py-5" style="margin-top: 25px;">
<div class="container">
<div class="text-center mx-auto wow fadeInUp" data-wow-delay="0.1s" style="max-width: 700px;">
<h1 class="display-5 mb-2" id="entete_ass">Description</h1>
<p class="mb-5">Elle vous permet d'être indemnisé en cas de sinistre survenu dans votre habitation.
Elle couvre le bâtiment et son contenu ainsi que le « recours des voisins et des tiers » contre
l’occupant en cas d’incendie et dégâts des eaux.
Outre les risques Incendie, Dégâts des eaux et « Recours des voisins et des tiers », l’Assurance
Habitation couvre :
</p>
</div>
<div class="row g-4 wow fadeInUp" data-wow-delay="0.3s" style="margin-left:5%">
<div class="col-lg-5">
<div class="nav nav-pills d-flex justify-content-between w-100 h-100 me-4">
<button class="nav-link w-100 d-flex align-items-center text-start border p-3 mb-4 active"
data-bs-toggle="pill" data-bs-target="#tab-pane-1" type="button">
<h5 class="m-0"><i class="fa fa-bars text-primary me-3"></i>La Responsabilité Civile (RC)
</h5>
</button>
<button class="nav-link w-100 d-flex align-items-center text-start border p-3 mb-4"
data-bs-toggle="pill" data-bs-target="#tab-pane-2" type="button">
<h5 class="m-0"><i class="fa fa-bars text-primary me-3"></i>Bris de Glaces</h5>
</button>
<button class="nav-link w-100 d-flex align-items-center text-start border p-3 mb-4"
data-bs-toggle="pill" data-bs-target="#tab-pane-3" type="button">
<h5 class="m-0"><i class="fa fa-bars text-primary me-3"></i>Vol/Vandalisme </h5>
</button>
</div>
</div>
<div class="col-lg-7">
<div class="tab-content w-100">
<div class="tab-pane fade show active" id="tab-pane-1">
<div class="row g-4">
<div class="col-md-10 shadow-sm p-3" id="cadre">
<h3 class="mb-2 text-primary">La Responsabilité Civile (RC)</h3>
<p class="mb-4">
C’est la seule garantie obligatoire. Elle couvre la responsabilité du
propriétaire du véhicule assuré,
ou toute autre personne ayant la garde même non autorisée du véhicule.
La RC couvre les dommages corporels et matériels que le véhicule assuré pourrait
causer à un tiers.</p>
<p><i class="fa fa-check text-primary me-3"></i></p>
<p><i class="fa fa-check text-primary me-3"></i></p>
<p><i class="fa fa-check text-primary me-3"></i></p>
</div>
</div>
</div>
<div class="tab-pane fade" id="tab-pane-2">
<div class="row g-4">
<div class="col-md-10 shadow p-3" id="cadre">
<h3 class="mb-2 text-primary">Bris de Glaces</h3>
<p class="mb-4">Elle couvre la réparation ou le remplacement des parties vitrées du
véhicule assuré quel que soit la cause du dommage (projection de cailloux,
accident avec un autre véhicule).</p>
<p><i class="fa fa-check text-primary me-3"></i></p>
<p><i class="fa fa-check text-primary me-3"></i> </p>
<p><i class="fa fa-check text-primary me-3"></i></p>
</div>
</div>
</div>
<div class="tab-pane fade" id="tab-pane-3">
<div class="row g-4">
<div class="col-md-10 shadow p-3" id="cadre">
<h3 class="mb-2 text-primary">Vol/Vandalisme</h3>
<p class="mb-4">Elle couvre les dommages résultant de la détérioration de la maison
par
la suite d’un vol ou d’une tentative de vol.</p>
<p><i class="fa fa-check text-primary me-3"></i></p>
<p><i class="fa fa-check text-primary me-3"></i></p>
<p><i class="fa fa-check text-primary me-3"></i></p>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<div class="wrapper shadow p-4">
<div class="header" id="numero" id="num2">
<ul>
<li class="active form_1_progessbar">
<div>
<p>1</p>
</div>
</li>
<li class="form_2_progessbar">
<div>
<p>2</p>
</div>
</li>
<li class="form_4_progessbar">
<div>
<p>3</p>
</div>
</li>
</ul>
</div>
<form method="POST" id="send_habitation">
<div class="form_wrap">
<div class="form_1 data_info">
<h3>Habitation</h3>
<select class="form-select" name="habitation" aria-label="Default select example"
id="habitation" onchange="validatehabitation()">
<option></option>
<option value="Appartement">Appartement</option>
<option value="Studio ">Studio </option>
<option value="villa ">villa </option>
</select>
<b id="habitation-error"></b>
<div class="input_wrap">
<label for="situation">Situation du risque :</label>
<input type="text" name="situation" id="situation" class="form-control"
oninput="validatesituation()">
<p id="situation-error"></p>
</div>
<div class="input_wrap">
<label for="construction">Constructions et couvertures en dur :</label>
<input type="text" name="construction" id="construction" class="form-control"
oninput="validateconstruction()">
<p id="construction-error"></p>
</div>
<div class="input_wrap">
<label for="batiment">Valeur du bâtiment ou du loyer mensuel :</label>
<input type="number" name="batiment" id="batiment" class="form-control"
oninput="validatevaleurbatiment()">
<p id="batiment-error"></p>
</div>
<div class="input_wrap">
<label for="contenue">Valeur du contenu (mobilier et matériel) :</label>
<input type="number" name="contenue" id="contenue" class="form-control"
oninput="validatevaleurcontenue()">
<p id="contenue-error"></p>
</div>
</div>
<div class="form_2 data_info" style="display: none;">
<div class="form_container">
<label for="garantie">Garanties:</label>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="Vols" id="flexCheckDefault"
name="vol">
<label class="form-check-label" for="flexCheckDefault">Vols</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="Dégâts des eaux"
id="flexCheckChecked" checked name="degat">
<label class="form-check-label" for="flexCheckChecked">Dégâts des eaux</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="Responsabilité civile
familiale" id="flexCheckChecked" name="responsabilite">
<label class="form-check-label" for="flexCheckChecked">Responsabilité civile
familiale</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="Incendie"
id="flexCheckChecked" name="incendie">
<label class="form-check-label" for="flexCheckChecked">Incendie </label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="Bris de glaces"
id="flexCheckChecked" name="bris">
<label class="form-check-label" for="flexCheckChecked">Bris de glaces</label>
</div>
<b id="habitation-error"></b>
<div class="input_wrap">
<label for="company">Nom : </label>
<input type="text" name="nom" id="nom" class="form-control" oninput="validateNom()">
<p id="nom-error"></p>
</div>
<div class="input_wrap">
<label for="experience">Prénom : </label>
<input type="text" name="prenom" id="prenom" class="form-control"
oninput="validatePrenom()">
<p id="prenom-error"></p>
</div>
<div class="input_wrap">
<label for="designation">Email : </label>
<input type="email" name="email" id="email" class="form-control"
oninput="validateEmail()">
<p id="email-error"></p>
</div>
<div class="input_wrap">
<label for="dat_retour">Telephone : </label>
<input type="tel" name="telephone" id="telephone" class="form-control"
oninput="validatePhone()">
<p id="telephone-error"></p>
</div>
</div>
</div>
<div class="form_3 data_info" style="display: none;">
<h3>Récapitulatif Devis</h3>
<div class="form_container">
<div class="input_wrap">
<label for="telephone">Téléphone : <b id="telephone-recap"></b></label>
</div>
<div class="input_wrap">
<label for="situation">Situation du risque : <b id="situation-recap"></b></label>
</div>
<div class="input_wrap">
<label for="contenue">Contenue :<b id="contenue-recap"></b></label>
</div>
<div class="input_wrap">
<label for="construction">Valeur de construction :<b
id="construction-recap"></b></label>
</div>
<div class="input_wrap">
<label for="batiment">Valeur du batiment :<b id="batiment-recap"></b></label>
</div>
</div>
</div>
</div>
<div class="btns_wrap">
<div class="common_btns form_1_btns">
<button type="button" class="btn_next" onclick="loadData()">Next <span
class="icon"><ion-icon name="arrow-forward-sharp"></ion-icon></span></button>
</div>
<div class="common_btns form_2_btns" style="display: none;">
<button type="button" class="btn_back"><span class="icon"><ion-icon
name="arrow-back-sharp"></ion-icon></span>Back</button>
<button type="button" class="btn_next">Next <span class="icon"><ion-icon
name="arrow-forward-sharp"></ion-icon></span></button>
</div>
<div class="common_btns form_3_btns" style="display: none;">
<button type="button" class="btn_back"><span class="icon"><ion-icon
name="arrow-back-sharp"></ion-icon></span>Back</button>
<button type="submit" class="btn_done">Envoyer</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Start -->
<?php
include 'footer.php';
?>
<script src="js/habitation1.js"></script>
</body>
</html>