66 lines
3.1 KiB
PHP
Executable File
66 lines
3.1 KiB
PHP
Executable File
<div class="page-content animate__animated animate__fadeIn">
|
|
<div class="header-section mb-1">
|
|
<div class="d-flex align-items-center justify-content-between bg-white p-3 shadow-sm border-start border-primary border-4" style="border-radius: var(--radius-md);">
|
|
<div class="d-flex align-items-center">
|
|
<div class="icon-shape bg-primary-ghost text-primary rounded-circle me-3" style="width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;">
|
|
<i class="fas fa-globe-africa fs-4"></i>
|
|
</div>
|
|
<div>
|
|
<h4 id="titre-page" class="mb-0 fw-bold text-uppercase"><?= _("Pays par territoire") ?></h4>
|
|
<p class="text-muted small mb-0"><?= _("Consultation et filtrage des pays selon leur étendue territoriale") ?></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card border-0 shadow-sm mb-2">
|
|
<div class="card-body p-4">
|
|
<div class="row align-items-center">
|
|
<div class="col-md-2 text-md-end">
|
|
<label for="codeTerritoire" class="fw-bold text-uppercase small text-muted">
|
|
<?= _("Étendue Territoire") ?> :
|
|
</label>
|
|
</div>
|
|
<div class="col-md-10">
|
|
<div class="input-group">
|
|
<span class="input-group-text bg-white border-primary-subtle text-primary">
|
|
<i class="fas fa-map-marked-alt"></i>
|
|
</span>
|
|
<select class="form-select selectpicker"
|
|
data-live-search="true"
|
|
id="codeTerritoire"
|
|
name="codeTerritoire"
|
|
onChange="javascript:affiche_pays_territoire();"
|
|
autocomplete="off">
|
|
<?php liste_options($etendueterritoire, "", false); ?>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div id="loader_pays" class="spinner-border spinner-border-sm text-primary d-none" role="status"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="div_pays" class="animate__animated animate__fadeIn">
|
|
<div class="text-center p-5 opacity-50">
|
|
<i class="fas fa-arrow-up fa-2x mb-3 text-primary"></i>
|
|
<p class="fw-bold"><?= _("Veuillez sélectionner un territoire pour afficher les pays correspondants.") ?></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
/* Ajustement spécifique pour aligner le selectpicker avec le style ESI */
|
|
.bootstrap-select .dropdown-toggle {
|
|
border-color: #dee2e6 !important;
|
|
font-weight: 500;
|
|
padding-top: 0.5rem;
|
|
padding-bottom: 0.5rem;
|
|
}
|
|
|
|
.border-dashed {
|
|
border: 2px dashed #dee2e6 !important;
|
|
}
|
|
</style>
|