f
This commit is contained in:
parent
ad32b36247
commit
7bb760d492
|
|
@ -1,60 +1,79 @@
|
|||
<div class="card shadow-sm mb-4">
|
||||
<div class="card-body p-3">
|
||||
<h5 class="card-title mb-3 text-primary fw-bold">
|
||||
<i class="bi bi-search me-2"></i><?= _("Recherche d'un assuré") ?>
|
||||
<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-2 align-items-end">
|
||||
<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 class="form-label small fw-bold text-muted"><?= _("Nom ou Prénom") ?></label>
|
||||
<input type="text" class="form-control" id="nom_recherche" name="nom_recherche" placeholder="<?= _("Ex: DOE") ?>">
|
||||
<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-2">
|
||||
<label class="form-label small fw-bold text-muted"><?= _("Matricule / ID") ?></label>
|
||||
<input type="text" class="form-control" id="id_recherche" name="id_recherche">
|
||||
</div>
|
||||
|
||||
<div class="col-md-2">
|
||||
<label class="form-label small fw-bold text-muted"><?= _("Date de naissance") ?></label>
|
||||
<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-white"><i class="bi bi-calendar3"></i></span>
|
||||
<input type="text" class="form-control datepicker" id="dn_recherche" name="dn_recherche">
|
||||
<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-2">
|
||||
<label class="form-label small fw-bold text-muted"><?= _("Statut") ?></label>
|
||||
<select class="form-select select2" id="statut_recherche" name="statut_recherche">
|
||||
<option value="ALL"><?= _("Tous") ?></option>
|
||||
<option value="ACTIF"><?= _("Actifs") ?></option>
|
||||
<option value="RADIE"><?= _("Radiés") ?></option>
|
||||
</select>
|
||||
<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">
|
||||
<button type="button" class="btn btn-primary w-100" onclick="lancer_recherche_assure();">
|
||||
<i class="bi bi-check-circle me-2"></i><?= _("Rechercher") ?>
|
||||
<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">
|
||||
<div class="card-body p-0"> <div class="table-responsive">
|
||||
<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="bg-light text-muted small text-uppercase">
|
||||
<tr>
|
||||
<th class="ps-3"><?= _("Identifiant") ?></th>
|
||||
<th><?= _("Nom & Prénom") ?></th>
|
||||
<th><?= _("Garant / Police") ?></th>
|
||||
<th><?= _("Statut") ?></th>
|
||||
<th class="text-end pe-3"><?= _("Actions") ?></th>
|
||||
<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">
|
||||
</tbody>
|
||||
<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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user