<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h1 class="darlink-title mb-1">
            <i class="bi bi-gear me-2"></i>Paramètres
        </h1>
        <p class="text-muted mb-0">Configuration de Darlink ERP Phoenix.</p>
    </div>

    <span class="darlink-badge darlink-badge-primary">
        Phoenix 2026.1 LTS
    </span>
</div>

<div class="row g-4">

    <div class="col-md-6">
        <div class="darlink-card overflow-hidden h-100">
            <div class="darlink-admin-block-header">
                <i class="bi bi-building me-2"></i>Société
            </div>

            <div class="p-4">
                <div class="row g-3">
                    <div class="col-12">
                        <a href="index.php?page=parametres_societe"
                           class="darlink-settings-tile">
                            <i class="bi bi-building"></i>
                            <span>
                                <strong>Informations société</strong>
                                <small>Coordonnées, identité, logo et paramètres généraux</small>
                            </span>
                            <i class="bi bi-chevron-right darlink-settings-arrow"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-6">
        <div class="darlink-card overflow-hidden h-100">
            <div class="darlink-admin-block-header">
                <i class="bi bi-people me-2"></i>Clients
            </div>

            <div class="p-4">
                <div class="row g-3">
                    <div class="col-12">
                        <a href="index.php?page=parametres_types_clients"
                           class="darlink-settings-tile">
                            <i class="bi bi-person-lines-fill"></i>
                            <span>
                                <strong>Types de clients</strong>
                                <small>Ajouter, modifier ou désactiver les catégories</small>
                            </span>
                            <i class="bi bi-chevron-right darlink-settings-arrow"></i>
                        </a>
                    </div>

			<div class="col-12">
				<a
					href="index.php?page=parametres_modes_reglement"
					class="darlink-settings-tile"
				>
					<i class="bi bi-credit-card"></i>

					<span>
						<strong>Modes de règlement</strong>
						<small>Gestion des règlements clients et fournisseurs</small>
					</span>

					<i class="bi bi-chevron-right darlink-settings-arrow"></i>
				</a>
			</div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-6">
        <div class="darlink-card overflow-hidden h-100">
            <div class="darlink-admin-block-header">
                <i class="bi bi-box-seam me-2"></i>Articles
            </div>

            <div class="p-4">
                <div class="row g-3">
                    <div class="col-12">
					<a href="index.php?page=parametres_familles_articles" class="darlink-settings-tile" >
					<i class="bi bi-diagram-3"></i>
					<span>
						<strong>Familles d’articles</strong>
						<small>Organisation des articles par familles</small>
					</span>

					<i class="bi bi-chevron-right darlink-settings-arrow"></i>
					</a>
				</div>

				<div class="col-12">
					<a
					href="index.php?page=parametres_marques_articles"
					class="darlink-settings-tile"
					>
						<i class="bi bi-tags"></i>

						<span>
							<strong>Marques</strong>
							<small>Gestion des marques articles</small>
						</span>

						<i class="bi bi-chevron-right darlink-settings-arrow"></i>
					</a>
				</div>

				<div class="col-12">
					<a
						href="index.php?page=parametres_unites_articles"
						class="darlink-settings-tile">

						<i class="bi bi-rulers"></i>

						<span>
							<strong>Unités</strong>
							<small>Gestion des unités de vente et de stockage</small>
						</span>

						<i class="bi bi-chevron-right darlink-settings-arrow"></i>

					</a>
				</div>

				<div class="col-12">
					<a
						href="index.php?page=parametres_taux_tva"
						class="darlink-settings-tile"
					>
						<i class="bi bi-percent"></i>

						<span>
							<strong>TVA</strong>
							<small>Gestion des taux et du taux par défaut</small>
						</span>

						<i class="bi bi-chevron-right darlink-settings-arrow"></i>
					</a>
				</div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-6">
        <div class="darlink-card overflow-hidden h-100">
            <div class="darlink-admin-block-header">
                <i class="bi bi-file-earmark-text me-2"></i>Documents
            </div>

            <div class="p-4">
                <div class="row g-3">
					<div class="col-12">
						<a
							href="index.php?page=parametres_numerotation"
							class="darlink-settings-tile"
						>
							<i class="bi bi-123"></i>

							<span>
								<strong>Numérotation</strong>
								<small>Préfixes et formats des documents</small>
							</span>

							<i class="bi bi-chevron-right darlink-settings-arrow"></i>
						</a>
					</div>

					<div class="col-12">
						<a href="index.php?page=parametres_mail_templates" class="darlink-settings-tile">
							<i class="bi bi-envelope-gear"></i>
							<span>
								<strong>Modèles d’e-mails</strong>
								<small>Textes d’accompagnement des devis et factures</small>
							</span>
							<i class="bi bi-chevron-right darlink-settings-arrow"></i>
						</a>
					</div>

					<div class="col-12">
						<a
							href="index.php?page=parametres_documents"
							class="darlink-settings-tile"
						>
							<i class="bi bi-file-earmark-gear"></i>

							<span>
								<strong>Paramètres documents</strong>
								<small>Identité visuelle, mentions et pied de page</small>
							</span>

							<i class="bi bi-chevron-right darlink-settings-arrow"></i>
						</a>
					</div>
                </div>
            </div>
        </div>
    </div>

</div>