64 lines
2.5 KiB
PHP
64 lines
2.5 KiB
PHP
<div id="div_police" class="container-fluid py-1 animate__animated animate__fadeIn">
|
|
<h1 class="text-primary"><i class="bi bi-file-earmark-text me-2"></i><?= _('Sélectionner une police') ?></h1>
|
|
|
|
<div class="row g-3 align-items-end">
|
|
<div class="col-md-7">
|
|
<label for="idPolice" class="form-label extra-small fw-bold text-muted text-uppercase mb-2">
|
|
<i class="fa-solid fa-circle-dot text-primary me-1"></i><?= _("Police d'Assurance cible") ?>
|
|
</label>
|
|
<div class="input-group border rounded-3 overflow-hidden shadow-sm transition-focus">
|
|
<span class="input-group-text bg-light border-0">
|
|
<i class="fa-solid fa-file-contract text-primary"></i>
|
|
</span>
|
|
<select class="form-select border-0 fw-bold text-dark"
|
|
id="idPolice"
|
|
name="idPolice"
|
|
required
|
|
onchange="javascript:ajax_contexter_police();"
|
|
style="font-size: 10pt; height: 45px;">
|
|
<?php liste_options($polices, "", false); ?>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-5">
|
|
<button type="button"
|
|
class="btn btn-primary w-100 fw-bold shadow-sm d-flex align-items-center justify-content-center hover-lift"
|
|
onclick="javascript:ouvrir_vue('<?= $vue; ?>');"
|
|
style="height: 45px; border-radius: 8px;">
|
|
<i class="fas fa-external-link-alt me-2"></i>
|
|
<span><?= _("Accéder au module") ?></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.extra-small { font-size: 0.7rem; }
|
|
|
|
/* Animation de focus sur l'input group */
|
|
.transition-focus {
|
|
transition: all 0.2s ease-in-out;
|
|
border: 1px solid #dee2e6 !important;
|
|
}
|
|
.transition-focus:focus-within {
|
|
border-color: #0d6efd !important;
|
|
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15) !important;
|
|
}
|
|
|
|
/* Effet au survol du bouton */
|
|
.hover-lift {
|
|
transition: transform 0.2s ease, box-shadow 0.2s ease;
|
|
}
|
|
.hover-lift:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 4px 12px rgba(13, 110, 253, 0.3) !important;
|
|
}
|
|
|
|
/* Style du select pour éviter le contour bleu par défaut de Bootstrap */
|
|
.form-select:focus {
|
|
box-shadow: none;
|
|
}
|
|
</style>
|
|
|
|
|