<!-- Config -->
<?php include("../../php/config.php");?>

<!-- Header -->
<?php include("../../incl/header.php");?>

<!-- Page Content -->
<div class="container">
  <h1><span class="important"><?php echo $title?></span> :</h1>
  <p class="pt-3 text-center"><?php echo $description?></p>
  <div class="text-center">
    <img class="function-image" src="/img/function-image/convertDistance.png" alt="Convert Distance">
  </div>
  <br>
  <div class="form-group">
        <label for="firstValue">Entrez la distance que vous voulez convertir et sélectionner l'unité de celle-çi :</label>
        <br> 
        <input name="firstValue" type="text" class="inlineInput" id="firstValue" placeholder="(e.g : 50)" class="form-control">
        <select class="form-control selectInline" id="firstValueUnit">
            <option value="pm">pm</option>
            <option value="nm">nm</option>
            <option value="µm">µm</option>
            <option value="mm">mm</option>
            <option value="cm">cm</option>
            <option value="dm">dm</option>
            <option value="m">m</option>
            <option value="dam">dam</option>
            <option value="hm">hm</option>
            <option value="km">km</option>
            <option value="Mm">Mm</option>
            <option value="Gm">Gm</option>
            <option value="Tm">Tm</option>
        </select>
        <br> <br>
		<label for="secondValue">Choisissez l'unité que vous voulez avoir après conversion :</label> <br>
        <select class="form-control selectInline" id="secondValue">
            <option value="pm">pm</option>
            <option value="nm">nm</option>
            <option value="µm">µm</option>
            <option value="mm">mm</option>
            <option value="cm">cm</option>
            <option value="dm">dm</option>
            <option value="m">m</option>
            <option value="dam">dam</option>
            <option value="hm">hm</option>
            <option value="km">km</option>
            <option value="Mm">Mm</option>
            <option value="Gm">Gm</option>
            <option value="Tm">Tm</option>
        </select>
        <br>
        <div class="form-row text-center">
            <div class="col-12">
                <br>
                <button type="submit" id="submitConvertDistance" class="btn btn-dark text-center">Envoyer</button>
            </div>
        </div>
        <br> <br>
		<p class="results text-center"></p>
    </div>
</div>

<!-- Footer -->
<?php include("../../incl/footer.php");?>