Editeur Editez un fichier

<?php 
//_________________________________________________________________________________
//Récupération du flux
$reqFlow                = getQueries("api_flows", array("idFlow" => encrypt_decrypt("decrypt", rawurldecode($_GET['element']), $key_user, $iv_user)));
if(!$reqFlow['count'])
redirect("index.php?page_slug=icons");
$flow                   = $reqFlow['result'][0];
//_________________________________________________________________________________
?>
<form method="post" action="">
    <div id="navigation">
        <div id="leftside">
            <div id="details">
            <div id="back"><a href="index.php?page_slug=flows"><i class="bi bi-arrow-left-short" style="font-size: 3rem;"></i></a></div>
            <div id="names">
                <p id="title"><?= $flow['flow_name']?></p>
                <p id="subtitle"><?= $flow['flow_description']?></p>
                <input id="flowId" type="text" value="<?= encrypt_decrypt("encrypt", $flow['idFlow'], $key_user, $iv_user)?>" style="display:none;" >
            </div>
        </div>            
        </div>
        <!--<div id="centerswitch">
            <div id="leftswitch">Vue diagramme</div>
            <div id="rightswitch">Code editor</div>
        </div>-->
        <div id="buttonsright">
            <button type="button" class="btn btn-primary me-10" id="save-flow">
                <span class="indicator-label">
                    Enregistrer
                </span>
                <span class="indicator-progress">
                    Veuillez patienter... <span class="spinner-border spinner-border-sm align-middle ms-2"></span>
                </span>
            </button>
        </div>
    </div>
    <div id="leftcard">
        <p id="header">Blocks</p>
        <div id="subnav">
            <div id="triggers" class="navactive side">Déclencheurs</div>
            <div id="actions" class="navdisabled side">Actions</div>
            <div id="loggers" class="navdisabled side">Loggers</div>
        </div>
        <div id="blocklist">
        </div>
        <div id="footer">
            <a href="#" class="btn btn-outline btn-outline-dashed btn-outline-primary btn-active-light-primary btn-active-icon-primary btn-active-text-primary" id="button_paramswrap"><i class="bi bi-server"></i>Paramètres</a>
        </div>
    </div>
    <div id="propwrap">
        <div id="properties">
            <div id="close" class="close">
                <i class="bi bi-x-lg" style="font-size: 1.5rem;"></i>
            </div>
            <p id="header2">Propriétés</p>
            
            <ul class="nav nav-tabs nav-line-tabs nav-line-tabs-2x mb-5 fs-6">
                <li class="nav-item">
                    <a class="nav-link active" data-bs-toggle="tab" href="#tab_data">Données</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-bs-toggle="tab" href="#tab_api">API</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-bs-toggle="tab" href="#tab_logs">Logs</a>
                </li>
            </ul>

            <div class="tab-content" id="tabs">
                <div class="tab-pane fade show active" id="tab_data" role="tabpanel">
                    Et et consectetur ipsum labore excepteur est proident excepteur ad velit occaecat qui minim occaecat veniam.
                </div>
                <div class="tab-pane fade" id="tab_api" role="tabpanel">
                    Nulla est ullamco ut irure incididunt nulla Lorem Lorem minim irure officia enim reprehenderit.
                </div>
                <div class="tab-pane fade" id="tab_logs" role="tabpanel">
                    Sint sit mollit irure quis est nostrud cillum consequat Lorem esse do quis dolor esse fugiat sunt do.
                </div>
            </div>
            
            <div id="removeblock">Supprimer les blocks</div>
        </div>
    </div>
    <div id="paramswrap">
       <div id="close_paramswrap" class="close">
            <i class="bi bi-x-lg" style="font-size: 1.5rem;"></i>
        </div>
        <div class="table-responsive">
        <table class="table table-rounded table-striped border gy-7 gs-7">
            <thead>
                <tr class="fw-bold fs-6 text-gray-800 border-bottom border-gray-200">
                    <th>ID</th>
                    <th>Nom API</th>
                    <th>Description</th>
               </tr>
            </thead>
            <tbody>
                <tr>
                    <td>#123</td>
                    <td><code>[employee_firstname]</code></td>
                    <td>Prénom de l'employé</td>
                </tr>
                <tr>
                    <td>#123</td>
                    <td><code>[employee_lastname]</code></td>
                    <td>Nom de l'employé</td>
                </tr>
          </tbody>
         </table>
        </div>
    </div>
    <div id="canvas"></div>
</form>