69 lines
3.2 KiB
PHP
69 lines
3.2 KiB
PHP
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Ajouter un nouveau jeu</title>
|
||
<style>
|
||
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f4f7f6; color: #333; margin: 0; padding: 20px; }
|
||
.container { max-width: 650px; margin: 40px auto; background: #fff; padding: 40px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
|
||
|
||
/* Style du bouton retour */
|
||
.back-link { display: inline-block; background: #ecf0f1; padding: 8px 15px; border-radius: 5px; color: #2c3e50; text-decoration: none; margin-bottom: 25px; font-weight: bold; transition: background 0.3s; }
|
||
.back-link:hover { background: #bdc3c7; }
|
||
|
||
h2 { color: #2c3e50; border-bottom: 2px solid #ecf0f1; padding-bottom: 10px; margin-bottom: 30px; margin-top: 0; }
|
||
|
||
/* Style du formulaire */
|
||
.form-group { margin-bottom: 20px; }
|
||
.form-group label { display: block; margin-bottom: 8px; font-weight: 600; color: #34495e; }
|
||
.form-group input[type="text"],
|
||
.form-group input[type="number"],
|
||
.form-group textarea { width: 100%; padding: 11px; border: 1px solid #bdc3c7; border-radius: 4px; font-size: 16px; box-sizing: border-box; outline: none; font-family: inherit; }
|
||
.form-group input:focus, .form-group textarea:focus { border-color: #3498db; box-shadow: 0 0 5px rgba(52, 152, 219, 0.3); }
|
||
|
||
.btn-submit { display: inline-block; background-color: #2ecc71; color: white; padding: 12px 25px; border: none; border-radius: 5px; font-size: 16px; font-weight: bold; cursor: pointer; transition: background 0.3s; width: 100%; margin-top: 10px; }
|
||
.btn-submit:hover { background-color: #27ae60; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="container">
|
||
<a href="<?= site_url('home') ?>" class="back-link">⬅ Retour à l'accueil</a>
|
||
|
||
<h2>Ajouter un nouveau jeu vidéo</h2>
|
||
|
||
<form action="<?= site_url('jeux/ajouter') ?>" method="POST" enctype="multipart/form-data">
|
||
|
||
<div class="form-group">
|
||
<label for="name">Nom du jeu :</label>
|
||
<input type="text" id="name" name="name" required placeholder="Ex: Zelda: Breath of the Wild">
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="releaseYear">Année de sortie :</label>
|
||
<input type="number" id="releaseYear" name="releaseYear" required placeholder="Ex: 2017">
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="developer_name">Développeur :</label>
|
||
<input type="text" id="developer_name" name="developer_name" placeholder="Ex: Nintendo">
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="price">Prix (en centimes, ex: 4999 pour 49,99 €) :</label>
|
||
<input type="number" id="price" name="price" placeholder="Ex: 4999">
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="shortDescription">Description courte :</label>
|
||
<textarea id="shortDescription" name="shortDescription" rows="5" placeholder="Écrivez le résumé du jeu ici..."></textarea>
|
||
</div>
|
||
|
||
<button type="submit" class="btn-submit">➕ Valider et ajouter le jeu</button>
|
||
|
||
</form>
|
||
</div>
|
||
|
||
</body>
|
||
</html>
|