<body>
    <header>
        <h1>Garage Layout</h1>
    </header>
    <div class="container">
        <div class="sidebar">
            <h2>Détail</h2>
            <div>
                <label for="width-feet">Largeur (pieds): </label>
                <select id="width-feet">
                    <!-- Générer dynamiquement les options pour les pieds -->
                    <option value="1">1'</option>
                    <option value="2">2'</option>
                    <option value="3">3'</option>
                    <option value="4">4'</option>
                    <option value="5">5'</option>
                    <option value="6">6'</option>
                    <option value="7">7'</option>
                    <option value="8">8'</option>
                    <option value="9">9'</option>
                    <option value="10">10'</option>
                    <option value="11">11'</option>
                    <option value="12">12'</option>
                    <option value="13">13'</option>
                    <option value="14">14'</option>
                    <option value="15">15'</option>
                    <option value="16">16'</option>
                    <option value="17">17'</option>
                    <option value="18">18'</option>
                    <option value="19">19'</option>
                    <option value="20">20'</option>
                    <option value="21">21'</option>
                    <option value="22">22'</option>
                    <option value="23">23'</option>
                    <option value="24">24'</option>
                    <option value="25">25'</option>
                    <option value="26">26'</option>
                    <option value="27">27'</option>
                    <option value="28">28'</option>
                    <option value="29">29'</option>
                    <option value="30">30'</option>
                    <option value="31">31'</option>
                    <option value="32">32'</option>
                    <option value="33">33'</option>
                    <option value="34">34'</option>
                    <option value="35">35'</option>
                    <option value="36">36'</option>
                    <option value="37">37'</option>
                    <option value="38">38'</option>
                    <option value="39">39'</option>
                    <option value="40">40'</option>
                </select>
                <label for="width-inches">Largeur (pouces): </label>
                <select id="width-inches">
                    <!-- Générer dynamiquement les options pour les pouces -->
                    <!-- Pour simplifier, j'ajoute manuellement les options ici -->
                    <option value="0">0"</option>
                    <option value="1">1"</option>
                    <option value="2">2"</option>
                    <option value="3">3"</option>
                    <option value="4">4"</option>
                    <option value="5">5"</option>
                    <option value="6">6"</option>
                    <option value="7">7"</option>
                    <option value="8">8"</option>
                    <option value="9">9"</option>
                    <option value="10">10"</option>
                    <option value="11">11"</option>
                </select>
            </div>
            <div>
                <label for="length-feet">Longueur (pieds): </label>
                <select id="length-feet">
                    <!-- Générer dynamiquement les options pour les pieds -->
                    <option value="1">1'</option>
                    <option value="2">2'</option>
                    <option value="3">3'</option>
                    <option value="4">4'</option>
                    <option value="5">5'</option>
                    <option value="6">6'</option>
                    <option value="7">7'</option>
                    <option value="8">8'</option>
                    <option value="9">9'</option>
                    <option value="10">10'</option>
                    <option value="11">11'</option>
                    <option value="12">12'</option>
                    <option value="13">13'</option>
                    <option value="14">14'</option>
                    <option value="15">15'</option>
                    <option value="16">16'</option>
                    <option value="17">17'</option>
                    <option value="18">18'</option>
                    <option value="19">19'</option>
                    <option value="20">20'</option>
                    <option value="21">21'</option>
                    <option value="22">22'</option>
                    <option value="23">23'</option>
                    <option value="24">24'</option>
                    <option value="25">25'</option>
                    <option value="26">26'</option>
                    <option value="27">27'</option>
                    <option value="28">28'</option>
                    <option value="29">29'</option>
                    <option value="30">30'</option>
                    <option value="31">31'</option>
                    <option value="32">32'</option>
                    <option value="33">33'</option>
                    <option value="34">34'</option>
                    <option value="35">35'</option>
                    <option value="36">36'</option>
                    <option value="37">37'</option>
                    <option value="38">38'</option>
                    <option value="39">39'</option>
                    <option value="40">40'</option>
                </select>
                <label for="length-inches">Longueur (pouces): </label>
                <select id="length-inches">
                    <!-- Générer dynamiquement les options pour les pouces -->
                    <!-- Pour simplifier, j'ajoute manuellement les options ici -->
                    <option value="0">0"</option>
                    <option value="1">1"</option>
                    <option value="2">2"</option>
                    <option value="3">3"</option>
                    <option value="4">4"</option>
                    <option value="5">5"</option>
                    <option value="6">6"</option>
                    <option value="7">7"</option>
                    <option value="8">8"</option>
                    <option value="9">9"</option>
                    <option value="10">10"</option>
                    <option value="11">11"</option>
                </select>
            </div>
            <div>
                <label for="color">Couleur de la tuile: </label>
                <select id="color">
                    <option value="red">Rouge</option>
                    <option value="blue">Bleu</option>
                    <option value="green">Vert</option>
                    <option value="yellow">Jaune</option>
                </select>
            </div>
            <button onclick="generateTiles()">Générer les tuiles</button>
        </div>
        <div class="grid-container" id="tile-container"></div>
    </div>

    <script src="script.js"></script>
</body>