map-generator/app/Views/partials/project-info.php

<?php
/**
 * Partiel pour les informations du projet
 */
?>

<!-- Informations sur le projet -->
<div class="row mt-4">
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <h6 class="card-title">
                    <i class="bi bi-info-circle me-1"></i>
                    Informations
                </h6>
                <p class="card-text small">
                    <strong>Dimensions:</strong> 800x600 px<br>
                    <strong>Calques:</strong> 1<br>
                    <strong>Outil actif:</strong> Pinceau<br>
                    <strong>Couleur:</strong> <span style="display: inline-block; width: 12px; height: 12px; background-color: #000000; border-radius: 2px;"></span> Noir
                </p>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <h6 class="card-title">
                    <i class="bi bi-clock-history me-1"></i>
                    Historique
                </h6>
                <ul class="list-unstyled small">
                    <li><i class="bi bi-dot me-1"></i>Carte créée</li>
                    <li><i class="bi bi-dot me-1"></i>Calque ajouté</li>
                    <li><i class="bi bi-dot me-1"></i>Outil sélectionné</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <h6 class="card-title">
                    <i class="bi bi-star me-1"></i>
                    Astuces
                </h6>
                <p class="card-text small">
                    Utilisez Ctrl+Z pour annuler.<br>
                    Cliquez-droit pour le menu contextuel.<br>
                    Glissez-déposez des images pour les importer.
                </p>
            </div>
        </div>
    </div>
</div>