production/Vue/Recherche/index.php
2026-01-30 16:30:09 +00:00

80 lines
4.2 KiB
PHP
Executable File

<div class="card shadow-sm mb-4 border-0">
<div class="card-body p-4">
<h5 class="card-title mb-4 text-primary fw-bold d-flex align-items-center">
<i class="bi bi-person-search fs-4 me-2"></i>
<?= _("Critères de recherche") ?>
</h5>
<form id="form_recherche" class="row g-3">
<div class="col-md-4">
<label for="nom_recherche" class="form-label small fw-bold text-secondary"><?= _("Nom ou Prénom") ?></label>
<input type="text" class="form-control shadow-none" id="nom_recherche" name="nom_recherche" placeholder="<?= _("Saisir un nom...") ?>">
</div>
<div class="col-md-3">
<label for="matricule_recherche" class="form-label small fw-bold text-secondary"><?= _("Matricule / Identifiant") ?></label>
<input type="text" class="form-control shadow-none" id="matricule_recherche" name="matricule_recherche">
</div>
<div class="col-md-3">
<label for="dn_recherche" class="form-label small fw-bold text-secondary"><?= _("Date de naissance") ?></label>
<div class="input-group">
<span class="input-group-text bg-light border-end-0"><i class="bi bi-calendar-event text-muted"></i></span>
<input type="text" class="form-control datepicker border-start-0 shadow-none" id="dn_recherche" name="dn_recherche">
</div>
</div>
<div class="col-md-4">
<label for="garant_recherche" class="form-label small fw-bold text-secondary"><?= _("Garant / Société") ?></label>
<select class="form-select select2" id="garant_recherche" name="garant_recherche">
<option value=""><?= _("Tous les garants") ?></option>
</select>
</div>
<div class="col-md-3">
<label for="statut_recherche" class="form-label small fw-bold text-secondary"><?= _("Statut dossier") ?></label>
<select class="form-select select2" id="statut_recherche" name="statut_recherche">
<option value="ACTIF"><?= _("Assurés actifs") ?></option>
<option value="RADIE"><?= _("Assurés radiés") ?></option>
<option value="ALL"><?= _("Tous") ?></option>
</select>
</div>
<div class="col-md-3 d-flex align-items-end">
<button type="button" class="btn btn-primary w-100 fw-bold py-2 shadow-sm" onclick="lancer_recherche_assure();">
<i class="bi bi-search me-2"></i> <?= _("Lancer la recherche") ?>
</button>
</div>
</form>
</div>
</div>
<div class="card shadow-sm border-0">
<div class="card-header bg-white py-3">
<h6 class="mb-0 fw-bold text-muted"><?= _("Résultats de la recherche") ?></h6>
</div>
<div class="card-body p-0">
<div class="table-responsive">
<table id="table_resultats" class="table table-hover align-middle mb-0" style="width:100%">
<thead class="table-light">
<tr class="small text-uppercase text-muted">
<th class="ps-4 border-0"><?= _("ID / Matricule") ?></th>
<th class="border-0"><?= _("Assuré") ?></th>
<th class="border-0"><?= _("Garant & Police") ?></th>
<th class="border-0"><?= _("Date Naissance") ?></th>
<th class="border-0"><?= _("Statut") ?></th>
<th class="text-end pe-4 border-0"><?= _("Actions") ?></th>
</tr>
</thead>
<tbody id="body_resultats">
<tr>
<td colspan="6" class="text-center py-5 text-muted">
<i class="bi bi-info-circle me-2"></i> <?= _("Veuillez saisir un critère pour lancer la recherche") ?>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>