perso.html

<section id="wrapper">
    <div id="subtitle" class="row">
        <div class="page-header">
            <h1 class="text-left">{{ _("Merci de soutenir La Quadrature du Net &lt;3&nbsp;!")}}</h1>
        </div>
        <div id="perso" class="row fluid">
            <div class="col-md-4"><!-- Form infos du compte -->
                <div class="panel panel-default">
                    <input id="compte" type="checkbox">
                    <label for="compte" 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">
                            </div>
                        </div>
                    </label>
                    <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">
                                </div>
                                <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 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">
                            </div>
                            <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><!-- /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">
                            {{ _("Adresse")}}
                            <div class="panel-title col-xs-2 text-right">
                            </div>
                        </div>
                    </label>
                    <div id="collapseAdresses" class="panel-collapse collapse" href="#collapseAdresses" aria-expanded="false" aria-controls="collapseAdresses">
                        <div class="panel-body text-left">
                            <h3>{{ _("Renseigner votre 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="{{ @@adresse.id }}" />
                                <div class="form-group">
                                    <label for="nom">{{ _("Destinataire") }}</label>
                                    <input type="text" class="form-control" name="nom" value="{{ @@adresse.nom }}">
                                </div>
                                <div class="form-group">
                                    <label for="adresse">{{ _("Adresse")}}</label>
                                    <input type="text" class="form-control" name="adresse" value="{{ @@adresse.adresse }}">
                                </div>
                                <div class="form-group">
                                    <label for="adresse2">{{ _("Complément d'adresse")}}</label>
                                    <input type="text" class="form-control" name="adresse2" value=" {{ @@adresse.adresse2 }}">
                                </div>
                                <div class="form-group">
                                    <label for="codepostal">{{ _("Code Postal")}}</label>
                                    <input type="text" class="form-control" name="codepostal" value="{{ @@adresse.codepostal }}">
                                </div>
                                <div class="form-group">
                                    <label for="ville">{{ _("Ville")}}</label>
                                    <input type="text" class="form-control" name="ville" value="{{ @@adresse.ville }}">
                                </div>
                                <div class="form-group">
                                    <label for="state">{{ _("Province / État")}}</label>
                                    <input type="text" class="form-control" name="state" value="{{ @@adresse.state }}">
                                </div>
                                <div class="form-group">
                                    <label for="pays">{{ _("Pays")}}</label>
                                    <input type="text" class="form-control" name="pays" value="{{ @@adresse.pays }}">
                                </div>
                                <check if="{{ @adresse }}">
                                <true>
                                <input type="submit" class="btn btn-lg c-boutonslongs" value="{{ _("Modifier cette adresse")}}">
                                </true>
                                <false>
                                <input type="submit" class="btn btn-lg c-boutonslongs" value="{{ _("Créer cette adresse")}}">
                                </false>
                                </check>
                            </form>
                        </div>
                    </div>
                </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">
                            </div>
                        </div>
                    </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>
                    </div>
                </div>
            </div><!-- / Form historique -->
        </div>
</section>
<section id="wrapper" class="text-center fluid">
    <div id="subtitle" class="row">
        <div class="page-header">
            <h2 class="text-left">{{ _("Vos dons")}}</h2>
        </div>
    </div>
    <div id="vosdons" class="row">
        <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>
                    </div>
                </div>
                <div class="panel-body c-pannelfondblanc">
                    <p class="c-groschiffre">{{ @infos.total }}&nbsp;€</p>
                </div>
            </div>
        </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>
                </div>
            </div>
        </div><!-- / disponible -->
    </div>
    <div class="row"><!-- nouveau don -->
        <div class="row">
            <div class="col-md-4 col-md-offset-4">
                <a href="/#step1" type=""class="btn btn-lg btn-primary c-boutonscourts">{{ _("Faire un nouveau don")}}</a>
            </div>
        </div>
    </div>
</section>

<section id="wrapper" class="text-center fluid">
    <div id="subtitle" class="row">
        <div class="page-header">
            <h2 class="text-left">{{ _("Demander des contreparties")}}</h2>
        </div>
        <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>
        <div id="" class="row">
            <form method="GET" action="{{ 'perso' | alias }}" name="contreparties">
                <input type="hidden" name="validate" value="true">
                <label></label>
                <check if="{{ @infos.cumul >= 30 }}">
                <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="radio" name="quoi" id="quoi1" class="radio" checked <check if="{{ @infos.cumul < 30 }}">disabled</check> value="piplome">
                                <label for="quoi1"></label>
                            </div>
                            <div class="col-md-3 text-center">
                                <p>
                                <img class="" src="/static/img/piplome.svg" alt="">
                                </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>
                            </div>
                        </div>
                    </div>
                </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="radio" class="radio" id="quoi2" name="quoi" <check if="{{ @infos.cumul < 50 }}">disabled</check> value="pibag">
                                <label for="quoi2"></label>
                            </div>
                            <div class="col-md-3 text-center">
                                <p>
                                <img class="" src="/static/img/pibag2.svg" alt="">
                                </p>
                            </div>
                            <div class="col-md-8">
                                <div class="form-group text-left">
                                    <label for="quoi2">
                                        <h3 class="text-left">{{ _("Pibag")}}</h3>
                                        <h5>{{ _("Ainsi que le piplome.") }}</h5>
                                    </label>
                                </div>
                            </div>
                            <div class="c-prixcontrepartie">
                                <p>50&nbsp;€</p>
                            </div>
                        </div>
                    </div>
                </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="radio" class="radio" id="quoi3" name="quoi" <check if="{{ @infos.cumul < 100 }}">disabled</check> value="pishirt">
                                <label for="quoi3"></label>
                            </div>
                            <div class="col-md-3 text-center">
                                <p>
                                <img class="" src="/static/img/pishirt2.svg" alt="">
                                </p>
                            </div>
                            <div class="col-md-8">
                                <div class="form-group text-left">
                                    <label for="quoi3">
                                        <h3 class="text-left">{{ _("Pi-Shirt")}}</h3>
                                        <h5>{{ _("Ainsi que le piplome et le pibag.") }}</h5>
                                    </label>
                                    <form 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>
                                </div>
                            </div>
                            <div class="c-prixcontrepartie">
                                <p>100&nbsp;€</p>
                            </div>
                        </div>
                    </div>
                </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="radio" class="radio" id="quoi4" name="quoi"<check if="{{ @infos.cumul < 250 }}">disabled</check> value="hoopie">
                                <label for="quoi4"></label>
                            </div>
                            <div class="col-md-3 text-center">
                                <p>
                                <img class="media-object" src="/static/img/hoopie2.svg" alt="">
                                </p>
                            </div>
                            <div class="col-md-8">
                                <div class="form-group text-left">
                                    <label for="quoi4">
                                        <h3 class="text-left">{{ _("Hoodie")}}</h3>
                                        <h5>{{ _("Ainsi que le pi-shirt, le piplome et le pibag.") }}</h5>
                                    </label>
                                    <form 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>
                                </div>
                            </div>
                            <div class="c-prixcontrepartie">
                                <p>250&nbsp;€</p>
                            </div>
                        </div>
                    </div>
                </div><!-- / Hoopi -->
                </check>
                <check if="{{ @adresse }}">
                <true>
                    <div class="col-md-8 col-md-offset-2">
                        <h3>Veuillez ajouter une adresse postale <a href="#headingInfos" for="adresses">ici</a></h3>
                    </div>
                </true>
                <false>
                <div class="col-md-8 col-md-offset-2">
                    <h3>Veuillez ajouter une adresse postale <a href="#headingInfos" for="adresses">ici</a></h3>
                </div>
                </false>
                </check>
                <div class="col-md-8 col-md-offset-2"><!-- Bouton -->
                    <input type="submit" class="btn btn-lg btn-primary c-boutonscourts" value="{{ _('Envoyer')}}" <check if="{{ @adresse }}"><false>disabled</false></check>>
                </div><!-- / bouton -->
            </form>
        </div>
    </div>
</section>

<!-- Modale de confirmation -->
<!-- On utilise un GET /perso avec le formulaire précent pour peupler la modale -->
<check if="{{ @modal_counterparts == 1 }}">
<div class="modal fade show in" id="ModaleConfirmation" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <form class="text-left" method="POST" action="{{ 'add_contrepartie' | alias}}">
            <div class="modal-content c-modale">
                <div class="modal-body">
                    <h3>{{ _("Envoyer à l'adresse&nbsp;:") }}</h3>
                    <p class="addressmodal">
                    {{ @adresse.nom }}<br>
                    {{ @adresse.adresse }}<br>
                    <check if="{{ @@adresse.adresse2 }}">
                    {{ @adresse.adresse2 }}<br>
                    </check>
                    {{ @adresse.codepostal }}&nbsp;
                    {{ @adresse.ville }}
                    <check if="{{ @@adresse.state }}">
                    {{ @adresse.state }}&nbsp;
                    </check>
                    {{ @adresse.pays }}
                    </p>
                    <h3>{{ _("Récapitulatif&nbsp;:") }}</h3>
                    <ul class="list-unstyled">
                        <check if="{{ in_array(@GET['quoi'], array('piplome', 'pibag', 'pishirt', 'hoopie')) }}">
                        <li class="media">
                            <div class="media-left">
                                <img class="media-object" src="/static/img/piplome.svg" alt="">
                            </div>
                            <div class="media-body">
                                {{ _("Un piplôme") }}
                            </div>
                        </li>
                        </check>
                        <check if="{{ in_array(@GET['quoi'], array('pibag', 'pishirt', 'hoopie')) }}">
                        <li class="media">
                            <div class="media-left">
                                <img class="media-object" src="/static/img/pibag2.svg" alt="">
                            </div>
                            <div class="media-body">
                                {{ _("Un pibag") }}
                            </div>
                        </li>
                        </check>
                        <check if="{{ in_array(@GET['quoi'], array('pishirt', 'hoopie')) }}">
                        <li class="media">
                            <div class="media-left">
                                <img class="media-object" src="/static/img/pishirt2.svg" alt="">
                            </div>
                            <div class="media-body">
                                {{ _("Un pi-shirt") }} ({{@atailles[@GET['taille']]}})
                            </div>
                        </li>
                        </check>
                        <check if="{{ in_array(@GET['quoi'], array('hoopie')) }}">
                        <li class="media">
                            <div class="media-left">
                                <img class="media-object" src="/static/img/hoopie2.svg" alt="">
                            </div>
                            <div class="media-body">
                                {{ _("Un hoopie") }} ({{@atailles[@GET['taille_h']]}})
                            </div>
                        </li>
                        </check>
                    </ul>
                </div>
                <div class="form-group text-left">
                    <label for="commentaire"><h3>{{ _("Un commentaire&nbsp;? Si il y a un objet du pack que vous ne voulez pas indiquez-le nous :)") }}</h3></label>
                    <textarea class="form-control" id="commentaire" name="commentaire" placeholder="" row="3"></textarea>
                    <div class="modal-footer">
                        <input type="hidden" name="csrf" value="{{ @CSRF }}">
                        <repeat group="{{@GET}}" key="{{ @key }}" value="{{ @value }}">
                            <input type="hidden" name="{{ @key }}" value="{{ @value }}">
                        </repeat>
                        <a href="{{ 'perso' | alias }}" type="button" class="btn btn-default" data-dismiss="modal">Close</a>
                        <input type="submit" class="btn btn-primary" value="{{ _('Valider') }}">
                    </div>
                </div>
            </div>
        </form>
    </div>
</check>