<?php include 'views/head.php' ?>

<section class="eleven-section">
    <img src="img/banners/bannerSimulador.jpg" alt="" class="els-img">
    <div class="els-div2">
        <p class="els-p"><?php echo translate('simulator.hero.title'); ?></p>
        <p class="els-p2"><?php echo translate('simulator.hero.subtitle'); ?></p>
    </div>
</section>

<section class="twelve-section">
    <div class="tws-div">
        <p class="tws-p5"><?php echo translate('simulator.main.title'); ?></p>
        <img src="img/lineaVerde.png" alt="" class="tws-img3">
        <div class="row">
            <div class="col-md-6">
                <p class="tws-p3" style="margin-bottom: 25px;"><?php echo translate('simulator.main.description1'); ?></p>
                <p class="tws-p2"><?php echo translate('simulator.main.description2'); ?></p>
            </div>
            <div class="col-md-6">
                <p class="tws-p2"><?php echo translate('simulator.main.description3'); ?></p>
            </div>

        </div>

        <div class="tws-div3">
            <p class="tws-p6"><?php echo translate('simulator.main.form_intro'); ?></p>
            <div class="progress">
                <div class="progress-bar" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"><?php echo translate('simulator.main.step_indicator'); ?></div>
            </div>

            <form id="quotationForm" class="row g-3 needs-validation" novalidate enctype="multipart/form-data">
                <!-- PASO 1: Dimensiones del proyecto -->
                <div class="form-section">
                    <p class="simulator-p"><?php echo translate('simulator.form.step1.title'); ?></p>
                    <hr class="simulator-hr">
                    <div class="mb-3">
                        <div class="row align-items-center">
                            <div class="col-md-3">
                                <label for="storageSpace" class="form-label simulator-fl">
                                    <?php echo translate('simulator.form.step1.storage_space'); ?>
                                    <i class="bi bi-question-circle"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="<?php echo translate('simulator.form.step1.storage_space_tooltip'); ?>"
                                        style="cursor: help; font-size: 0.8em;"></i>
                                </label>
                                <input type="text" class="form-control numeric-only" id="storageSpace" name="storageSpace" placeholder="<?php echo translate('simulator.form.placeholders.storage_space'); ?>" required>
                                <div class="invalid-feedback">
                                    <?php echo translate('simulator.form.validation.storage_space'); ?>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <label for="productionSpace" class="form-label simulator-fl">
                                    <?php echo translate('simulator.form.step1.production_space'); ?>
                                    <i class="bi bi-question-circle"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="<?php echo translate('simulator.form.step1.production_space_tooltip'); ?>"
                                        style="cursor: help; font-size: 0.8em;"></i>
                                </label>
                                <input type="text" class="form-control numeric-only" id="productionSpace" name="productionSpace" placeholder="<?php echo translate('simulator.form.placeholders.production_space'); ?>" required>
                                <div class="invalid-feedback">
                                    <?php echo translate('simulator.form.validation.production_space'); ?>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <label for="mezanine" class="form-label simulator-fl">
                                    <?php echo translate('simulator.form.step1.mezanine_area'); ?>
                                    <i class="bi bi-question-circle"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="<?php echo translate('simulator.form.step1.mezanine_tooltip'); ?>"
                                        style="cursor: help; font-size: 0.8em;"></i>
                                </label>
                                <input type="text" class="form-control numeric-only" id="mezanine" name="mezanine" placeholder="<?php echo translate('simulator.form.placeholders.mezanine'); ?>" required>
                                <div class="invalid-feedback">
                                    <?php echo translate('simulator.form.validation.mezanine'); ?>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <label for="footprintWarehouse" class="form-label simulator-fl">
                                    <?php echo translate('simulator.form.step1.warehouse_area'); ?>
                                    <i class="bi bi-question-circle"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="<?php echo translate('simulator.form.step1.warehouse_tooltip'); ?>"
                                        style="cursor: help; font-size: 0.8em;"></i>
                                </label>
                                <input type="text" class="form-control numeric-only" id="footprintWarehouse" name="footprintWarehouse" placeholder="<?php echo translate('simulator.form.placeholders.warehouse'); ?>" required>
                                <div class="invalid-feedback">
                                    <?php echo translate('simulator.form.validation.warehouse'); ?>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="mb-3">
                        <div class="row align-items-center">
                            <div class="col-md-3">
                                <label for="officeSpace" class="form-label simulator-fl">
                                    <?php echo translate('simulator.form.step1.office_space'); ?>
                                    <i class="bi bi-question-circle"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="<?php echo translate('simulator.form.step1.office_tooltip'); ?>"
                                        style="cursor: help; font-size: 0.8em;"></i>
                                </label>
                                <input type="text" class="form-control numeric-only" id="officeSpace" name="officeSpace" placeholder="<?php echo translate('simulator.form.placeholders.office'); ?>" required>
                                <div class="invalid-feedback">
                                    <?php echo translate('simulator.form.validation.office'); ?>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <label for="outsideTerrain" class="form-label simulator-fl">
                                    <?php echo translate('simulator.form.step1.outside_terrain'); ?>
                                    <i class="bi bi-question-circle"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="<?php echo translate('simulator.form.step1.outside_tooltip'); ?>"
                                        style="cursor: help; font-size: 0.8em;"></i>
                                </label>
                                <input type="text" class="form-control numeric-only" id="outsideTerrain" name="outsideTerrain" placeholder="<?php echo translate('simulator.form.placeholders.outside'); ?>" required>
                                <div class="invalid-feedback">
                                    <?php echo translate('simulator.form.validation.outside'); ?>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <label for="footprintTotalSite" class="form-label simulator-fl">
                                    <?php echo translate('simulator.form.step1.total_site'); ?>
                                    <i class="bi bi-question-circle"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="<?php echo translate('simulator.form.step1.total_site_tooltip'); ?>"
                                        style="cursor: help; font-size: 0.8em;"></i>
                                </label>
                                <input type="text" class="form-control numeric-only" id="footprintTotalSite" name="footprintTotalSite" placeholder="<?php echo translate('simulator.form.placeholders.total_site'); ?>" required>
                                <div class="invalid-feedback">
                                    <?php echo translate('simulator.form.validation.total_site'); ?>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <label for="purchasePriceLand" class="form-label simulator-fl">
                                    <?php echo translate('simulator.form.step1.land_price'); ?>
                                    <i class="bi bi-question-circle"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="<?php echo translate('simulator.form.step1.land_price_tooltip'); ?>"
                                        style="cursor: help; font-size: 0.8em;"></i>
                                </label>
                                <input type="text" class="form-control numeric-only" id="purchasePriceLand" name="purchasePriceLand" placeholder="<?php echo translate('simulator.form.placeholders.land_price'); ?>" required>
                                <div class="invalid-feedback">
                                    <?php echo translate('simulator.form.validation.land_price'); ?>
                                </div>
                            </div>
                        </div>
                    </div>
                    <button type="button" class="btn btn-next next"><?php echo translate('simulator.form.buttons.next'); ?></button>
                </div>
                <!-- PASO 2: Características del almacén -->
                <div class="form-section">
                    <p class="simulator-p"><?php echo translate('simulator.form.step2.title'); ?></p>
                    <hr class="simulator-hr">
                    <div class="mb-3">
                        <div class="row align-items-center">
                            <div class="col-md-4">
                                <label for="clearHeightStorageArea" class="form-label simulator-fl">
                                    <?php echo translate('simulator.form.step2.clear_height'); ?>
                                    <i class="bi bi-question-circle"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="<?php echo translate('simulator.form.step2.clear_height_tooltip'); ?>"
                                        style="cursor: help; font-size: 0.8em;"></i>
                                </label>
                                <input type="text" class="form-control numeric-only" id="clearHeightStorageArea" name="clearHeightStorageArea" placeholder="<?php echo translate('simulator.form.placeholders.clear_height'); ?>" required>
                                <div class="invalid-feedback">
                                    <?php echo translate('simulator.form.validation.clear_height'); ?>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <label for="numberOfLoadingDocks" class="form-label simulator-fl">
                                    <?php echo translate('simulator.form.step2.loading_docks'); ?>
                                    <i class="bi bi-question-circle"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="<?php echo translate('simulator.form.step2.loading_docks_tooltip'); ?>"
                                        style="cursor: help; font-size: 0.8em;"></i>
                                </label>
                                <input type="text" class="form-control numeric-only" id="numberOfLoadingDocks" name="numberOfLoadingDocks" placeholder="<?php echo translate('simulator.form.placeholders.loading_docks'); ?>" required>
                                <div class="invalid-feedback">
                                    <?php echo translate('simulator.form.validation.loading_docks'); ?>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <label for="numberOfLoadingDoors" class="form-label simulator-fl">
                                    <?php echo translate('simulator.form.step2.loading_doors'); ?>
                                    <i class="bi bi-question-circle"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="<?php echo translate('simulator.form.step2.loading_doors_tooltip'); ?>"
                                        style="cursor: help; font-size: 0.8em;"></i>
                                </label>
                                <input type="text" class="form-control numeric-only" id="numberOfLoadingDoors" name="numberOfLoadingDoors" placeholder="<?php echo translate('simulator.form.placeholders.loading_doors'); ?>" required>
                                <div class="invalid-feedback">
                                    <?php echo translate('simulator.form.validation.loading_doors'); ?>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="mb-3">
                        <div class="row align-items-center">
                            <div class="col-md-4">
                                <label for="maxFloorLoadCapacity" class="form-label simulator-fl">
                                    <?php echo translate('simulator.form.step2.floor_capacity'); ?>
                                    <i class="bi bi-question-circle"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="<?php echo translate('simulator.form.step2.floor_capacity_tooltip'); ?>"
                                        style="cursor: help; font-size: 0.8em;"></i>
                                </label>
                                <input type="text" class="form-control numeric-only" id="maxFloorLoadCapacity" name="maxFloorLoadCapacity" placeholder="<?php echo translate('simulator.form.placeholders.floor_capacity'); ?>" required>
                                <div class="invalid-feedback">
                                    <?php echo translate('simulator.form.validation.floor_capacity'); ?>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <label for="maxFloorLoadCapacityMezanineArea" class="form-label simulator-fl">
                                    <?php echo translate('simulator.form.step2.mezanine_capacity'); ?>
                                    <i class="bi bi-question-circle"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="<?php echo translate('simulator.form.step2.mezanine_capacity_tooltip'); ?>"
                                        style="cursor: help; font-size: 0.8em;"></i>
                                </label>
                                <input type="text" class="form-control numeric-only" id="maxFloorLoadCapacityMezanine" name="maxFloorLoadCapacityMezanineArea" placeholder="<?php echo translate('simulator.form.placeholders.mezanine_capacity'); ?>" required>
                                <div class="invalid-feedback">
                                    <?php echo translate('simulator.form.validation.mezanine_capacity'); ?>
                                </div>
                            </div>
                            <div class="col-md-4 simulator-col">
                                <div>
                                    <label class="form-check-label simulator-fl" for="foundationRequired">
                                        <?php echo translate('simulator.form.step2.foundation_required'); ?>
                                        <i class="bi bi-question-circle"
                                            data-bs-toggle="tooltip"
                                            data-bs-placement="top"
                                            title="<?php echo translate('simulator.form.step2.foundation_tooltip'); ?>"
                                            style="cursor: help; font-size: 0.8em;"></i>
                                    </label>
                                    <input class="form-check-input" type="checkbox" value="yes" id="foundationRequired" name="foundationRequired">
                                </div>
                                <div>
                                    <label class="form-check-label simulator-fl" for="fireWallsAndDoors">
                                        <?php echo translate('simulator.form.step2.fire_walls'); ?>
                                        <i class="bi bi-question-circle"
                                            data-bs-toggle="tooltip"
                                            data-bs-placement="top"
                                            title="<?php echo translate('simulator.form.step2.fire_walls_tooltip'); ?>"
                                            style="cursor: help; font-size: 0.8em;"></i>
                                    </label>
                                    <input class="form-check-input" type="checkbox" value="yes" id="fireWallsAndDoors" name="fireWallsAndDoors">
                                </div>
                            </div>
                        </div>
                    </div>
                
                    <button type="button" class="btn btn-next next"><?php echo translate('simulator.form.buttons.next'); ?></button>
                </div>

                <!-- PASO 3: Servicios -->
                <div class="form-section">
                    <p class="simulator-p"><?php echo translate('simulator.form.step3.title'); ?></p>
                    <hr class="simulator-hr">
                    <div class="mb-3">
                        <div class="row align-items-center">
                            <div class="col-md-4">
                                <label for="climateControlHeating" class="form-label simulator-fl">
                                    <?php echo translate('simulator.form.step3.climate_control'); ?>
                                    <i class="bi bi-question-circle"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="<?php echo translate('simulator.form.step3.climate_tooltip'); ?>"
                                        style="cursor: help; font-size: 0.8em;"></i>
                                </label>
                                <select name="climateControlHeating" id="climateControlHeating" class="form-select" required>
                                    <option value=""><?php echo translate('simulator.form.options.select'); ?></option>
                                    <option value="HVAC"><?php echo translate('simulator.form.options.hvac'); ?></option>
                                    <option value="SWAMP coolers"><?php echo translate('simulator.form.options.swamp_coolers'); ?></option>
                                    <option value="No Air Conditioning"><?php echo translate('simulator.form.options.no_ac'); ?></option>
                                </select>
                                <div class="invalid-feedback">
                                    <?php echo translate('simulator.form.validation.climate_control'); ?>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <label for="securityGate" class="form-label simulator-fl">
                                    <?php echo translate('simulator.form.step3.security_gate'); ?>
                                    <i class="bi bi-question-circle"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="<?php echo translate('simulator.form.step3.security_gate_tooltip'); ?>"
                                        style="cursor: help; font-size: 0.8em;"></i>
                                </label>
                                <input type="text" class="form-control" id="securityGate" name="securityGate" placeholder="<?php echo translate('simulator.form.placeholders.security_gate'); ?>" required>
                                <div class="invalid-feedback">
                                    <?php echo translate('simulator.form.validation.security_gate'); ?>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label simulator-fl">
                                    <?php echo translate('simulator.form.step3.fire_protection'); ?>
                                    <i class="bi bi-question-circle"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="<?php echo translate('simulator.form.step3.fire_protection_tooltip'); ?>"
                                        style="cursor: help; font-size: 0.8em;"></i>
                                </label>
                                <select name="fireProtectionSprinkler" id="fireProtectionSprinkler" class="form-select" required>
                                    <option value=""><?php echo translate('simulator.form.options.select'); ?></option>
                                    <option value="NFPA"><?php echo translate('simulator.form.options.nfpa'); ?></option>
                                    <option value="FM"><?php echo translate('simulator.form.options.fm'); ?></option>
                                </select>
                                <div class="invalid-feedback">
                                    <?php echo translate('simulator.form.validation.fire_protection'); ?>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="mb-3">
                        <div class="row align-items-center">
                            <div class="col-md-4">
                                <label for="securityFence" class="form-label simulator-fl">
                                    <?php echo translate('simulator.form.step3.security_fence'); ?>
                                    <i class="bi bi-question-circle"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="<?php echo translate('simulator.form.step3.security_fence_tooltip'); ?>"
                                        style="cursor: help; font-size: 0.8em;"></i>
                                </label>
                                <input type="text" class="form-control" id="securityFence" name="securityFence" placeholder="<?php echo translate('simulator.form.placeholders.security_fence'); ?>" required>
                                <div class="invalid-feedback">
                                    <?php echo translate('simulator.form.validation.security_fence'); ?>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <label for="burglarAlarm" class="form-label simulator-fl">
                                    <?php echo translate('simulator.form.step3.burglar_alarm'); ?>
                                    <i class="bi bi-question-circle"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="<?php echo translate('simulator.form.step3.burglar_alarm_tooltip'); ?>"
                                        style="cursor: help; font-size: 0.8em;"></i>
                                </label>
                                <input type="text" class="form-control" id="burglarAlarm" name="burglarAlarm" placeholder="<?php echo translate('simulator.form.placeholders.burglar_alarm'); ?>" required>
                                <div class="invalid-feedback">
                                    <?php echo translate('simulator.form.validation.burglar_alarm'); ?>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label simulator-fl">
                                    <?php echo translate('simulator.form.step3.office_setting'); ?>
                                    <i class="bi bi-question-circle"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="<?php echo translate('simulator.form.step3.office_setting_tooltip'); ?>"
                                        style="cursor: help; font-size: 0.8em;"></i>
                                </label>
                                <select class="form-select" id="officeSetting" name="officeSetting" required>
                                    <option value=""><?php echo translate('simulator.form.options.select'); ?></option>
                                    <option value="Básica"><?php echo translate('simulator.form.options.basic'); ?></option>
                                    <option value="Equipada"><?php echo translate('simulator.form.options.equipped'); ?></option>
                                    <option value="Premium"><?php echo translate('simulator.form.options.premium'); ?></option>
                                </select>
                                <div class="invalid-feedback">
                                    <?php echo translate('simulator.form.validation.office_setting'); ?>
                                </div>
                            </div>
                        </div>
                    </div>
                
                    <button type="button" class="btn btn-next next"><?php echo translate('simulator.form.buttons.next'); ?></button>
                </div>

                <!-- PASO 4: Información Personal (ÚLTIMO) -->
                <div class="form-section">
                    <div class="text-center mb-4">
                        <h4 style="color: #1e1e1e; margin-top:25px"><?php echo translate('simulator.form.step4.ready_title'); ?></h4>
                        <p class="lead" style="color: #1e1e1e;"><?php echo translate('simulator.form.step4.share_data'); ?></p>
                        <p class="text-muted small" style="color: #1e1e1e !important;">
                            <i class="bi bi-shield-check me-1"></i>
                            <?php echo translate('simulator.form.step4.privacy_note'); ?>
                        </p>
                    </div>

                    <p class="simulator-p"><?php echo translate('simulator.form.step4.title'); ?></p>
                    <hr class="simulator-hr">
                    <div class="mb-3">
                        <div class="row">
                            <div class="col-md-6">
                                <label for="name" class="form-label simulator-fl">
                                    <?php echo translate('simulator.form.step4.full_name'); ?>
                                    <i class="bi bi-question-circle"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="<?php echo translate('simulator.form.step4.full_name_tooltip'); ?>"
                                        style="cursor: help; font-size: 0.8em;"></i>
                                </label>
                                <input type="text" class="form-control" id="name" name="name" placeholder="<?php echo translate('simulator.form.placeholders.name'); ?>" required>
                                <div class="invalid-feedback">
                                    <?php echo translate('simulator.form.validation.name'); ?>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <label for="email" class="form-label simulator-fl">
                                    <?php echo translate('simulator.form.step4.email'); ?>
                                    <i class="bi bi-question-circle"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="<?php echo translate('simulator.form.step4.email_tooltip'); ?>"
                                        style="cursor: help; font-size: 0.8em;"></i>
                                </label>
                                <input type="email" class="form-control" id="email" name="email" placeholder="<?php echo translate('simulator.form.placeholders.email'); ?>" pattern="[a-z0-9._%+\-]+@[a-z0-9.\-]+\.[a-z]{2,}" required>
                                <div class="invalid-feedback">
                                    <?php echo translate('simulator.form.validation.email_valid'); ?>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <label for="phone" class="form-label simulator-fl">
                                    <?php echo translate('simulator.form.step4.phone'); ?>
                                    <i class="bi bi-question-circle"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="<?php echo translate('simulator.form.step4.phone_tooltip'); ?>"
                                        style="cursor: help; font-size: 0.8em;"></i>
                                </label>
                                <input type="tel" class="form-control numeric-only" id="phone" name="phone" placeholder="<?php echo translate('simulator.form.placeholders.phone'); ?>" required>
                                <div class="invalid-feedback">
                                    <?php echo translate('simulator.form.validation.phone'); ?>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="mb-3">
                        <div class="row">
                            <div class="col-md-3">
                                <label for="company" class="form-label simulator-fl">
                                    <?php echo translate('simulator.form.step4.company'); ?>
                                    <i class="bi bi-question-circle"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="<?php echo translate('simulator.form.step4.company_tooltip'); ?>"
                                        style="cursor: help; font-size: 0.8em;"></i>
                                </label>
                                <input type="text" class="form-control" id="company" name="company" placeholder="<?php echo translate('simulator.form.placeholders.company'); ?>" required>
                                <div class="invalid-feedback">
                                    <?php echo translate('simulator.form.validation.company'); ?>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <label for="linkedin" class="form-label simulator-fl">
                                    <?php echo translate('simulator.form.step4.linkedin'); ?>
                                    <i class="bi bi-question-circle"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="<?php echo translate('simulator.form.step4.linkedin_tooltip'); ?>"
                                        style="cursor: help; font-size: 0.8em;"></i>
                                </label>
                                <input type="text" class="form-control" id="linkedin" name="linkedin" placeholder="<?php echo translate('simulator.form.placeholders.linkedin'); ?>">
                            </div>
                            <div class="col-md-3">
                                <label for="country" class="form-label simulator-fl">
                                    <?php echo translate('simulator.form.step4.country'); ?>
                                    <i class="bi bi-question-circle"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="<?php echo translate('simulator.form.step4.country_tooltip'); ?>"
                                        style="cursor: help; font-size: 0.8em;"></i>
                                </label>
                                <input type="text" class="form-control" id="country" name="country" placeholder="<?php echo translate('simulator.form.placeholders.country'); ?>" required>
                                <div class="invalid-feedback">
                                    <?php echo translate('simulator.form.validation.country'); ?>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <label for="state" class="form-label simulator-fl">
                                    <?php echo translate('simulator.form.step4.location'); ?>
                                    <i class="bi bi-question-circle"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        title="<?php echo translate('simulator.form.step4.location_tooltip'); ?>"
                                        style="cursor: help; font-size: 0.8em;"></i>
                                </label>
                                <input type="text" class="form-control" id="location" name="location" placeholder="<?php echo translate('simulator.form.placeholders.location'); ?>" required>
                                <div class="invalid-feedback">
                                    <?php echo translate('simulator.form.validation.location'); ?>
                                </div>
                            </div>
                            <input type="hidden" name="dateOfRegistration" value="<?php echo date('Y-m-d'); ?>">
                        </div>
                    </div>

                    <button type="submit" class="btn btn-next"><?php echo translate('simulator.form.buttons.submit'); ?></button>
                </div>
            </form>
        </div>
    </div>

</section>

<?php include 'views/footer.php' ?>