| @@ -0,0 +1,127 @@ |
| @@ -0,0 +1,127 @@ |
| |
1
| +<?php |
| |
2
| +include("header.php"); |
| |
3
| +?> |
| |
4
| + <!-- Réutilisable --> |
| |
5
| + <ul id="menuUtilisateur" class="dropdown-content"> |
| |
6
| + <li><a href="#!">Se déconnecter</a></li> |
| |
7
| + <li><a href="#!">Changer de mot de passe</a></li> |
| |
8
| + <li><a href="#!">Changer de carte</a></li> |
| |
9
| + <li class="prezSeul"><a href="#!">Gestion des utilisateurs</a></li> |
| |
10
| + </ul> |
| |
11
| + <div id="passerCarte" class="modal"> |
| |
12
| + <div class="modal-content"> |
| |
13
| + <h4>Passez la carte du client</h4> |
| |
14
| + <p>Veuillez passer la carte du client concerné pour finaliser l'action suivante : <strong>recharger 10 €</strong>.</p> |
| |
15
| + </div> |
| |
16
| + <div class="modal-footer"> |
| |
17
| + <a href="#!" class="modal-action modal-close waves-effect waves-red btn-flat">Annuler</a> |
| |
18
| + </div> |
| |
19
| + </div> |
| |
20
| + <div id="soldeInsuffisant" class="modal"> |
| |
21
| + <div class="modal-content"> |
| |
22
| + <h4>Solde insuffisant</h4> |
| |
23
| + <p> |
| |
24
| + Le solde de la carte <strong>QUAELUY1RO</strong> n'est pas suffisant pour effectuer un paiement de 3,50 €.<br/> |
| |
25
| + Solde actuel : 2,70 €<br/> |
| |
26
| + Manquant : 0,80 €<br/> |
| |
27
| + </p> |
| |
28
| + </div> |
| |
29
| + <div class="modal-footer"> |
| |
30
| + <a href="#rechargement" class="modal-action modal-close waves-effect waves-green btn-flat">Recharger</a> |
| |
31
| + <a href="#!" class="modal-action modal-close waves-effect waves-red btn-flat">Annuler</a> |
| |
32
| + </div> |
| |
33
| + </div> |
| |
34
| + |
| |
35
| + <!-- Page --> |
| |
36
| + <nav class="red" role="navigation"> |
| |
37
| + <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">10⁵</a> |
| |
38
| + <ul class="right hide-on-med-and-down"> |
| |
39
| + <li><a class="dropdown-button" href="#!" data-activates="menuUtilisateur"><i class="material-icons">perm_identity</i> vigou (<i class="material-icons">timer</i> 3:12)</a></li> |
| |
40
| + </ul> |
| |
41
| + |
| |
42
| + <ul id="nav-mobile" class="side-nav"> |
| |
43
| + <li><a href="#">TODO</a></li> |
| |
44
| + </ul> |
| |
45
| + <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a> |
| |
46
| + </div> |
| |
47
| + <div class="col s12 red"> |
| |
48
| + <ul class="tabs red"> |
| |
49
| + <li class="tab col s3"><a href="#creation">Création</a></li> |
| |
50
| + <li class="tab col s3"><a href="#rechargement">Rechargement</a></li> |
| |
51
| + <li class="tab col s3"><a class="active" href="#paiement">Paiement</a></li> |
| |
52
| + <li class="tab col s3"><a href="#vidange">Vidange</a></li> |
| |
53
| + </ul> |
| |
54
| + </div> |
| |
55
| + </nav> |
| |
56
| + <div class="section no-pad-bot" id="main"> |
| |
57
| + <div class="container"> |
| |
58
| + <br><br><br> |
| |
59
| + <div class="row center"> |
| |
60
| + <div id="creation"> |
| |
61
| + <h5>Créer un nouveau client</h5> |
| |
62
| + <div class="row"> |
| |
63
| + <form class="col s12"> |
| |
64
| + <div class="input-field col s12"> |
| |
65
| + <input type="number" id="solde"> |
| |
66
| + <label for="solde">Solde initial (€)</label> |
| |
67
| + </div> |
| |
68
| + <div class="row center"> |
| |
69
| + <a href="#!" id="creer" class="btn-large waves-effect waves-light">Créer</a> |
| |
70
| + </div> |
| |
71
| + </form> |
| |
72
| + </div> |
| |
73
| + </div> |
| |
74
| + <div id="rechargement"> |
| |
75
| + <h5>Recharger un client</h5> |
| |
76
| + <div class="row"> |
| |
77
| + <form class="col s12"> |
| |
78
| + <div class="input-field col s12"> |
| |
79
| + <input type="number" id="credit"> |
| |
80
| + <label for="credit">Crédit (€)</label> |
| |
81
| + </div> |
| |
82
| + <div class="row center"> |
| |
83
| + <a href="#passerCarte" id="recharger" class="btn-large waves-effect waves-light btn modal-trigger">Recharger</a> |
| |
84
| + </div> |
| |
85
| + </form> |
| |
86
| + </div> |
| |
87
| + </div> |
| |
88
| + <div id="paiement"> |
| |
89
| + <h5>Vendre à un client</h5> |
| |
90
| + <div class="row"> |
| |
91
| + <form class="col s12"> |
| |
92
| + <div id="grilleBieres"> |
| |
93
| + <div class="row"> |
| |
94
| + <div class="col s4"><a onclick="vendu()" class="waves-effect waves-light btn">1</a></div> |
| |
95
| + <div class="col s4"><a class="waves-effect waves-light btn">2</a></div> |
| |
96
| + <div class="col s4"><a class="waves-effect waves-light btn">3</a></div> |
| |
97
| + </div> |
| |
98
| + <div class="row"> |
| |
99
| + <div class="col s4"><a class="waves-effect waves-light btn">4</a></div> |
| |
100
| + <div class="col s4"><a class="waves-effect waves-light btn">5</a></div> |
| |
101
| + <div class="col s4"><a class="waves-effect waves-light btn">6</a></div> |
| |
102
| + </div> |
| |
103
| + </div> |
| |
104
| + <div class="row"> |
| |
105
| + <div class="input-field col s12"> |
| |
106
| + <input type="number" id="prix"> |
| |
107
| + <label for="prix">Prix (€)</label> |
| |
108
| + </div> |
| |
109
| + </div> |
| |
110
| + <div class="row center"> |
| |
111
| + <a href="#!" id="payer" onclick="soldeInsuffisant()" class="btn-large waves-effect waves-light">Payer</a> |
| |
112
| + </div> |
| |
113
| + </form> |
| |
114
| + </div> |
| |
115
| + </div> |
| |
116
| + <div id="vidange"> |
| |
117
| + <h5>Vider le contenu de la carte d'un client</h5> |
| |
118
| + <div class="row center"> |
| |
119
| + <a href="#!" id="payer" class="btn-large waves-effect waves-light">Vider</a> |
| |
120
| + </div> |
| |
121
| + </div> |
| |
122
| + </div> |
| |
123
| + </div> |
| |
124
| + </div> |
| |
125
| +<?php |
| |
126
| +include "footer.php" |
| |
127
| +?> |