map-generator/app/Views/partials/tools-sidebar.php

<?php
/**
 * Partiel : Barre latérale des outils (extrait de header.php)
 */
?>

<div class="sidebar">
    <nav class="nav flex-column">

        <!-- Outils de dessin -->
        <div class="tool-group">
            <h6><i class="bi bi-brush me-1"></i>Historique</h6>
            <a class="nav-link" href="#" id="header-undoBtn">
                <i class="bi bi-arrow-counterclockwise me-2"></i>Annuler
            </a>
            <a class="nav-link" href="#" id="header-redoBtn">
                <i class="bi bi-arrow-clockwise me-2"></i>Rétablir
            </a>
            <hr>
            <a class="nav-link" href="#" id="selectTool">
                <i class="bi bi-cursor me-2"></i>Sélection
            </a>
        </div>
        <!-- Options de type de tuile (visible quand une tuile est sélectionnée) -->
        <div class="tool-group" id="tile-type-tool" style="display:none;">
            <h6><i class="bi bi-grid-1x2-fill me-1"></i>Type de tuile</h6>
            <div id="tileTypeOptions" class="d-flex flex-column gap-2">
                <!-- Boutons de types, chaque bouton contient une SVG représentative -->
                <button type="button" class="btn btn-light tile-type-option d-flex align-items-center gap-2" data-type="neutral" title="Neutre" aria-label="Neutre">
                    <!-- SVG simple pour neutre -->
                    <svg width="36" height="24" viewBox="0 0 36 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <rect x="1" y="1" width="34" height="22" rx="3" fill="#f8f9fa" stroke="#adb5bd"/>
                        <circle cx="18" cy="12" r="6" fill="#6c757d" />
                    </svg>
                    <span>Neutre</span>
                </button>

                <button type="button" class="btn btn-light tile-type-option d-flex align-items-center gap-2" data-type="rural" title="Rural" aria-label="Rural">
                    <!-- SVG simple pour rural -->
                    <svg width="36" height="24" viewBox="0 0 36 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <rect x="1" y="1" width="34" height="22" rx="3" fill="#fff7e6" stroke="#f0ad4e"/>
                        <path d="M6 18 L12 10 L18 18 Z" fill="#5cb85c" />
                    </svg>
                    <span>Rural</span>
                </button>

                <button type="button" class="btn btn-light tile-type-option d-flex align-items-center gap-2" data-type="urban" title="Urbain" aria-label="Urbain">
                    <!-- SVG simple pour urbain -->
                    <svg width="36" height="24" viewBox="0 0 36 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <rect x="1" y="1" width="34" height="22" rx="3" fill="#e9ecef" stroke="#6c757d"/>
                        <rect x="6" y="6" width="6" height="12" fill="#495057" />
                        <rect x="14" y="8" width="6" height="10" fill="#6c757d" />
                        <rect x="22" y="5" width="6" height="13" fill="#343a40" />
                    </svg>
                    <span>Urbain</span>
                </button>
            </div>
        </div>
    </nav>
</div>