perso.html 19.6 KB
Newer Older
Okhin's avatar
90  
Okhin committed
1 2 3
<div id="subtitle" class="row fluid">
    <div class="page-header">
        <h1 class="text-left">{{ _("Merci de soutenir La Quadrature du Net &lt;3&nbsp;!")}}</h1>
Okhin's avatar
Okhin committed
4
    </div>
Okhin's avatar
90  
Okhin committed
5 6 7 8 9 10 11 12
</div>
<div id="perso" class="row fluid">
    <div class="col-md-4"><!-- Form infos du compte -->
        <div class="panel panel-default">
            <div class="panel-heading" role="tab" id="headingInfos">
                <div class="panel-title col-xs text-left">
                    {{ _("Compte")}}
                    <div class="panel-title col-xs-2 text-right">
Okhin's avatar
Okhin committed
13 14 15
                    </div>
                </div>
            </div>
Okhin's avatar
90  
Okhin committed
16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
            <div id="collapseInfos" class="panel-collapse collapse" aria-labelledby="headingInfos">
                <div class="panel-body text-left">
                    <form method="POST" action="{{ 'infos' | alias }}">
                        <input type="hidden" name="csrf" value="{{ @CSRF }}" />
                        <div class="form-group">
                            <label for="pseudo">{{ _("Pseudo") }}</label>
                            <input type="text" class="form-control" id="pseudo" name="pseudo" value="{{ @infos.pseudo }}">
                        </div>
                        <div class="form-group">
                            <label for="email">{{ _("Adresse mail")}}</label>
                            <input type="email" class="form-control" name="email" id="email" value="{{ @infos.email }}">
                        </div>
                        <div class="form-group">
                            <label for="password">{{ _("Mot de passe")}}</label>
                            <input type="password" class="form-control" name="password" id="password">
31
                        </div>
Okhin's avatar
90  
Okhin committed
32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48
                        <div class="form-group">
                            <label for="password_confirmation">{{ _("Confirmation de mot de passe")}}</label>
                            <input type="password" class="form-control" name="password_confirmation" id="password_confirmation">
                        </div>
                        <input type="submit" class="btn btn-lg btn-primary c-boutonslongs" value="{{ _("Mettre à jour") }}">
                    </form>
                </div>
            </div>
        </div>
    </div><!-- /Form infos du compte -->
    <div class="col-md-4"><!-- Form addresses -->
        <div class="panel panel-default">
            <input id="adresses" type="checkbox">
            <label for="adresses" class="panel-heading" role="tab" id="headingInfos">
                <div class="panel-title col-xs text-left">
                    {{ _("Adresses")}}
                    <div class="panel-title col-xs-2 text-right">
49
                    </div>
Okhin's avatar
90  
Okhin committed
50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71
                </div>
            </label>
            <div id="collapseAdresses" class="panel-collapse collapse" href="#collapseAdresses" aria-expanded="false" aria-controls="collapseAdresses">
                <div class="panel-body text-left">
                    <check if="{{ count(@adresses) > 0 }}">
                    <h3>{{ _("Modifier une adresse")}}</h3>
                    <form>
                        <div class="form-group">
                            <label for="">{{ _("Modifier une adresse")}}</label>
                            <select class="form-control">
                                <repeat group="{{ @adresses }}" value="{{ @adresse }}">
                                <option value="{{ @adresse.id }}">{{ @adresse.alias }}</option>
                                </repeat>
                            </select>
                        </div>
                    </form>
                    <h3>{{ _("Ajouter une nouvelle adresse.")}}</h3>
                    <form method="POST" action="{{ 'adresses' | alias }}" id="create-adress-form">
                        <input type="hidden" name="csrf" value="{{ @CSRF }}" />
                        <input type="hidden" name="action" value="ADD" />
                        <input type="hidden" name="id" value="" />
                        <div class="form-group">
Okhin's avatar
Okhin committed
72
                            <label for="alias">{{ _("Nom de l'adresse")}}</label>
Okhin's avatar
90  
Okhin committed
73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109
                            <input type="text" class="form-control" name="alias" value="">
                        </div>
                        <div class="form-group">
                            <label for="nom">{{ _("Destinataire") }}</label>
                            <input type="text" class="form-control" name="nom" value="">
                        </div>
                        <div class="form-group">
                            <label for="adresse">{{ _("Adresse")}}</label>
                            <input type="text" class="form-control" name="adresse" value="">
                        </div>
                        <div class="form-group">
                            <label for="adresse2">{{ _("Complément d'adresse")}}</label>
                            <input type="text" class="form-control" name="adresse2" value="">
                        </div>
                        <div class="form-group">
                            <label for="codepostal">{{ _("Code Postal")}}</label>
                            <input type="text" class="form-control" name="codepostal" value="">
                        </div>
                        <div class="form-group">
                            <label for="ville">{{ _("Ville")}}</label>
                            <input type="text" class="form-control" name="ville" value="">
                        </div>
                        <div class="form-group">
                            <label for="state">{{ _("Province / État")}}</label>
                            <input type="text" class="form-control" name="state" value="">
                        </div>
                        <div class="form-group">
                            <label for="pays">{{ _("Pays")}}</label>
                            <input type="text" class="form-control" name="pays" value="">
                        </div>
                        <div class="form-group">
                            <label for="default">
                                <input type="checkbox" name="defaut" value="true" >{{ _("Utiliser comme adresse par défaut.") }}
                            </label>
                        </div>
                        <input type="submit" class="btn btn-lg c-boutonslongs" value="{{ _("Créer cette adresse")}}">
                    </form>
Okhin's avatar
Okhin committed
110 111
                </div>
            </div>
Okhin's avatar
90  
Okhin committed
112 113 114 115 116 117 118 119 120
        </div>
    </div><!-- / Form Adresses -->
    <div class="col-md-4"><!-- Form historique -->
        <div class="panel panel-default">
            <input id="histo" type="checkbox">
            <label for="histo" class="panel-heading" role="tab" id="headingInfos">
                <div class="panel-title col-xs text-left">
                    {{ _("Historique")}}
                    <div class="panel-title col-xs-2 text-right">
Okhin's avatar
Okhin committed
121
                    </div>
122
                </div>
Okhin's avatar
90  
Okhin committed
123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158
            </label>
            <div id="collapseHistorique" class="panel-collapse collapse" aria-labelledby="headingHistorique">
                <div class="panel-body text-left">
                    <table class="table text-left">
                        <tr>
                            <th>{{ _("Date") }}</th>
                            <th>{{ _("Dons") }}</th>
                            <th>{{ _("Récurent") }}</th>
                            <th>{{ _("Contreparties") }}</th>
                        </tr>
                        <repeat group="{{ @dons_recurrents }}" value="{{ @don }}">
                        <tr>
                            <td>{{ @don.datec }}</td>
                            <td>{{ @don.somme }}</td>
                            <td>{{ _("Oui")}}</td>
                            <td></td>
                        </tr>
                        </repeat>
                        <repeat group="{{ @dons }}" value="{{ @don }}">
                        <tr>
                            <td>{{ @don.datec }}</td>
                            <td>{{ @don.somme }}</td>
                            <td>{{ _("Non")}}</td>
                            <td></td>
                        </tr>
                        </repeat>
                        <repeat group="{{ @contreparties }}" value="{{ @contrepartie }}">
                        <tr>
                            <td>{{ @contrepartie.datec }}</td>
                            <td></td>
                            <td></td>
                            <td>{{ @contrepartie.quoi }}</td>
                        </tr>
                        </repeat>
                    </table>
                </div>
159
            </div>
Okhin's avatar
90  
Okhin committed
160 161 162
        </div>
    </div><!-- / Form historique -->
</div>
163
</section>
Marne's avatar
Marne committed
164
<section id="wrapper" class="text-center fluid">
Okhin's avatar
Okhin committed
165 166 167 168 169
    <div id="subtitle" class="row">
        <div class="page-header">
            <h2 class="text-left">{{ _("Vos dons")}}</h2>
        </div>
    </div>
Marne's avatar
Marne committed
170
    <div id="vosdons" class="row">
Okhin's avatar
Okhin committed
171 172 173 174 175
        <div class="col-md-4"><!-- déjà donné -->
            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="headingOne">
                    <div class="panel-title">
                        <p>{{ _("Vous avez déjà donné")}}</p>
176 177
                    </div>
                </div>
Okhin's avatar
Okhin committed
178 179 180
                <div class="panel-body c-pannelfondblanc">
                    <p class="c-groschiffre">{{ @infos.total }}&nbsp;</p>
                </div>
181
            </div>
Okhin's avatar
Okhin committed
182 183 184 185 186 187 188 189 190 191
        </div><!-- / Déjà donné -->
        <div class="col-md-4"><!-- disponible -->
            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="headingOne">
                    <div class="panel-title">
                        <p>{{ _("Disponible pour demander des contreparties")}}</p>
                    </div>
                </div>
                <div class="panel-body c-pannelfondblanc">
                    <p class="c-groschiffre">{{ @infos.cumul }}&nbsp;</p>
192 193
                </div>
            </div>
Okhin's avatar
Okhin committed
194 195 196 197
        </div><!-- / disponible -->
    </div>
    <div class="row"><!-- nouveau don -->
        <div class="row">
Marne's avatar
Marne committed
198
            <button type="button" class="btn btn-lg btn-primary c-boutonscourts" data-toggle="modal" data-target="#ModaleConfirmation">{{ _("Faire un nouveau don")}}</button>
199 200 201
        </div>
    </div>
</section>
Okhin's avatar
Okhin committed
202

Marne's avatar
Marne committed
203
<section id="wrapper" class="text-center fluid">
204
<div id="subtitle" class="row">
Okhin's avatar
Okhin committed
205 206 207 208
    <div class="page-header">
        <h2 class="text-left">{{ _("Demander des contreparties")}}</h2>
    </div>
    <!-- FIXME: Lien page contrepartie -->
Okhin's avatar
Okhin committed
209
    <p class="text-left">{{ _("Pour débloquer les objets associés à un bonus, cliquez sur l'icône de celui-ci. Le montant disponible pour les objets sera déduit du montant du palier et les objets seront disponibles sur la page <a href=\"#\">Mes contreparties</a> pour en demander la livraison.")}}</p>
Okhin's avatar
Okhin committed
210 211 212
    <div id="" class="row">
        <form method="POST" action="{{ 'add_contrepartie' | alias }}" name="contreparties">
            <input type="hidden" name="csrf" value="{{ @CSRF }}">
Okhin's avatar
Okhin committed
213
            <check if="{{ @infos.cumul >= 30 }}">
Okhin's avatar
Okhin committed
214 215 216 217 218 219 220 221
            <div class="col-md-8 col-md-offset-2"><!-- piplome -->
                <div class="panel panel-default">
                    <div class="panel-body c-panelcontrepartie">
                        <div class="col-md-1">
                            <input type="checkbox" name="quoi" id="quoi1" class="" checked <check if="{{ @infos.cumul < 30 }}">disabled</check> value="piplome">
                        </div>
                        <div class="col-md-3 text-center">
                            <p>
222
                                <img class="" src="/static/img/piplome.svg" alt="">
Okhin's avatar
90  
Okhin committed
223 224 225 226 227 228 229 230 231 232 233 234 235 236 237
                                </p>
                            </div>
                            <div class="col-md-8">
                                <div class="form-group text-left">
                                    <label for="quoi1">
                                        <h3 class="text-left">{{ _("Piplôme")}}</h3>
                                    </label>
                                    <div class="text-left">
                                        <label for="piplome_id">{{ _("Titulaire du Piplôme")}}</label>
                                        <input type="text" class="form-control" id="piplome_id" name="piplome_id" value="" placeholder="Nom, prénom, pseudonyme, etc …">
                                    </div>
                                </div>
                            </div>
                            <div class="c-prixcontrepartie">
                                <p>30&nbsp;</p>
Okhin's avatar
Okhin committed
238 239 240
                            </div>
                        </div>
                    </div>
Okhin's avatar
90  
Okhin committed
241 242 243 244 245 246 247 248 249 250 251
                </div><!-- piplome -->
                </check>
                <check if="{{ @infos.cumul >= 50 }}">
                <div class="col-md-8 col-md-offset-2"><!-- Pibag -->
                    <div class="panel panel-default">
                        <div class="panel-body c-panelcontrepartie">
                            <div class="col-md-1">
                                <input type="checkbox" class="" id="quoi2" name="quoi" <check if="{{ @infos.cumul < 50 }}">disabled</check> value="pibag">
                            </div>
                            <div class="col-md-3 text-center">
                                <p>
252
                                <img class="" src="/static/img/pibag.svg" alt="">
Okhin's avatar
90  
Okhin committed
253 254 255 256 257 258 259 260 261 262 263
                                </p>
                            </div>
                            <div class="col-md-8">
                                <div class="form-group text-left">
                                    <label for="quoi2">
                                        <h3 class="text-left">{{ _("Pibag")}}</h3>
                                    </label>
                                </div>
                            </div>
                            <div class="c-prixcontrepartie">
                                <p>50&nbsp;</p>
Okhin's avatar
Okhin committed
264 265 266
                            </div>
                        </div>
                    </div>
Okhin's avatar
90  
Okhin committed
267 268 269 270 271 272 273 274 275 276 277
                </div><!-- / Pibag -->
                </check>
                <check if="{{ @infos.cumul >= 100 }}">
                <div class="col-md-8 col-md-offset-2"><!-- Pishirt -->
                    <div class="panel panel-default">
                        <div class="panel-body c-panelcontrepartie">
                            <div class="col-md-1">
                                <input type="checkbox" class="" id="quoi3" name="quoi"<check if="{{ @infos.cumul < 100 }}">disabled</check> value="pishirt">
                            </div>
                            <div class="col-md-3 text-center">
                                <p>
278
                                <img class="" src="/static/img/pishirt.svg" alt="">
Okhin's avatar
90  
Okhin committed
279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294
                                </p>
                            </div>
                            <div class="col-md-8">
                                <div class="form-group text-left">
                                    <label for="quoi3">
                                        <h3 class="text-left">{{ _("Pi-Shirt")}}</h3>
                                    </label>
                                    <div class="text-left">
                                        <div class="form-group text-left">
                                            <label for="taille">{{ _("Taille") }}</label>
                                            <select class="form-control" name="taille">
                                                <repeat group="{{ @atailles }}" key="{{ @key }}" value="{{ @value }}">
                                                <option value="{{ @key }}">{{ @value }}</option>
                                                </repeat>
                                            </select>
                                        </div>
Okhin's avatar
Okhin committed
295
                                    </div>
Okhin's avatar
90  
Okhin committed
296 297 298 299
                                </div>
                            </div>
                            <div class="c-prixcontrepartie">
                                <p>100&nbsp;</p>
Okhin's avatar
Okhin committed
300
                            </div>
301
                        </div>
Okhin's avatar
Okhin committed
302
                    </div>
Okhin's avatar
90  
Okhin committed
303 304 305 306 307 308 309 310 311 312 313
                </div><!-- / Pishirt -->
                </check>
                <check if="{{ @infos.cumul >= 250 }}">
                <div class="col-md-8 col-md-offset-2"><!-- Hoopi -->
                    <div class="panel panel-default">
                        <div class="panel-body c-panelcontrepartie">
                            <div class="col-md-1">
                                <input type="checkbox" class="" id="quoi4" name="quoi"<check if="{{ @infos.cumul < 250 }}">disabled</check> value="hoopie">
                            </div>
                            <div class="col-md-3 text-center">
                                <p>
314
                                <img class="media-object" src="/static/img/hoopie.svg" alt="">
Okhin's avatar
90  
Okhin committed
315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330
                                </p>
                            </div>
                            <div class="col-md-8">
                                <div class="form-group text-left">
                                    <label for="quoi4">
                                        <h3 class="text-left">{{ _("Hoodie")}}</h3>
                                    </label>
                                    <div class="text-left">
                                        <div class="form-group text-left">
                                            <label for="taille">{{ _("Taille") }}</label>
                                            <select name="taille_h" class="form-control">
                                                <repeat group="{{ @atailles }}" key="{{ @key }}" value="{{ @value }}">
                                                <option value="{{ @key }}">{{ @value }}</option>
                                                </repeat>
                                            </select>
                                        </div>
Okhin's avatar
Okhin committed
331
                                    </div>
Okhin's avatar
90  
Okhin committed
332 333 334 335
                                </div>
                            </div>
                            <div class="c-prixcontrepartie">
                                <p>250&nbsp;</p>
336 337 338
                            </div>
                        </div>
                    </div>
Okhin's avatar
Okhin committed
339 340 341 342 343 344 345
                </div>
            </div><!-- / Hoopi -->
            </check>
            <check if="{{ count(@adresses) > 0 }}">
            <div class="col-md-8 col-md-offset-2"><!-- Adresse -->
                <div class="form-group form-inline">
                    <label for="adresses">{{ _("Envoyer à l'adresse :")}}</label>
Marne's avatar
Marne committed
346
                    <select class="form-control" name="adresse_id">
Okhin's avatar
Okhin committed
347
                        <repeat group="{{ @adresses }}" value="{{ @adresse }}">
Okhin's avatar
Okhin committed
348
                        <option value="{{ @adresse.id }}" <check if="{{ @adresse.defaut != 0 }}">selected</check>>{{ @adresse.alias }} - {{ @adresse.adresse }} {{@adresse.adresse2 }}</option>
Okhin's avatar
Okhin committed
349
                        </repeat>
Okhin's avatar
Okhin committed
350 351 352 353
                    </select>
                </div>
            </div><!-- / Adresse -->
            <div class="col-md-8 col-md-offset-2"><!-- Bouton -->
Marne's avatar
Marne committed
354
                <input type="submit" class="btn btn-lg btn-primary c-boutonscourts" value="{{ _('Envoyer')}}">
Okhin's avatar
Okhin committed
355 356 357 358 359 360 361 362
            </div><!-- / bouton -->
            </check>
        </form>
    </div>
</section>

<!-- Modale de confirmation -->
<!-- TODO: Récupérer le contenu de la modale -->
Okhin's avatar
90  
Okhin committed
363 364 365 366 367 368 369 370 371 372
<!-- On utilise un GET /perso avec le formulaire précent pour peupler la modale -->
<section>
    <div class="modal fade" id="ModaleConfirmation" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content c-modale">
                <div class="modal-body">

                    {{ print_r($GET) }}
                </div>
            </div>
373 374 375
        </div>
    </div>
</section>