radiantassure/Vue/Dossiers/index.php
2025-12-07 09:35:13 +00:00

87 lines
2.4 KiB
PHP
Executable File

<?php
$this->titre = "Intersanté - Historique Dossiers";
?>
<div class="card shadow-lg border-0 mb-4" style="border-radius: 15px;">
<div class="card-header bg-primary text-white py-3" style="border-radius: 15px 15px 0 0;">
<div class="row align-items-center">
<div class="col-8">
<h4 id="h4_titre" class="mb-2 text-center">
<i class="fas fa-file-medical me-2"></i>
<?= _("Dossiers médicaux") ?>
</h4>
</div>
</div>
</div>
<div class="card mb-3">
<div class="card-header bg-secondary py-2">
<h5 class="mb-0 text-center text-light">
<?= substr($this->nettoyer($_SESSION['beneficiaire_C']), 0, 25). " ( " .$_SESSION['numeroBeneficiaire_C']. " )" ?>
</h5>
</div>
<div class="card-body">
<form id="filterForm" class="row g-3 align-items-end">
<div class="col-md-4 col-sm-6">
<label for="d1" class="form-label"><?= _("Période du") ?></label>
<input type="text" class="form-control datepicker" id="d1" name="d1"
value="<?= $_SESSION['dUneSemaineAvantFr_C'] ?>" required>
</div>
<div class="col-md-4 col-sm-6">
<label for="d2" class="form-label"><?= _("au") ?></label>
<input type="text" class="form-control datepicker" id="d2" name="d2"
value="<?= dateCouranteLang($_SESSION['lang']) ?>" required>
</div>
<div class="col-md-4 col-sm-6">
<button type="button" class="btn btn-primary w-100 btn_autre" onclick="javascript:listerdossier();">
<i class="fas fa-sync-alt me-2"></i>
<?= _("Actualiser") ?>
</button>
</div>
</form>
</div>
</div>
<!-- Résultats -->
<div id="div_dossiers" class="table-responsive">
</div>
</div>
<style>
/* Amélioration de la lisibilité sur desktop */
@media (min-width: 768px) {
.table {
font-size: 0.9rem;
}
}
/* Amélioration de l'affichage mobile */
@media (max-width: 767.98px) {
.card.mb-3 {
margin-bottom: 1rem !important;
}
.card-body .row > div {
margin-bottom: 0.5rem;
}
.accordion-button {
font-size: 0.8rem;
}
.accordion-body {
font-size: 0.85rem;
}
/* Style pour les icônes */
.span_reponse {
font-size: 1.5rem !important;
}
}
</style>