templates/baseFront.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     
  6.     <title>{% block title %}Tennis Aroundme{% endblock %}</title>
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=no">
  8.     <meta name="keywords" content="tennis, around, around me, aroundme, tennis aroundme, {{ 'partner'|trans }}, {{ 'partners'|trans }}, {{ 'partnerTennis'|trans }}, {{ 'club'| trans}}, {{ 'praticeTennis'|trans }},{% block keywords %}{% endblock %}">
  9.     <meta name="description" content="{% block description %}Tennis Aroundme{% endblock %}">
  10.     
  11.     <link rel="apple-touch-icon" sizes="57x57" href="{{ asset('images/favicon/apple-icon-57x57.png') }}">
  12.     <link rel="apple-touch-icon" sizes="60x60" href="{{ asset('images/favicon/apple-icon-60x60.png') }}">
  13.     <link rel="apple-touch-icon" sizes="72x72" href="{{ asset('images/favicon/apple-icon-72x72.png') }}">
  14.     <link rel="apple-touch-icon" sizes="76x76" href="{{ asset('images/favicon/apple-icon-76x76.png') }}">
  15.     <link rel="apple-touch-icon" sizes="114x114" href="{{ asset('images/favicon/apple-icon-114x114.png') }}">
  16.     <link rel="apple-touch-icon" sizes="120x120" href="{{ asset('images/favicon/apple-icon-120x120.png') }}">
  17.     <link rel="apple-touch-icon" sizes="144x144" href="{{ asset('images/favicon/apple-icon-144x144.png') }}">
  18.     <link rel="apple-touch-icon" sizes="152x152" href="{{ asset('images/favicon/apple-icon-152x152.png') }}">
  19.     <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('images/favicon/apple-icon-180x180.png') }}">
  20.     <link rel="icon" type="image/png" sizes="192x192"  href="{{ asset('images/favicon/android-icon-192x192.png') }}">
  21.     <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('images/favicon/favicon-32x32.png') }}">
  22.     <link rel="icon" type="image/png" sizes="96x96" href="{{ asset('images/favicon/favicon-96x96.png') }}">
  23.     <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('images/favicon/favicon-16x16.png') }}">
  24.     <link rel="manifest" href="{{ asset('images/favicon/manifest.json') }}">
  25.     <meta name="msapplication-TileColor" content="#ffffff">
  26.     <meta name="msapplication-TileImage" content="{{ asset('images/favicon/ms-icon-144x144.png') }}">
  27.     <meta name="theme-color" content="#ffffff">
  28.     
  29.     
  30.     <meta name="apple-itunes-app" content="app-id=641673963">
  31.     <meta name="google-play-app" content="app-id=com.ildev_software.tam">
  32.     
  33.     {% block metaheader %}
  34.     
  35.     {% endblock %}
  36.     
  37.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  38.     <link href="{{asset('css/bootstrap-datetimepicker.min.css')}}" rel="stylesheet" type="text/css"/>
  39.     
  40.     <script src="https://kit.fontawesome.com/71852361a5.js" crossorigin="anonymous"></script>
  41.     
  42.     <link href="{{asset('css/tam.css')}}" rel="stylesheet" type="text/css"/>
  43.     
  44.     
  45.     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9609279630646939" crossorigin="anonymous"></script>
  46.     
  47.     
  48. </head>
  50. <body>
  51.     
  52.     {% if app.session.started %}
  53.         {% for type, flashes in app.session.flashbag.all %}
  54.             {% for message in flashes %}
  55.                 <div class="alert-wrapper">
  56.                     <div class="alert alert-{{ type }} alert-dismissible" role="alert">
  57.                         <button type="button" class="close" data-dismiss="alert">
  58.                             <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
  59.                         </button>
  60.                         {{ message }}
  61.                     </div>
  62.                 </div>
  63.             {% endfor %}
  64.         {% endfor %}
  65.     {% endif %}
  66.     
  67.     
  68.     <input type="hidden" name="appEnvironment" id="appEnvironment" value="{{ app.environment }}" />
  69.     <input type="hidden" name="appTamLocale" id="appTamLocale" value="{{ app.request.locale }}" />
  70.     <nav class="navbar navbar-expand-md navbar-dark fixed-top">
  71.         <div class="container">
  72.             <a class="navbar-brand" href="http://tennis-aroundme.com"><img alt="Tennis Aroundme" src="{{ asset('images/tam_logo.jpg') }}" width="40" style="margin-top:-10px;"></a>
  73.             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#tam-navbar-collapse" aria-controls="tam-navbar-collapse" aria-expanded="false" aria-label="Toggle navigation">
  74.                 <span class="navbar-toggler-icon"></span>
  75.                 <!--<span class="sr-only">Toggle navigation</span>
  76.                 <span class="icon-bar"></span>
  77.                 <span class="icon-bar"></span>
  78.                 <span class="icon-bar"></span>-->
  79.             </button>
  80.             
  81.             <div class="collapse navbar-collapse" id = "tam-navbar-collapse">
  82.                 <ul class="navbar-nav mr-auto" id="tam-menu-topleft">
  83.                     <li class="hidden"><a class="page-scroll" href="#page-top"></a></li>
  84.                     {% if app.request.attributes.get('_route') != 'homepage' and app.request.attributes.get('_route') != 'index' %}
  85.                     <li class="nav-item active"><a class="nav-link page-scroll" href="{{ path('homepage') }}#home">{{ 'home'|trans }}</a></li>
  86.                     <li class="nav-item"><a class="nav-link page-scroll" href="{{ path('homepage') }}#app">{{ 'app'|trans }}</a></li>
  87.                     <li class="nav-item"><a class="nav-link page-scroll" href="{{ path('homepage') }}#club">{{ 'club'|trans }}</a></li>
  88.                     <li class="nav-item"><a class="nav-link page-scroll" href="{{ path('homepage') }}#professional">{{ 'professional'|trans }}</a></li>
  89.                     {% else %}
  90.                     <li class="nav-item active"><a class="nav-link page-scroll" href="#home">{{ 'home'|trans }}</a></li>
  91.                     <li class="nav-item"><a class="nav-link page-scroll" href="#app">{{ 'app'|trans }}</a></li>
  92.                     <li class="nav-item"><a class="nav-link page-scroll" href="#club">{{ 'club'|trans }}</a></li>
  93.                     <li class="nav-item"><a class="nav-link page-scroll" href="#professional">{{ 'professional'|trans }}</a></li>
  94.                     {% endif %}
  95.                     
  96.                     <li class="nav-item"><a class="nav-link" href="{% if app.user %}{{ path('myAccountDashboard') }}{% else %}{{ path('searchAroundPublic') }}{% endif %}">{{ 'search'|trans}}</a></li>
  97.                     <li class="nav-item"><a class="nav-link" href="{{ path('about') }}">{{ 'about'|trans}}</a></li>
  98.                     <li class="nav-item"><a class="nav-link" href="{{ path('contact') }}">{{ 'contact'|trans}}</a></li>
  99.                     {% if app.user%}
  100.                     <li class="nav-item d-block d-sm-none mb-3"><a class="nav-link" href="{{ path('myAccountDashboard') }}">{{ 'myAccount'|trans}}</a></li>
  101.                     {% endif %}
  102.                 </ul>
  103.                 
  104.                 <ul class="mt-2 mt-md-0 top-social-network">
  105.                     <li>
  106.                         <a href="https://www.facebook.com/IldevSoftware" class="item-facebook" target="_blank">
  107.                             <span class="fab fa-facebook-f"></span>
  108.                         </a>
  109.                     </li>
  110.                     <li>
  111.                         <a href="https://plus.google.com/112263953063404407798" class="item-google" target="_blank">
  112.                             <span class="fab fa-google-plus-g"></span>
  113.                         </a>
  114.                     </li>
  115.                     <li>
  116.                         <a href="https://twitter.com/IldevSoftware" class="item-twitter" target="_blank">
  117.                             <span class="fab fa-twitter"></span>
  118.                         </a>
  119.                     </li>
  120.                 </ul>
  121.                     
  122.                 {% if is_granted('ROLE_USER') %}
  123.                 <div class="mt-2 mt-md-0 d-none d-md-block">
  124.                     <div class="dropdown">
  125.                         <a href="#" class="dropdown-toggle p-t-5 nickname-top" data-toggle="dropdown" role="button" aria-expanded="false">
  126.                             {% if app.user.provider == 'facebook' %}
  127.                                 <img class="rounded-circle avatar40" src="https://graph.facebook.com/{{ app.user.providerClientId }}/picture?type=large">
  128.                             {% else %}
  129.                                 {% if app.user.getAvatar() %}
  130.                                     <img class="rounded-circle avatar40" src="{{ app.user.getLinkAvatar() }}">
  131.                                 {% else %}
  132.                                     <img class="rounded-circle avatar40" src="{{asset('images/common/defaultAvatar.png')}}">
  133.                                 {% endif %}
  134.                             {% endif %}
  135.                             <span class="m-l-10">{{ app.user.nickname }}</span>
  136.                             <span class="caret"></span>
  137.                         </a>
  138.                         <div class="dropdown-menu" role="menu">
  139.                             <div class="dropdown-item text-center f-s-14b">{% if app.user.nickname %}{{ app.user.nickname }}{% else %}{{app.user.getLastname()|upper ~ ' ' ~ app.user.getFirstname()|slice(0,1) ~ '.' }}{% endif %}</div>
  140.                             <a class="dropdown-item" href="{{ path('myAccountDashboard') }}">{{ 'myAccount'|trans }}</a>
  141.                             {% if app.user.provider == 'facebook' %}
  142.                                 {#<a class="dropdown-item" href="#" onClick="fb_logout();">D&eacute;connexion</a>#}
  143.                                 <a class="dropdown-item" href="{{ path('myAccountLogout') }}">{{ 'logout'|trans }}</a>
  144.                             {% else %}
  145.                                 <a class="dropdown-item" href="{{ path('myAccountLogout') }}">{{ 'logout'|trans }}</a>
  146.                             {% endif %}
  147.                         </div>
  148.                     </div>
  149.                 </div>
  150.                 
  151.                 {% endif %}
  152.                     
  153.                 
  154.             </div>
  155.         </div>
  156.     </nav>
  157.     
  158.     {% if app.user and app.request.attributes.get('_route') != 'homepage' and app.request.attributes.get('_route') != 'index' %}
  159.         <section id="content" class="content-section">
  160.             <div class="container">
  161.                 <div class="row mr-0 ml-0">
  162.                 
  163.                     <div class="d-block d-sm-none mb-3">
  164.                         <div id="menuWebMobile" class="dropdown">
  165.                             <button class="btn btn-success" data-toggle="dropdown">{{ 'myAccount'|trans }}</button>
  166.                             <div class="dropdown-menu">
  167.                                 <a href="{{ path('myAccountDashboard') }}" class="dropdown-item">
  168.                                     <span class="fas fa-tachometer-alt"></span> {{ 'dashboard'|trans }}
  169.                                 </a>
  170.                                 <a href="{{ path('myAccountProfile') }}" class="dropdown-item">
  171.                                     <span class="fas fa-user"></span> {{ 'profile'|trans }}
  172.                                 </a>
  173.                                 {% if is_granted('ROLE_PLAYER') %}
  174.                                 <a href="{{ path('myAccountFriends') }}" class="dropdown-item">
  175.                                     <span class="fas fa-users"></span> {{ 'friends'|trans }}
  176.                                     <span class="badge" id="badgeNbRequestFriend" {% if app.user.nbRequestFriend() == 0%} style="display:none"{% endif %}>{{ app.user.nbRequestFriend() }}</span>
  177.                                 </a>
  178.                                 <a href="{{ path('myAccountTams') }}" class="dropdown-item">
  179.                                     <img class="rounded-circle avatar15" src="{{ asset('images/tam_logo.jpg') }}" /> {{ 'myTams'|trans }}
  180.                                 </a>
  181.                                 {% elseif is_granted('ROLE_CLUB') or is_granted('ROLE_PRO') %}
  182.                                 <a href="{{ path('myAccountFollowers') }}" class="dropdown-item">
  183.                                     <span class="fas fa-users"></span> Followers
  184.                                 </a>
  185.                                 {% endif %}
  186.                                 <a href="{{ path('myAccountMessages') }}" class="dropdown-item">
  187.                                     <span class="fa fa-envelope"></span> {{ 'messages'|trans }}
  188.                                     <span class="badge" id="badgeNbNewMessages" style="display:none"></span>
  189.                                 </a>
  190.                             </div>
  191.                         </div>
  192.                     </div>
  193.                 
  194.                     <div class="col-2 d-none d-md-block">
  195.                         <div class="panel panel-info">
  196.                             <div class="list-group">
  197.     
  198.                                 <a href="{{ path('myAccountDashboard') }}" class="list-group-item">
  199.                                     <span class="fas fa-tachometer-alt"></span> {{ 'dashboard'|trans }}
  200.                                 </a>
  201.                                 <a href="{{ path('myAccountProfile') }}" class="list-group-item">
  202.                                     <span class="fas fa-user"></span> {{ 'profile'|trans }}
  203.                                 </a>
  204.                                 {% if is_granted('ROLE_PLAYER') %}
  205.                                 <a href="{{ path('myAccountFriends') }}" class="list-group-item">
  206.                                     <span class="fas fa-users"></span> {{ 'friends'|trans }}
  207.                                     <span class="badge" id="badgeNbRequestFriend" {% if app.user.nbRequestFriend() == 0%} style="display:none"{% endif %}>{{ app.user.nbRequestFriend() }}</span>
  208.                                 </a>
  209.                                 <a href="{{ path('myAccountTams') }}" class="list-group-item">
  210.                                     <img class="rounded-circle avatar15" src="{{ asset('images/tam_logo.jpg') }}" /> {{ 'myTams'|trans }}
  211.                                 </a>
  212.                                 {% elseif is_granted('ROLE_CLUB') or is_granted('ROLE_PRO') %}
  213.                                 <a href="{{ path('myAccountFollowers') }}" class="list-group-item">
  214.                                     <span class="fas fa-users"></span> Followers
  215.                                 </a>
  216.                                 <a href="{{ path('myAccountAdverts') }}" class="list-group-item">
  217.                                     <img class="rounded-circle avatar15" src="{{ asset('images/tam_logo.jpg') }}" /> {{ 'myAdverts'|trans }}
  218.                                 </a>
  219.                                     {% if app.user.hasInvoice()%}
  220.                                     <a href="{{ path('myAccountInvoiceList') }}" class="list-group-item">
  221.                                         <span class="fas fa-file-invoice"></span> {{ 'invoices'|trans|capitalize }}
  222.                                     </a>
  223.                                     {% endif%}
  224.                                 {% endif %}
  225.                                 <a href="{{ path('myAccountMessages') }}" class="list-group-item">
  226.                                     <span class="fa fa-envelope"></span> {{ 'messages'|trans }}
  227.                                     <span class="badge" id="badgeNbNewMessages" style="display:none"></span>
  228.                                 </a>
  229.                             </div>
  230.                         </div>
  231.                     </div>
  232.                     <div class="col-12 col-md-10">
  233.                     
  234.     {% elseif not app.user and app.request.attributes.get('_route') != 'homepage' and app.request.attributes.get('_route') != 'index' %}
  235.         <section id="content" class="content-section section-public">
  236.             <div class="container">
  237.                 <div class="row mr-1 ml-1">
  238.                     <div class="col-12 col-md-10">
  239.     {% endif %}
  240.         {% block content %}
  241.         {% endblock %}
  242.     {% if app.user and app.request.attributes.get('_route') != 'homepage' and app.request.attributes.get('_route') != 'index'%}
  243.                     </div>
  244.                 </div>
  245.             </div>
  246.         </section>
  247.     {% elseif not app.user and app.request.attributes.get('_route') != 'homepage' and app.request.attributes.get('_route') != 'index' %}
  248.                     </div>
  249.                     <div class="col-2 d-none d-md-block" id="advertPublic">
  250.                     </div>
  251.                 </div>
  252.             </div>
  253.         </section>
  254.     {% endif %}
  255.     
  256.     
  257.     <div id="tam-footer" class="d-none d-block d-sm-none">{# MOBILE #}
  258.         <div class="container">
  259.             <div class="row">
  260.                 <div class="col col-sm-12 col-md-4">
  261.                     <img src="{{ asset('images/tam_logo.jpg')}}" height="80">
  262.                 </div>
  263.                 <div class="col col-sm-12 col-md-4">
  264.                     <h3>ACCES RAPIDE</h3>
  265.                     <a href="{{ path('privacyPolicy') }}">{{ 'privacyPolicy'|trans }}</a><br />
  266.                     <a href="{{ path('legalMention') }}">{{ 'legalMention'|trans }}</a><br />
  267.                     {#<a href="{{ path('pagesPlanDuSite') }}">Plan du site</a><br />
  268.                     <a href="{{ path('pagesVIP') }}">Offre VIP</a><br />
  269.                     <a href="{{ path('listNews') }}">News</a><br />
  270.                     <a href="{{ path ('pages', {'page':38, 'label':'Mentions-Légales'}) }}">Informations légales</a><br />
  271.                     <a href="{{ path('pagesContacts') }}">Contact</a><br />#}
  272.                 </div>
  273.                 <div class="col-12 text-center">
  274.                     <h3>Suivez-nous</h3>
  275.                     <div class="footer-social-network d-flex">
  276.                         <ul class="list-unstyled mx-auto justify-content-center">
  277.                             <li class="social-item">
  278.                                 <a href="https://www.facebook.com/IldevSoftware" class="item-facebook" target="_blank">
  279.                                     <span class="fab fa-facebook-f fa-xs"></span>
  280.                                 </a>
  281.                             </li>
  282.                             <li class="social-item">
  283.                                 <a href="https://plus.google.com/112263953063404407798" class="item-google" target="_blank">
  284.                                     <span class="fab fa-google-plus-g fa-xs"></span>
  285.                                 </a>
  286.                             </li>
  287.                             <li class="social-item">
  288.                                 <a href="https://twitter.com/IldevSoftware" class="item-twitter" target="_blank">
  289.                                     <span class="fab fa-twitter fa-xs"></span>
  290.                                 </a>
  291.                             </li>
  292.                         </ul>
  293.                     </div>
  294.                 </div>
  295.             </div>
  296.         </div>
  297.     </div>
  298.     <div id="tam-footer" class="d-none d-md-block">{# WEB #}
  299.         <div class="container">
  300.             <div class="row">
  301.                 <div class="col col-sm-12 col-md-4">
  302.                     <img src="{{ asset('images/tam_logo.jpg')}}" height="120">
  303.                 </div>
  304.                 <div class="col col-sm-12 col-md-4">
  305.                     <h3>ACCES RAPIDE</h3>
  306.                     <a href="{{ path('privacyPolicy') }}">{{ 'privacyPolicy'|trans }}</a><br />
  307.                     <a href="{{ path('legalMention') }}">{{ 'legalMention'|trans }}</a><br />
  308.                     {#<a href="{{ path('pagesPlanDuSite') }}">Plan du site</a><br />
  309.                     <a href="{{ path('pagesVIP') }}">Offre VIP</a><br />
  310.                     <a href="{{ path('listNews') }}">News</a><br />
  311.                     <a href="{{ path ('pages', {'page':38, 'label':'Mentions-Légales'}) }}">Informations légales</a><br />
  312.                     <a href="{{ path('pagesContacts') }}">Contact</a><br />#}
  313.                 </div>
  314.                 <div class="col col-sm-12 col-md-4">
  315.                     <h3>Suivez-nous</h3>
  316.                     <div class="footer-social-network">
  317.                         <ul class="list-unstyled">
  318.                             <li class="social-item">
  319.                                 <a href="https://www.facebook.com/IldevSoftware" class="item-facebook" target="_blank">
  320.                                     <span class="fab fa-facebook-f"></span>
  321.                                 </a>
  322.                             </li>
  323.                             <li class="social-item">
  324.                                 <a href="https://plus.google.com/112263953063404407798" class="item-google" target="_blank">
  325.                                     <span class="fab fa-google-plus-g"></span>
  326.                                 </a>
  327.                             </li>
  328.                             <li class="social-item">
  329.                                 <a href="https://twitter.com/IldevSoftware" class="item-twitter" target="_blank">
  330.                                     <span class="fab fa-twitter"></span>
  331.                                 </a>
  332.                             </li>
  333.                         </ul>
  334.                     </div>
  335.                 </div>
  336.             </div>
  337.         </div>
  338.     </div>
  339.     <div id="tam-footer-black">
  340.         <div class="container text-center">
  341.             Eurl Ildev-Software - SIRET 799 258 991 00014 - APE 6201Z - TVA FR35799258991
  342.         </div>
  343.     </div>
  344.     
  345.     
  346.     <div id="divModalGeneral"></div>
  347.     
  348.     <div id="fb-root"></div>
  349.     <script>
  350.         window.fbAsyncInit = function() {
  351.             // init the FB JS SDK
  352.             FB.init({
  353.                 appId      : '580481168669513',                        // App ID from the app dashboard
  354.                 status     : true,                                 // Check Facebook Login status
  355.                 xfbml      : true                               // Look for social plugins on the page
  356.                 //version    : 3.1
  357.             });
  358.         };
  359.     
  360.         // Load the SDK asynchronously
  361.         (function(d, s, id){
  362.             var js, fjs = d.getElementsByTagName(s)[0];
  363.             if (d.getElementById(id)) {return;}
  364.             js = d.createElement(s); js.id = id;
  365.             {% if app.session.get('_locale') == 'fr'%}
  366.                 js.src = "//connect.facebook.net/fr_FR/sdk.js";
  367.             {% elseif app.session.get('_locale') == 'es'%}
  368.                 js.src = "//connect.facebook.net/es_ES/sdk.js";
  369.             {% else %}
  370.                 js.src = "//connect.facebook.net/en_US/sdk.js";
  371.             {% endif %}
  372.             //js.src = "//connect.facebook.net/fr_FR/sdk.js";
  373.             fjs.parentNode.insertBefore(js, fjs);
  374.         }(document, 'script', 'facebook-jssdk'));
  375.     
  376.         {#function fb_login() {
  377.             FB.getLoginStatus(function(response) {
  378.                 if (response.status === 'connected') {
  379.                     // connected
  380.                     //alert('Already connected, redirect to login page to create token.');
  381.                     document.location = "{{ url("hwi_oauth_service_redirect", {service: "facebook"}) }}";
  382.                 } else {
  383.                     // not_authorized
  384.                     FB.login(function(response) {
  385.                         if (response.authResponse) {
  386.                             document.location = "{{ url("hwi_oauth_service_redirect", {service: "facebook"}) }}";
  387.                         } else {
  388.                             alert('Cancelled.');
  389.                         }
  390.                     }, {scope: 'email'});
  391.                 }
  392.             });
  393.         }
  394.         
  395.         function fb_logout() {
  396.             FB.getLoginStatus(function(response) {
  397.                 if (response.status === 'connected') {
  398.                     FB.logout(function(response) {
  399.                         console.log(response);
  400.                         document.location = "{{ url("myAccountLogout") }}";
  401.                     });
  402.                 }else{
  403.                     document.location = "{{ url("myAccountLogout") }}";
  404.                 }
  405.             });
  406.         }#}
  407.         
  408.     </script>
  409.     {% include 'Common/scripts.html.twig' %}
  410. </body>
  412. </html>