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

<?php
/**
 * Partial: carte d'un projet
 * Variables attendues dans le scope :
 *  - $map : tableau associatif représentant la carte
 */
?>

<div class="col-lg-4 col-md-6">
    <div class="card h-100 map-card" data-map-id="<?php echo $map['id']; ?>">
        <div class="card-body d-flex flex-column">
            <!-- En-tête de la carte -->
            <div class="d-flex align-items-start justify-content-between mb-3">
                <div class="flex-grow-1">
                    <h6 class="card-title mb-1">
                        <?php echo htmlspecialchars($map['name']); ?>
                        <small class="text-muted fw-normal">(ID: <?php echo $map['id']; ?>)</small>
                    </h6>
                    <small class="text-muted">
                        <i class="bi bi-calendar me-1"></i>
                        <?php echo date('d/m/Y H:i', strtotime($map['created_at'])); ?>
                    </small>
                </div>
                <div class="dropdown">
                    <button class="btn btn-sm btn-outline-secondary" type="button" data-bs-toggle="dropdown">
                        <i class="bi bi-three-dots-vertical"></i>
                    </button>
                    <ul class="dropdown-menu">
                        <li>
                            <a class="dropdown-item" href="/projects/<?php echo $map['id']; ?>/edit">
                                <i class="bi bi-pencil me-2"></i>Modifier
                            </a>
                        </li>
                        <li>
                            <a class="dropdown-item" href="#" onclick="duplicateMap(<?php echo $map['id']; ?>)">
                                <i class="bi bi-copy me-2"></i>Dupliquer
                            </a>
                        </li>
                        <li><hr class="dropdown-divider"></li>
                        <li>
                                    <!-- Bouton suppression (JS) + fallback form POST pour progressive enhancement -->
                                    <a class="dropdown-item text-danger" href="#" onclick="deleteMap(<?php echo $map['id']; ?>, '<?php echo htmlspecialchars($map['name']); ?>')">
                                        <i class="bi bi-trash me-2"></i>Supprimer
                                    </a>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- Informations de la carte -->
            <div class="mb-3">
                <div class="row text-center">
                    <div class="col-6">
                        <small class="text-muted d-block">Dimensions</small>
                        <strong><?php echo $map['width']; ?> × <?php echo $map['height']; ?></strong>
                    </div>
                    <div class="col-6">
                        <small class="text-muted d-block">Taille</small>
                        <strong><?php echo number_format($map['width'] * $map['height']); ?> cases</strong>
                    </div>
                </div>
            </div>

            <!-- Description -->
            <?php if (!empty($map['description'])): ?>
                <p class="card-text small text-muted mb-3">
                    <?php echo htmlspecialchars(substr($map['description'], 0, 100)); ?>
                    <?php if (strlen($map['description']) > 100): ?>...<?php endif; ?>
                </p>
            <?php endif; ?>

            <!-- Actions principales -->
            <div class="mt-auto">
                <div class="d-flex gap-2">
                    <a class="btn btn-outline-primary btn-sm" href="/?load=<?php echo $map['id']; ?>">
                        <i class="bi bi-folder-open me-1"></i>Ouvrir
                    </a>
                </div>
            </div>
            <!-- Fallback form pour suppression si JS désactivé -->
            <form method="POST" action="/projects/delete" class="d-none" id="delete-form-<?php echo $map['id']; ?>">
                <input type="hidden" name="id" value="<?php echo $map['id']; ?>">
                <noscript>
                    <button type="submit" class="btn btn-danger btn-sm mt-2">Supprimer (JS désactivé)</button>
                </noscript>
            </form>
        </div>
    </div>
</div>