diff --git a/application/views/layout/getter.php b/application/views/layout/getter.php index 792f762..d0b35f7 100644 --- a/application/views/layout/getter.php +++ b/application/views/layout/getter.php @@ -1,32 +1,45 @@ -<form methode="GET"> - <input type="text" name="query" palceholder="Rechercher..."> -</form> -<form methode="GET"> - <select name="artist" id="artist"> - <option value=''>Tous</option> - <?php foreach($artistes as $artiste){ - echo "<option value='{$artiste->name}'>{$artiste->name}</option>"; - } - ?> +<button onclick="toggleFilters()">Filtrer</button> + + <div id="filters" style="display: none;"> + <form method="GET" action=""> + <input type="text" name="query" placeholder="Rechercher..." value="<?= isset($_GET['query']) ? $_GET['query'] : '' ?>"> + </form> + + <form method="GET" action=""> + <select name="artist" id="artist" onchange="submitForm()> + <option value=''>Tous</option> + <?php foreach($artistes as $artiste): ?> + <option value="<?= $artiste->name ?>" <?= isset($_GET['artist']) && $_GET['artist'] == $artiste->name ? 'selected' : '' ?>><?= $artiste->name ?></option> + <?php endforeach; ?> </select> - <select name="genre" id="genre"> - <option value=''>Tous</option> - <?php foreach($genres as $genre){ - echo "<option value='{$genre->name}'>{$genre->name}</option>"; - } - ?> + <select name="genre" id="genre" onchange="submitForm()> + <option value=''>Tous</option> + <?php foreach($genres as $genre): ?> + <option value="<?= $genre->name ?>" <?= isset($_GET['genre']) && $_GET['genre'] == $genre->name ? 'selected' : '' ?>><?= $genre->name ?></option> + <?php endforeach; ?> </select> <select name="order" id="order" onchange="submitForm()"> <option value="">Ordre :</option> - <option value="asc">Croissant</option> - <option value="desc">Decroissant</option> + <option value="asc" <?= isset($_GET['order']) && $_GET['order'] == 'asc' ? 'selected' : '' ?>>Croissant</option> + <option value="desc" <?= isset($_GET['order']) && $_GET['order'] == 'desc' ? 'selected' : '' ?>>Decroissant</option> </select> + </form> + </div> - <button type="submit">Envoyer</button> -</form> -</main> -</body> -</html> \ No newline at end of file + <script> + function toggleFilters() { + var filters = document.getElementById('filters'); + if (filters.style.display === 'none') { + filters.style.display = 'block'; + } else { + filters.style.display = 'none'; + } + } + + function submitForm() { + document.getElementById('filters').submit(); + } + </script> \ No newline at end of file