newdesigngestionnaire/Vue/Recherche/index.php

<div class="page-content px-3">
    <form id="frmrecherche" name="frmrecherche" method="post" action="Recherche/index/">
        
        <header class="view-header mb-3">
            <div class="header-content">
                <div class="erp-breadcrumb"><?= _("Gestion des contrats") ?> / <?= _("Bénéficiaires") ?></div>
                <h1 class="view-title text-uppercase">
                    <i class="fas fa-search me-2 text-muted small"></i><?= _("Recherche Assurés") ?>
                </h1>
                <p class="text-secondary small mb-0 mt-1"><?= _("Critères multicritères pour identification rapide") ?></p>
            </div>
            <div class="header-actions">
                 <button type="submit" id="lancerrecherche" name="lancerrecherche" class="btn btn-primary px-4">
                    <i class="fas fa-filter me-2"></i> <?= _("Filtrer les résultats") ?>
                </button>
            </div>
        </header>

        <div class="card card-erp mb-3">
            <div class="card-body py-3">
                <div class="row g-3">
                    <div class="col-md-3">
                        <label class="lbl-erp"><?= _("Numéro Bénéficiaire") ?></label>
                        <input class="form-control form-control-sm" type="text" id="numeroBeneficiaire" name="numeroBeneficiaire" autofocus autocomplete="off" placeholder="Ex: 100234...">
                    </div>
                    
                    <div class="col-md-3">
                        <label class="lbl-erp"><?= _("Numéro Famille") ?></label>
                        <input class="form-control form-control-sm" type="text" id="numeroAdherent" name="numeroAdherent" autocomplete="off">
                    </div>

                    <div class="col-md-3">
                        <label class="lbl-erp"><?= _("Nom") ?></label>
                        <input class="form-control form-control-sm text-uppercase" type="text" id="nomBeneficiaire" name="nomBeneficiaire" placeholder="Ex: DOE">
                    </div>

                    <div class="col-md-3">
                        <label class="lbl-erp"><?= _("Prénoms") ?></label>
                        <input class="form-control form-control-sm" type="text" id="prenomsBeneficiaire" name="prenomsBeneficiaire">
                    </div>

                    <div class="col-md-3">
                        <label class="lbl-erp"><?= _("Téléphone portable") ?></label>
                        <input class="form-control form-control-sm" type="tel" id="telephonePortable" name="telephonePortable">
                    </div>

                    <div class="col-md-3">
                        <label class="lbl-erp">E-mail de contact</label>
                        <input class="form-control form-control-sm" type="email" id="email" name="email">
                    </div>
                </div>
            </div>
        </div>

        <?php if (isset($derniernumerobeneficiaires) && is_array($derniernumerobeneficiaires) && $derniernumerobeneficiaires['nouveau']>0): ?>
            <div class="badge-status badge-urgent w-100 p-3 mb-3 d-flex justify-content-start border-0 rounded-1">
                <i class="fas fa-exclamation-circle me-3 fs-5"></i>
                <div>
                    <div class="fw-bold"><?= _("Carte déclarée perdue") ?></div>
                    <span class="small opacity-75">Substitution : <strong><?= $derniernumerobeneficiaires['ancien'] ?></strong> <i class="fas fa-arrow-right mx-1"></i> <strong><?= $derniernumerobeneficiaires['nouveau'] ?></strong></span>
                </div>
            </div>
        <?php endif; ?>

        <div class="card card-erp overflow-hidden">
            <div class="card-header-erp py-2 bg-light">
                <span class="lbl-erp mb-0">
                    <i class="fas fa-list me-2"></i><?= _("Base de données bénéficiaires") ?>
                </span>
                <?php if (isset($beneficiaires) && is_array($beneficiaires)): ?>
                    <span class="badge-status badge-info"><?= count($beneficiaires) ?> <?= _("résultats") ?></span>
                <?php endif; ?>
            </div>
            
            <div class="card-body p-0">
                <div class="table-responsive">
                    <?php if (isset($beneficiaires) && is_array($beneficiaires) && count($beneficiaires) > 0): ?>
                        <table class="table table-hover align-middle mb-0">
                            <thead>
                                <tr>
                                    <th class="ps-3"><?= _("Matricule") ?></th>
                                    <th><?= _("Identité") ?></th>
                                    <th class="text-center"><?= _("Lien") ?></th>
                                    <th class="text-center"><?= _("Naissance") ?></th>
                                    <th class="text-center"><?= _("Sexe") ?></th>
                                    <th><?= _("Entreprise / Souscripteur") ?></th>
                                    <th class="text-center pe-3"><?= _("Statut") ?></th>
                                </tr>
                            </thead>
                            <tbody>
                                <?php foreach ($beneficiaires as $beneficiaire):
                                    $idBeneficiaire = $this->nettoyer($beneficiaire['id']);
                                    $numeroBeneficiaire = $this->nettoyer($beneficiaire['numeroBeneficiaire']);
                                    $etatCode = $this->nettoyer($beneficiaire['codeEtatBeneficiaire']);
                                    $statusClass = ($etatCode == 'ACTIF') ? 'badge-valide' : 'badge-inactive';
                                ?>
                                    <tr class="cursor-pointer" 
                                        onclick="selectionner_beneficiaire(<?= $idBeneficiaire ?>,'<?= $numeroBeneficiaire ?>');"
                                        ondblclick="selectionner_beneficiaire(<?= $idBeneficiaire ?>,'<?= $numeroBeneficiaire ?>');afficher_beneficiaire_id();">
                                        
                                        <td class="ps-3 fw-bold text-primary"><?= $numeroBeneficiaire ?></td>
                                        <td>
                                            <div class="d-flex align-items-center">
                                                <div class="initials me-2" style="width: 28px; height: 28px; font-size: 10px;">
                                                    <?= substr($beneficiaire['nomBeneficiaire'], 0, 1) ?>
                                                </div>
                                                <div>
                                                    <div class="fw-bold"><?= $this->nettoyer($beneficiaire['nomBeneficiaire']) ?></div>
                                                    <div class="text-muted small" style="font-size: 11px;"><?= $this->nettoyer($beneficiaire['prenomsBeneficiaire']) ?></div>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="text-center small text-muted"><?= $this->nettoyer($beneficiaire['codeLienParente']) ?></td>
                                        <td class="text-center small"><?= dateLang($this->nettoyer($beneficiaire['dateNaissance'])) ?></td>
                                        <td class="text-center small"><?= ($this->nettoyer($beneficiaire['sexe']) == 'M') ? 'M' : 'F' ?></td>
                                        <td class="small text-truncate" style="max-width: 180px;"><?= $this->nettoyer($beneficiaire['nomClient']) ?></td>
                                        <td class="text-center pe-3">
                                            <span class="badge-status <?= $statusClass ?>"><?= $etatCode ?></span>
                                        </td>
                                    </tr>
                                <?php endforeach; ?>
                            </tbody>
                        </table>
                    <?php else: ?>
                        <div class="text-center py-5 bg-white">
                            <i class="fas fa-user-slash fa-2x text-light mb-3"></i>
                            <h6 class="text-muted fw-bold"><?= _("Aucun bénéficiaire trouvé") ?></h6>
                            <p class="small text-muted"><?= _("Ajustez vos filtres pour élargir la recherche.") ?></p>
                        </div>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </form>
</div>