CMS-CSE/core/views/pages/cms.compte-upload.php

<link rel="stylesheet" href="css/dragAndDrop.css">

<header class="d-flex flex-column flex-md-row align-items-md-center p-3 bg-light ">
    <h2 class="bd-title" id="content">
        <span>Banque : Importer un fichier CSV</span>
    </h2>
</header>
<?php   
        $banque = banque::getInitialCompte(core::getGet("add"));

        echo core::filAriane(array(
            "current" => "Importer un CSV", 
            "arbo" => array( 
                "Comptes bancaires" => NULL,
                $banque["label"] => "/compte-". core::getGet("add") .".html",
                "Importer un CSV" => NULL)
        )); 
?>
<br />
<form action="/submit.php" method="post" enctype="multipart/form-data" onsubmit="loading()">
    <input type="hidden" name="from" value="compte-upload">
    <input type="hidden" name="add" value="<?php echo core::getGet("add") ?>">
    <input type="hidden" name="compte" value="<?php echo $banque["compte"] ?>">

    <div class="file-drop-area">
        <span class="choose-file-button">Choisissez votre fichier CSV</span>
        <span class="file-message">ou déposez le dans cette zone</span>
        <input id="compte-upload" class="import-excel" name="compte-upload" type="file" onchange="dargAndDrop()" accept=".csv" required>
    </div>
    <br />
    <?php button::confirm(
        array(
            "value" => "Charger le dernier CSV émanant du ".$banque["label"]." de Crédit Mutuel",
            "text" => "Vérifiez que le CSV correspond au bon compte. Le compte de destination est ".$banque["label"]." (N°".$banque["compte"].")"
        )
    ) ?>
</form>

<script>
    function dargAndDrop(){    
        var fileName = $("#compte-upload").val().split('\\').pop();
        var ext = fileName.split('.').pop();
        if(ext!=="csv"){
            $("#printToastErrorTxt").html("Seuls les fichiers CSV sont acceptés");
            $("#printToastError").toast('show');
            $('#attachement-document').val("");
        } else {
            $(".file-message").text($(".file-message").text().replace("ou déposez le dans cette zone", "Fichier prêt à être chargé : "+fileName));
        }
    }
</script>