templates/Front/index.html.twig line 1

Open in your IDE?
  1. {% extends 'baseFront.html.twig' %}
  3. {% block title %}{{ 'metaTitleHomepage'|trans }}{% endblock %}
  4. {% block keywords %}{{ 'metaKeywordHomepage'|trans }}{% endblock %}
  5. {% block description %}{{ 'metaDescriptionHomepage'|trans }}{% endblock %}
  7. {% block content %}
  8.     
  9.     <section id="homemobile" class="mobile-section d-block d-sm-none">{# MOBILE #}
  10.         <div id="home-edito">
  11.             <h2>Edito</h2>
  12.             {{ 'edito'|trans|raw }}
  13.         </div>
  14.         <div>
  15.             {{ 'mobileLinkAppText'|trans|raw }}
  16.         </div>
  17.         
  18.         <div id="connection" class="connection-section d-block d-sm-none text-center">
  19.             <h2>Connexion</h2>
  20.             <br />
  21.             {#<button class="btn btn-facebook" onclick="fb_login();"><span class="fa fa-facebook-official"></span> Facebook</button>#}
  22.             <a class="btn btn-facebook" href="{{ path('connect_facebook_start') }}"><span class="fa fa-facebook-official"></span> Facebook</a>
  23.             <div class="col-md-12 text-center">
  24.                 {{ 'or'|trans|raw }}
  25.             </div>
  26.             <div class="col-12">
  27.                 <form name="formLogin" method="post" action="{{ path('myAccountLogin') }}">
  28.                     <div class="form-group">
  29.                         <input type="email" id="username" name="_username" class="form-control" placeholder="{{'email'|trans}}" value="" required autofocus />
  30.                     </div>
  31.                     <div class="form-group">
  32.                         <input type="password" id="password" name="_password" class="form-control input-login" placeholder="{{'password'|trans}}" required />
  33.                     </div>
  34.                     <div class="col-md-12 m-t-20 text-center">
  35.                         {#<button id="btnRecoveryPassword" class="btn btn-secondary">Mot de passe perdu ?</button>#}
  36.                         <span id="btnRecoveryPassword" class="btn" style="font-size:12px;">{{ 'passwordLost'|trans }}</span>
  37.                     </div>
  38.                     <div class="col-md-12 m-t-20 text-center">
  39.                         <button id="btnConnect" type="submit" class="btn btn-success">{{ 'login'|trans }}</button>
  40.                     </div>
  41.                 </form>
  42.             </div>
  43.             <div class="col-12 mt-2">
  44.                 <hr />
  45.                 <a data-toggle="modal" href="#modalCreateAccount" class="btn btn-primary">{{ 'iRegister'|trans }}</a>
  46.             </div>
  47.             <br />
  48.         </div>
  49.         
  50.         <div id="app" class="app-section d-block d-sm-none">
  51.             <h2>Applications</h2>
  52.             <img src="{{ asset('images/tam-app-home-'~app.request.locale~'.png') }}" style="width:80vw; height:auto;"/>
  53.             <div class="row">
  54.                 <div class="col-6 text-right">
  55.                     <img src="{{ asset('images/google-play-badge-'~app.request.locale~'.png') }}" style="width:auto;height:60px;"/>
  56.                 </div>
  57.                 <div class="col-6 text-left d-flex align-items-center">
  58.                     <img src="{{ asset('images/app-store-'~app.request.locale~'.png') }}" style="width:auto;height:40px;"/>
  59.                 </div>
  60.             </div>
  61.             <h4>{{ 'lastPlayer'|trans|capitalize }}</h4>
  62.             <div class="row mb-3 mt-3">
  63.                 <div class="col-2"></div>
  64.                 <div class="col-8">
  65.                     <div class="container-fluid">
  66.                         <div class="row d-flex justify-content-between">
  67.                             {% for player in listLastPlayer %}
  68.                             {% include 'Common/blocLastHomepage.html.twig' with {'user': player} %}
  69.                             {% endfor %}
  70.                         </div>
  71.                     </div>
  72.                 </div>
  73.                 <div class="col-2"></div>
  74.             </div>
  75.         </div>
  76.         
  77.         <div id="club" class="club-section d-block d-sm-none">
  78.             <h2>Clubs</h2>
  79.             {{'indexTextClub'|trans|raw}}
  80.             <h4>{{ 'lastClub'|trans|capitalize }}</h4>
  81.             <div class="row mb-3 mt-3">
  82.                 <div class="col-2"></div>
  83.                 <div class="col-8">
  84.                     <div class="container-fluid">
  85.                         <div class="row d-flex justify-content-between">
  86.                             {% for club in listLastClub %}
  87.                             {% include 'Common/blocLastHomepage.html.twig' with {'user': club} %}
  88.                             {% endfor %}
  89.                         </div>
  90.                     </div>
  91.                 </div>
  92.                 <div class="col-2"></div>
  93.             </div>
  94.     
  95.         </div>
  96.         <div id="professional" class="professional-section d-block d-sm-none">
  97.             <h2>Professionnels</h2>
  98.             {{'indexTextPro'|trans|raw}}
  99.             <h4>{{ 'lastPro'|trans|capitalize }}</h4>
  100.             <div class="row mb-3 mt-3">
  101.                 <div class="col-2"></div>
  102.                 <div class="col-8">
  103.                     <div class="container-fluid">
  104.                         <div class="row d-flex justify-content-between">
  105.                             {% for pro in listLastPro %}
  106.                             {% include 'Common/blocLastHomepage.html.twig' with {'user': pro} %}
  107.                             {% endfor %}
  108.                         </div>
  109.                     </div>
  110.                 </div>
  111.                 <div class="col-2"></div>
  112.             </div>
  113.         </div>
  114.     </section>
  115.     
  116.     <input type="hidden" id="hiddenRegisterSuccess" value="{{registerSuccess}}" />
  117.     <section id="home" class="home-section d-none d-md-block">
  118.         <div id="home-edito">
  119.             <h2>Edito</h2>
  120.             {{ 'edito'|trans|raw }}
  121.         </div>
  122.         {% if is_granted('ROLE_USER') %}
  123.         {% else %}
  124.         <div id="home-bloc-connect">
  125.             <h2>Connexion</h2>
  126.             <br />
  127.             {#<button class="btn btn-facebook" onclick="fb_login();"><span class="fa fa-facebook-official"></span> Facebook</button>#}
  128.             <a class="btn btn-facebook" href="{{ path('connect_facebook_start') }}"><span class="fa fa-facebook-official"></span> Facebook</a>
  129.             <div class="col-md-12 text-center">
  130.                 {{ 'or'|trans|raw }}
  131.             </div>
  132.             <div class="col-12">
  133.                 <form name="formLogin" method="post" action="{{ path('myAccountLogin') }}">
  134.                     <div class="form-group">
  135.                         <input type="email" id="username" name="_username" class="form-control" placeholder="{{'email'|trans}}" value="" required autofocus />
  136.                     </div>
  137.                     <div class="form-group">
  138.                         <input type="password" id="password" name="_password" class="form-control input-login" placeholder="{{'password'|trans}}" required />
  139.                     </div>
  140.                     <div class="col-md-12 m-t-20 text-center">
  141.                         {#<button id="btnRecoveryPassword" class="btn btn-secondary">Mot de passe perdu ?</button>#}
  142.                         <span id="btnRecoveryPassword" class="btn" style="font-size:12px;">{{ 'passwordLost'|trans }}</span>
  143.                     </div>
  144.                     <div class="col-md-12 m-t-20 text-center">
  145.                         <button id="btnConnect" type="submit" class="btn btn-success">{{ 'login'|trans }}</button>
  146.                     </div>
  147.                 </form>
  148.             </div>
  149.             <div class="col-12 mt-2">
  150.                 <hr />
  151.                 <a data-toggle="modal" href="#modalCreateAccount" class="btn btn-primary">{{ 'iRegister'|trans }}</a>
  152.             </div>
  153.             <br />
  154.         </div>
  155.         {% endif %}
  156.     </section>
  157.     
  158.     <section id="app" class="app-section d-none d-md-block">
  159.         <h2>Applications</h2>
  160.         <img src="{{ asset('images/tam-app-home-'~app.request.locale~'.png') }}"/>
  161.         <div class="row">
  162.             <div class="col-6 text-right">
  163.                 <img src="{{ asset('images/google-play-badge-'~app.request.locale~'.png') }}" style="width:auto;height:60px;"/>
  164.             </div>
  165.             <div class="col-6 text-left d-flex align-items-center">
  166.                 <img src="{{ asset('images/app-store-'~app.request.locale~'.png') }}" style="width:auto;height:40px;"/>
  167.             </div>
  168.         </div>
  169.         <h4>{{ 'lastPlayer'|trans|capitalize }}</h4>
  170.         <div class="row mb-3 mt-3">
  171.             <div class="col-2"></div>
  172.             <div class="col-8">
  173.                 <div class="container-fluid">
  174.                     <div class="row d-flex justify-content-between">
  175.                         {% for player in listLastPlayer %}
  176.                         {% include 'Common/blocLastHomepage.html.twig' with {'user': player} %}
  177.                         {% endfor %}
  178.                     </div>
  179.                 </div>
  180.             </div>
  181.             <div class="col-2"></div>
  182.         </div>
  183.     </section>
  184.     
  185.     <section id="club" class="club-section d-none d-md-block">
  186.         <h2>Clubs</h2>
  187.         {{'indexTextClub'|trans|raw}}
  188.         <h4>{{ 'lastClub'|trans|capitalize }}</h4>
  189.         <div class="row mb-3 mt-3">
  190.             <div class="col-2"></div>
  191.             <div class="col-8">
  192.                 <div class="container-fluid">
  193.                     <div class="row d-flex justify-content-between">
  194.                         {% for club in listLastClub %}
  195.                         {% include 'Common/blocLastHomepage.html.twig' with {'user': club} %}
  196.                         {% endfor %}
  197.                     </div>
  198.                 </div>
  199.             </div>
  200.             <div class="col-2"></div>
  201.         </div>
  203.     </section>
  204.     
  205.     <section id="professional" class="professional-section d-none d-md-block">
  206.         <h2>Professionnels</h2>
  207.         {{'indexTextPro'|trans|raw}}
  208.         <h4>{{ 'lastPro'|trans|capitalize }}</h4>
  209.         <div class="row mb-3 mt-3">
  210.             <div class="col-2"></div>
  211.             <div class="col-8">
  212.                 <div class="container-fluid">
  213.                     <div class="row d-flex justify-content-between">
  214.                         {% for pro in listLastPro %}
  215.                         {% include 'Common/blocLastHomepage.html.twig' with {'user': pro} %}
  216.                         {% endfor %}
  217.                     </div>
  218.                 </div>
  219.             </div>
  220.             <div class="col-2"></div>
  221.         </div>
  222.     </section>
  223.     
  224.     
  225.     <div id="divFrontModal"></div>
  226.     
  227.     <div class="modal fade" id="modalCreateAccount" tabindex="-1" role="dialog">
  228.         <div class="modal-dialog" role="document">
  229.             <div class="modal-content">
  230.                 <div class="modal-header">
  231.                     <h4 class="modal-title">{{ 'iRegister'|trans }}</h4>
  232.                     <button class="close" type="button" data-dismiss="modal" aria-hidden="true">&times;</button>
  233.                 </div>
  234.                 <div class="modal-body">
  235.                     <div class="row">
  236.                         <div class="col-12 text-center">
  237.                             <button class="btn btn-facebook" onclick="fb_login();"><span class="fa fa-facebook-official"></span> Facebook</button>
  238.                         </div>
  239.                         <div class="col-md-12 text-center">
  240.                             {{ 'or'|trans|raw }}
  241.                         </div>
  242.                         <div class="col-12 mt-2">
  243.                             {{ form_start(form) }}
  244.                                 {% form_theme form 'Form/bootstrapColsOnly12.html.twig' %}
  245.                                 {{ form_row(form.typeUser) }}
  246.                                 {{ form_row(form.country) }}
  247.                                 {{ form_row(form.nickname) }}
  248.                                 {{ form_row(form.email) }}
  249.                                 {{ form_row(form.password.first) }}
  250.                                 {{ form_row(form.password.second) }}
  251.                                 
  252.                                 <div class="col-12 text-center">
  253.                                     <button type="submit" class="btn btn-success">{{ 'iRegister'|trans }}</button>
  254.                                 </div>
  255.                             {{ form_end(form) }}
  256.                         </div>
  257.                     </div>
  258.                 </div>
  259.                
  260.             </div>
  261.         </div>
  262.     </div>
  263.     
  264.     
  265.     
  266.     
  267.     <div class="modal fade" id="registerConfirmEmail" tabindex="-1" role="dialog">
  268.         <div class="modal-dialog" role="document">
  269.             <div class="modal-content">
  270.                 <div class="modal-header">
  271.                     <h4 class="modal-title">{{ 'iRegister'|trans }}</h4>
  272.                     <button class="close" type="button" data-dismiss="modal" aria-hidden="true">&times;</button>
  273.                 </div>
  274.                 <div class="modal-body">
  275.                     <div class="row">
  276.                         <div class="col-12 text-center">
  277.                             {{ 'confirmEmail'|trans|raw}}
  278.                         </div>
  279.                     </div>
  280.                 </div>
  281.                
  282.             </div>
  283.         </div>
  284.     </div>
  285.     
  286.     
  287. {% endblock %}