radiantrh/Vue/Importassure/index.php

<?php
	$etatPolice = 
    $etatPolice = est_anglophone() 
    ? $this->nettoyer($police['etatPoliceEng']) 
    : $this->nettoyer($police['etatPolice']);

	$codeEtat   = $this->nettoyer($police['codeEtatPolice']);
	//
?>
<div id="div_liste_adherent" class="container-fluid py-1 animate__animated animate__fadeIn">
	<input type="hidden" id="etape2" value="<?= $fichierimport['etape2'] ?>">
	<input type="hidden" id="etape3" value="<?= $fichierimport['etape3'] ?>">

	<h1 class="text-primary"><i class="fas fa-file-import me-2"></i></i> <?= _("Importer les assurés") ?></h1>

    <div class="card shadow-sm border-0 mb-0 bg-light">
        <div class="card-body">
            <div class="row g-3 align-items-center">
                <div class="col-md-4">
                    <h6 class="text-muted small fw-bold mb-1 text-uppercase"><?= _("Client / Souscripteur") ?></h6>
                    <div class="h5 mb-0 fw-bold text-primary"><?= $_SESSION['nomClient_C'] ?></div>
                </div>
                <div class="col-md-3">
                    <h6 class="text-muted small fw-bold mb-1 text-uppercase"><?= _("Police N°") ?></h6>
                    <div class="h5 mb-0 fw-bold"><?= $this->nettoyer($police['numeroPolice']) ?></div>
                </div>
                <div class="col-md-2 text-center border-start">
                    <h6 class="text-muted small fw-bold mb-1 text-uppercase"><?= _("État") ?></h6>
                    <?php if($codeEtat == "EC"):?>
					<span class="badge bg-success px-3"><?= $etatPolice ?></span>
					<?php elseif($codeEtat == "SU"):?>
					<span class="badge bg-warning px-3"><?= $etatPolice ?></span>	
					<?php else:?>
					<span class="badge bg-danger px-3"><?= $etatPolice ?></span>	
					<?php endif;?>
				</div>
                <div class="col-md-3 text-end border-start">
                    <h6 class="text-muted small fw-bold mb-1 text-uppercase"><?= _("Période") ?></h6>
                    <div class="small fw-bold"><?= _('Du').' '.dateLang($this->nettoyer($police['dateEffet']),$_SESSION['lang']) ?></div>
                    <div class="small fw-bold"><?= _('Au').' '.dateLang($this->nettoyer($police['dateEcheance']),$_SESSION['lang'])?></div>
                </div>
            </div>
        </div>
    </div>

	
    <div class="card shadow-sm border-0 mb-4">
        <div class="card-header bg-white py-1">
            <h5 class="card-title mb-0 fw-bold"><i class="fas fa-file-import me-2 text-info"></i><?= _("Processus d'importation des assurés") ?></h5>
        </div>
        <div class="card-body">
            <div class="row g-4 text-center">
                <div class="col-md-3">
                    <div class="p-3 border rounded h-100 bg-white shadow-sm hover-elevate">
                        <div class="badge bg-primary rounded-circle mb-3 fs-5" style="width:40px; height:40px; line-height:28px;">1</div>
                        <p class="small fw-bold mb-3"><?= _("Modèle Excel") ?></p>
                        <button class="btn btn-outline-primary btn-sm w-100" onclick="javascript:exporter_modele_assure();">
                            <i class="fas fa-download me-1"></i> <?= _("Télécharger") ?>
                        </button>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="p-3 border rounded h-100 <?= ($fichierimport['etape2']=='1') ? 'bg-success-subtle border-success' : 'bg-white shadow-sm' ?>">
                        <div class="badge <?= ($fichierimport['etape2']=='1') ? 'bg-success' : 'bg-secondary' ?> rounded-circle mb-3 fs-5" style="width:40px; height:40px; line-height:28px;">
                            <?= ($fichierimport['etape2']=='1') ? '<i class="fas fa-check"></i>' : '2' ?>
                        </div>
                        <p class="small fw-bold mb-3"><?= _("Charger le fichier") ?></p>
                        <button class="btn <?= ($fichierimport['etape2']=='1') ? 'btn-success' : 'btn-primary' ?> btn-sm w-100" onclick="javascript:charger_fichier_modele_assure();">
                            <i class="fas fa-upload me-1"></i> <?= _("Choisir fichier") ?>
                        </button>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="p-3 border rounded h-100 <?= ($fichierimport['etape3']=='1') ? 'bg-success-subtle border-success' : 'bg-white shadow-sm' ?>">
                        <div class="badge <?= ($fichierimport['etape3']=='1') ? 'bg-success' : 'bg-secondary' ?> rounded-circle mb-3 fs-5" style="width:40px; height:40px; line-height:28px;">
                            <?= ($fichierimport['etape3']=='1') ? '<i class="fas fa-check"></i>' : '3' ?>
                        </div>
                        <p class="small fw-bold mb-3"><?= _("Avenant lié") ?></p>
                        <button class="btn btn-primary btn-sm w-100" onclick="javascript:init_importer_modele_assure();" <?= ($fichierimport['etape2']!='1') ? 'disabled' : '' ?>>
                            <i class="fas fa-list-alt me-1"></i> <?= _("Lier Avenant") ?>
                        </button>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="p-3 border rounded h-100 bg-white shadow-sm">
                        <div class="badge bg-secondary rounded-circle mb-3 fs-5" style="width:40px; height:40px; line-height:28px;">4</div>
                        <p class="small fw-bold mb-3"><?= _("Traitement final") ?></p>
                        <button class="btn btn-warning btn-sm w-100 fw-bold" onclick="javascript:traiter_lignes_importees();" <?= ($fichierimport['etape3']!='1') ? 'disabled' : '' ?>>
                            <i class="fas fa-cogs me-1"></i> <?= _("Lancer l'import") ?>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <?php if($fichierimport['nomOrigine'] > ""): ?>
    <div class="alert alert-info d-flex align-items-center shadow-sm" role="alert">
        <i class="fas fa-file-excel fa-2x me-3"></i>
        <div>
            <div class="small text-muted"><?= _("Fichier actuellement chargé :") ?></div>
            <strong class="text-uppercase"><?= $this->nettoyer($fichierimport['nomOrigine']) ?></strong>
        </div>
    </div>
    <?php endif; ?>

    <div id="div_form_upload" class="card shadow-sm border-0 mb-4 animate__animated animate__fadeInUp" style="display: none">
        <div class="card-body bg-light">
            <form enctype="multipart/form-data" action="Importassure" method="post">
                <div class="row align-items-end g-3">
                    <div class="col-md-8">
                        <label class="form-label fw-bold small text-muted"><?= _("Sélectionnez le document Excel (.xlsx, .xls)") ?></label>
                        <input class="form-control" name="fichier_upload" type="file" id="fichier_upload" required />
                    </div>
                    <div class="col-md-4">
                        <button type="submit" name="submit" class="btn btn-primary w-100">
                            <i class="fas fa-cloud-upload-alt me-2"></i><?= _("Envoyer sur le serveur") ?>
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <?php if((isset($msgErreur)) && ($msgErreur > " ")) : ?>
        <div class="alert alert-warning border-0 shadow-sm text-center fw-bold fs-5 py-3">
            <i class="fas fa-exclamation-circle me-2"></i> <?= $msgErreur ?>
        </div>
    <?php endif; ?>

</div>

<input type="hidden" id="cheminFichier" name="cheminFichier" value="<?= $this->nettoyer($fichierimport['cheminFichier']) ?>">
<div id="div_exporter_liste_assures"></div> 

<style>
    .hover-elevate:hover { transform: translateY(-3px); transition: 0.3s; }
    .bg-success-subtle { background-color: #d1e7dd !important; }
    .badge { display: inline-flex; align-items: center; justify-content: center; }
</style>