<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h1 class="darlink-title mb-1">
            <i class="bi bi-building me-2"></i>Fournisseurs
        </h1>
        <p class="text-muted mb-0"><?= (int) $totalFournisseurs ?> fournisseur(s) affiché(s)</p>
    </div>

    <a href="index.php?page=fournisseurs_create" class="btn darlink-btn-primary">
        <i class="bi bi-plus-lg me-1"></i> Nouveau fournisseur
    </a>
</div>

<div class="darlink-card darlink-table-card">
    <div class="darlink-table-toolbar">
        <div class="darlink-table-toolbar-left">
            <div class="darlink-table-search">
                <i class="bi bi-search"></i>
                <input type="text" id="fournisseurSearch" placeholder="Rechercher un fournisseur...">
            </div>
            <select class="darlink-table-filter" onchange="window.location.href='index.php?page=fournisseurs&status=' + encodeURIComponent(this.value)">
                <option value="active" <?= ($status ?? 'active') === 'active' ? 'selected' : '' ?>>Fournisseurs actifs</option>
                <option value="archived" <?= ($status ?? '') === 'archived' ? 'selected' : '' ?>>Fournisseurs archivés</option>
                <option value="all" <?= ($status ?? '') === 'all' ? 'selected' : '' ?>>Tous les fournisseurs</option>
            </select>
        </div>

        <div class="darlink-table-toolbar-right">
            <button type="button" class="darlink-toolbar-btn" onclick="location.reload();">
                <i class="bi bi-arrow-clockwise"></i> Actualiser
            </button>
        </div>
    </div>

    <div class="table-responsive darlink-table-wrapper">
        <table class="table align-middle darlink-table darlink-table-modern" id="fournisseursTable">
            <thead>
            <tr>
                <th class="darlink-sortable" data-column="0">Code <span class="sort-indicator">↕</span></th>
                <th class="darlink-sortable" data-column="1">Fournisseur <span class="sort-indicator">↕</span></th>
                <th class="darlink-sortable" data-column="2">Ville <span class="sort-indicator">↕</span></th>
                <th class="darlink-sortable" data-column="3">Téléphone <span class="sort-indicator">↕</span></th>
                <th class="darlink-sortable" data-column="4">Contact <span class="sort-indicator">↕</span></th>
                <th class="text-end darlink-sortable" data-column="5">Nb cmdes <span class="sort-indicator">↕</span></th>
                <th class="text-end darlink-sortable" data-column="6">Total <span class="sort-indicator">↕</span></th>
                <th class="darlink-sortable" data-column="7">Statut <span class="sort-indicator">↕</span></th>
                <th class="text-end">Actions</th>
            </tr>
            </thead>
            <tbody>
            <?php if (empty($fournisseurs)): ?>
                <tr>
                    <td colspan="9" class="text-center text-muted py-5">
                        Aucun fournisseur enregistré pour le moment.
                    </td>
                </tr>
            <?php endif; ?>

            <?php foreach ($fournisseurs as $fournisseur): ?>
                <tr data-edit-url="index.php?page=fournisseurs_edit&id=<?= (int) $fournisseur['id'] ?>">
                    <td>
                        <strong class="darlink-table-code">
                            <?= htmlspecialchars($fournisseur['code_fournisseur']) ?>
                        </strong>
                    </td>
                    <td class="fw-semibold">
                        <?= htmlspecialchars($fournisseur['raison_sociale']) ?>
                        <?php if (!empty($fournisseur['nom_commercial'])): ?>
                            <div class="small text-muted"><?= htmlspecialchars($fournisseur['nom_commercial']) ?></div>
                        <?php endif; ?>
                    </td>
                    <td><?= htmlspecialchars($fournisseur['ville'] ?: '-') ?></td>
                    <td><?= htmlspecialchars($fournisseur['telephone'] ?: '-') ?></td>
                    <td><?= htmlspecialchars($fournisseur['contact'] ?: '-') ?></td>
                    <td class="text-end fw-semibold">
                        <a href="index.php?page=commandes_fournisseurs&fournisseur_id=<?= (int) $fournisseur['id'] ?>" class="text-decoration-none">
                            <?= (int) ($fournisseur['nombre_commandes'] ?? 0) ?>
                        </a>
                    </td>
                    <td class="text-end fw-semibold" data-sort-value="<?= (float) ($fournisseur['total_commandes'] ?? 0) ?>">
                        <a href="index.php?page=commandes_fournisseurs&fournisseur_id=<?= (int) $fournisseur['id'] ?>" class="text-decoration-none">
                            <?= number_format((float) ($fournisseur['total_commandes'] ?? 0), 2, ',', ' ') ?> DH
                        </a>
                    </td>
                    <td><span class="darlink-badge <?= (int)($fournisseur['actif'] ?? 0) === 1 ? 'darlink-badge-success' : 'darlink-badge-light' ?>"><?= (int)($fournisseur['actif'] ?? 0) === 1 ? 'Actif' : 'Archivé' ?></span></td>
                    <td class="text-end darlink-actions">
                        <a class="darlink-icon-btn darlink-icon-btn-view"
                           href="index.php?page=fournisseurs_show&id=<?= (int) $fournisseur['id'] ?>"
                           title="Voir">
                            <i class="bi bi-eye"></i>
                        </a>

                        <a class="darlink-icon-btn darlink-icon-btn-edit"
                           href="index.php?page=fournisseurs_edit&id=<?= (int) $fournisseur['id'] ?>"
                           title="Modifier">
                            <i class="bi bi-pencil"></i>
                        </a>

                        <?php if ((int)($fournisseur['actif'] ?? 0) === 1): ?>
                        <a class="darlink-icon-btn darlink-icon-btn-order"
                           href="index.php?page=commandes_fournisseurs_create&fournisseur_id=<?= (int) $fournisseur['id'] ?>"
                           title="Créer une commande">
                            <i class="bi bi-cart-plus"></i>
                        </a>

                        <form method="post"
                              action="index.php?page=fournisseurs_deactivate"
                              class="d-inline"
                              onsubmit="return confirm('Archiver ce fournisseur ? Il restera consultable et pourra être réactivé.');">
                            <input type="hidden" name="id" value="<?= (int) $fournisseur['id'] ?>">
                            <button class="darlink-icon-btn darlink-icon-btn-delete"
                                    type="submit"
                                    title="Archiver">
                                <i class="bi bi-building-x"></i>
                            </button>
                        </form>
                        <?php else: ?>
                        <form method="post" action="index.php?page=fournisseurs_activate" class="d-inline" onsubmit="return confirm('Réactiver ce fournisseur ?');">
                            <input type="hidden" name="id" value="<?= (int) $fournisseur['id'] ?>">
                            <button class="darlink-icon-btn darlink-icon-btn-view" type="submit" title="Réactiver">
                                <i class="bi bi-arrow-counterclockwise"></i>
                            </button>
                        </form>
                        <?php endif; ?>
                    </td>
                </tr>
            <?php endforeach; ?>
            </tbody>
        </table>
    </div>
</div>
