radiantassure/Vue/Prestataires/index.php

<?php $this->titre = "INTER-SANTE - Réseau de soins"; ?>

<div class="d-flex align-items-center mb-3">
    <i class="fas fa-hospital-user fa-2x text-primary me-2"></i>
    <h3 class="mb-0 text-uppercase fw-bold text-secondary" style="letter-spacing: 1px;">
        <?= _("Réseau de soins") ?>
    </h3>
</div>

<div class="card shadow-sm border-0 mb-4" style="border-radius: 12px;">
    <div class="card-body bg-light" style="border-radius: 12px;">
        <div class="row g-3">
            <div class="col-12 col-md-4 col-lg-3">
                <label class="form-label small fw-bold text-muted"><?= _("Type de prestataire") ?></label>
                <select class="form-select form-select-sm" id="codeTypePrestataire" name="codeTypePrestataire">
                    <?php liste_options_consultation($typeprestataire, ""); ?>
                </select>
            </div>

            <div class="col-12 col-md-4 col-lg-3">
                <label class="form-label small fw-bold text-muted"><?= _("Réseau") ?></label>
                <select class="form-select form-select-sm" id="codeReseau" name="codeReseau">
                    <?php liste_options_consultation($reseausoins, ""); ?>
                </select>
            </div>

            <div class="col-12 col-md-4 col-lg-4">
                <label class="form-label small fw-bold text-muted"><?= _("Nom du Prestataire") ?></label>
                <div class="input-group input-group-sm">
                    <span class="input-group-text bg-white"><i class="fas fa-search"></i></span>
                    <input class="form-control" type="text" id="libelle" name="libelle" 
                           placeholder="Rechercher un nom..." 
                           onkeypress="javascript:ctrlkeypress_lite_prestataire(event);">
                </div>
            </div>

            <div class="col-12 col-md-4 col-lg-2">
                <label class="form-label small fw-bold text-muted"><?= _("Statut") ?></label>
                <input class="form-control form-control-sm text-center bg-white" type="text" id="nbligne" name="nbligne" value="Lignes : 0" readonly>
            </div>

            <div class="col-12 col-md-4 col-lg-3">
                <label class="form-label small fw-bold text-muted"><?= _("Pays") ?></label>
                <select onChange="ajaxListerVilleConsultation();" class="form-select form-select-sm" id="codePays" name="codePays">
                    <?php liste_options_consultation($pays, $_SESSION['codePaysSociete']); ?>
                </select>
            </div>

            <div class="col-12 col-md-4 col-lg-3">
                <label class="form-label small fw-bold text-muted">
                    <?= (isset($_SESSION['affichagedynamique']['Province'])) ? _($_SESSION['affichagedynamique']['Province']) : _("Province") ?>
                </label>
                <div id="listeville">
                    <select onChange="ajaxListerLocaliteConsultation();" class="form-select form-select-sm" id="codeVille" name="codeVille">
                        <?php liste_options_consultation($ville, ""); ?>
                    </select>
                </div>
            </div>

            <div class="col-12 col-md-4 col-lg-3">
                <label class="form-label small fw-bold text-muted">
                    <?= (isset($_SESSION['affichagedynamique']['Commune'])) ? _($_SESSION['affichagedynamique']['Commune']) : _("Commune") ?>
                </label>
                <div id="listelocalite">
                    <select class="form-select form-select-sm" id="codeLocalite" name="codeLocalite">
                        <?php liste_options_consultation($listelocalite, "" ); ?>
                    </select>
                </div>
            </div>

            <div class="col-12 col-md-4 col-lg-3 d-flex align-items-end">
                <button type="button" class="btn btn-primary btn-sm w-100 fw-bold shadow-sm" onclick="javascript:afficher_lite_prestataire();">
                    <i class="fas fa-filter me-1"></i> <?= _("Afficher les résultats") ?>
                </button>
            </div>
        </div>
    </div>
</div>

<div class="card shadow-sm border-0">
    <div class="card-header bg-white border-bottom py-3">
        <h6 class="mb-0 fw-bold text-primary"><i class="fas fa-list me-2"></i><?= _("Liste des prestataires") ?></h6>
    </div>
    <div class="card-body p-0">
        <div id="div_liste_prestataire" class="table-responsive">
            <table class="table table-hover align-middle mb-0" style="font-size: 0.9rem;">
                <thead class="table-light">
                    <tr>
                        <th class="ps-3"><?= _("Nom") ?></th>
                        <th class="text-center" width="80 px">Code</th>
                        <th>Type</th>
                        <th><?= _("Réseau") ?></th>
                        <th class="text-center"><?= _("Tarif") ?></th>
                        <th class="text-center"><?= _("Cons") ?></th>
                        <th class="text-center" width="50 px">Action</th>
                    </tr>
                </thead>
                <tbody id="body_liste_prestataire">
                    <tr>
                        <td colspan="7" class="text-center text-muted py-4">
                            <i class="fas fa-info-circle me-1"></i> Utilisez les filtres ci-dessus pour afficher les prestataires.
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

<style>
    /* Amélioration visuelle légère */
    .form-select:focus, .form-control:focus {
        border-color: #337ab7;
        box-shadow: 0 0 0 0.2rem rgba(51, 122, 183, 0.25);
    }
    .table thead th {
        text-transform: uppercase;
        font-size: 0.75rem;
        letter-spacing: 0.5px;
        color: #6c757d;
    }
    .btn-primary {
        background-color: #337ab7;
        border-color: #2e6da4;
        transition: all 0.2s;
    }
    .btn-primary:hover {
        background-color: #286090;
        transform: translateY(-1px);
    }
</style>