prestation/Vue/Vidal/index_sav.php

<?php
	$codeBdd = $_SESSION['codeBdd'];
	
?>

<style>
    /* Styles existants */
    body {
        font-family: 'Arial', sans-serif;
        background-color: #e9ecef;
        margin: 0;
        padding: 0;
    }

    .container {
        max-width: 1200px;
        margin: 30px auto;
        padding: 20px;
        background-color: white;
        border-radius: 12px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

    h1 {
        text-align: center;
        margin-bottom: 40px;
        color: #343a40;
    }

    .dashboard {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 20px;
    }

    .card {
        padding: 20px;
        border-radius: 12px;
        text-align: center;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        color: white;
    }

    .card i {
        font-size: 40px;
        margin-bottom: 10px;
    }

    .stats-card {
        background-color: #007bff;
    }

    .paid-card {
        background-color: #28a745;
    }

    .late-card {
        background-color: #dc3545;
    }

    .card:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
    }

    .clients {
        margin-top: 40px;
    }

    .clients h2 {
        text-align: center;
        margin-bottom: 20px;
    }

    .table-container {
        overflow-x: auto;
    }

    table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 20px;
    }

    th, td {
        padding: 12px;
        text-align: left;
        border-bottom: 1px solid #dee2e6;
    }

    th {
        background-color: #007bff;
        color: white;
        /*text-transform: uppercase;*/
    }

    td {
        background-color: #f8f9fa;
    }

    .action-btn {
        color: white;
        border: none;
        padding: 8px 12px;
        cursor: pointer;
        border-radius: 5px;
        transition: background-color 0.3s ease;
    }

    .action-btn.suspend {
        background-color: #dc3545;
    }

    .action-btn.suspend:hover {
        background-color: #b02a37;
    }

    .action-btn.reactivate {
        background-color: #28a745;
    }

    .action-btn.reactivate:hover {
        background-color: #218838;
    }

    #searchInput {
        display: block;
        width: 100%;
        padding: 10px;
        margin: 10px 0;
        border: 1px solid #ced4da;
        border-radius: 5px;
    }

    /* Styles pour la modal */
    .modal {
        display: none;
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .modal-content {
        background-color: white;
        margin: 10% auto;
        padding: 20px;
        width: 50%;
        border-radius: 8px;
        box-shadow: 0px 0px 10px 0px #000;
    }

    .close {
        float: right;
        font-size: 28px;
        cursor: pointer;
        color: #dc3545;
    }

    .close:hover {
        color: #b02a37;
    }
</style>

<INPUT class="sr-only" TYPE="text" id="codeLangue" name="codeLangue" 	value="<?= $_SESSION['p_lang'] ?>">	

<div class="row col-12" style="padding-left:10px;">	
	<div id="div_liste_bd" class="col-4" style="padding-left:0px;padding-right:1px;">
		<table class="table table-responsive table-condensed" style='font-size:10pt;'>
			<tbody>	
				<tr valign="top">
					<td align='center' width="25%" > <?= _("Base de données") ?> </td>
					
					<td align='center' >
						<select name="codeBdd" id="codeBdd" class="form-control selectpicker" data-live-search="true" 
						required AUTOCOMPLETE="OFF" onChange="javascript:changer_bd();" >
							<?= liste_options($bds, $codeBdd, false) ?>
						</select>
					</td>
				</tr>
			</tbody>
		</table>	
	</div>
	
	<div id="div_liste_objet" class="col-8" style="padding-left:0px;padding-right:0px;">
		<table class="table table-responsive table-condensed" style='font-size:10pt;'>
			<tbody>	
				<tr valign="top">
					<td align='center' width="5%" > <?= _("Tables") ?> </td>
					<td align='center' width="20%">
						<select name="tableName" id="tableName" class="form-control selectpicker" data-live-search="true" required AUTOCOMPLETE="OFF">
						</select>
					</td>

					<td align='center' width="5%" > <?= _("Vues") ?> </td>
					<td align='center' width="20%">
					</td>

					<td align='center' width="5%" > <?= _("Procédures") ?> </td>
					<td align='center' width="20%">
					</td>
					
					<td align='center' width="5%" > <?= _("Fonctions") ?> </td>
					<td align='center' width="20%" >
					</td>
				</tr>
			</tbody>
		</table>	
	</div>
</div>

<textarea spellcheck="false" style='font-size:10pt; width:100%;' id ="requete" name="requete" rows="10" class="form-control-lg" required AUTOCOMPLETE="OFF" ></textarea>

<button style='font-size:10pt;' type="button" class="form-control btn btn-primary" onclick="javascript:executer_requete();"> <?= _("Exécuter la requête") ?> </button>


<div id="div_msgErreur">	
</div>

<div id="div_requete">	
</div>