templates/frontend/Club/index-club.html.twig line 1

Open in your IDE?
  1. {% extends 'base_frontend_new.html.twig' %}
  3. {% block stylesheets %}
  4.     <link href="{{ asset('css/frontend/club/club.css?v=0.01') }}" rel="stylesheet" type="text/css">
  5.     <link href="{{ asset('css/frontend/climacon.css') }}" rel="stylesheet" type="text/css"/>
  6.     {% if publi > 0 %}
  7.         <link rel="stylesheet" type="text/css"
  8.               href="{{ asset('css/frontend/sponsor/sponsor' ~ publi ~ '.css?v=1.1') }}"/>
  9.     {% endif %}
  10. {% endblock %}
  12. {% block title %}{{ entity.nombre }}{% endblock %}
  14. {% block container %}
  15.     {% set sedes = entity.getSedes() %}
  16.     {% if sedes|length == 0 %}      {# si no hay sedes, la unica sede es el propio club (de momento sedes solo valido para federaciones) #}
  17.         {% set sedes = [entity] %}
  18.     {% endif %}
  20.     {% include  'mensajes_new.html.twig' %}
  22.     <div class="ui segments" id="segmentos">
  23.         <div class="ui mobile hidden segment opaco">
  24.             <div class="ui tiny breadcrumb">
  25.                 {% for s in sedes %}
  26.                     <a class="section"
  27.                        href="{{ path('provincias', {'id': s.localidad.provincia.id} ) }}">{{ s.localidad.provincia.nombre }}</a>{% if sedes|length > 1 and not loop.last %}
  28.                     <br/>{% endif %}
  29.                 {% endfor %}
  30.                 <i class="right angle icon divider"></i>
  31.                 <div class="active section">{{ entity.id }}</div>
  32.             </div>
  33.         </div>
  34.         <div class="mobile only mobileLiveContainer">
  35.             <div class="mobileLiveHeader">
  36.                 <div class="headerLogo">
  37.                     <svg class="nxt-long-svg" viewBox="-0.5 -0.9 285 40">
  38.                         <path fill="#fff"
  39.                               d="M63 20L73.8 3.2h-2L62 18.4 52 3.2h-2L61 20 50 36.8h2l10-15.4 10 15.4h2L63 20zM75 3.2V5h11v31.8h1.8V4.9h11V3.2H75zM29.8 35.1V21h17v-1.8h-17V4.9H48V3.2H27.9v33.6h20.2V35H29.7zM190.5 3.2h-11.4v33.6h11.4c6.9 0 11-3.4 11-9.1V12.4c0-5.8-4.1-9.2-11-9.2zm9.2 24.5c0 6.7-6.4 7.4-9.2 7.4h-9.7V4.9h9.7c2.8 0 9.2.8 9.2 7.5v15.3zM21.4 3.2v31.1L2.2 3.3H0v33.5h1.7L1.8 6l19 30.8H23V3.2h-1.7zm203.8 0l-10.7 18.4-10.2-18.2-.1-.2h-2l11.4 20.3v13.3h1.7V23.5l12-20.3h-2.1zm-61.4 0h-11.4v33.6h11.4c6.9 0 11-3.4 11-9.1V12.4c0-5.8-4.1-9.2-11-9.2zm9.2 24.5c0 6.7-6.4 7.4-9.2 7.4h-9.7V4.9h9.7c2.8 0 9.2.8 9.2 7.5v15.3zM137.4 3.2H135l-12.4 33.6h1.9l4.3-11.8h14.7l4.3 11.8h1.9L137.4 3.2zm-7.8 20l6.6-18 6.7 18h-13.3zm-9 8.1v.2c-1.7 2.5-5.2 4-9.2 4-4.9 0-10.1-2.4-10.1-7.7V12.3c0-5.2 5-7.9 10-7.9 4 0 7.7 1.7 9.2 4.3l.2.2 1.5-1-.2-.2c-1.8-3-5.9-5-10.5-5-5.8 0-11.7 3.2-12 9.2v15.8c0 6.3 6 9.6 11.9 9.6 4.6 0 8.7-2 10.6-5l.2-.2-1.5-.8zM284 37.7c-28.4-15-44.3.5-44.3.5V2.7s4.7-7.7 22 2.8c15 9.3 22 5.6 22 5.6s.5 3.6-1 9c-2 7 1.3 17.5 1.3 17.5"></path>
  40.                     </svg>
  41.                 </div>
  42.             </div>
  43.         </div>
  44.         <div class="ui segment opaco segmentTransparent">
  45.             <div class="ui basic segment">
  46.                 <div class="ui grid stackable">
  47.                     <div class="{% if tiempo.idAemet != 0 %}twelve{% else %}sixteen{% endif %} wide column">
  48.                         <div class="ui grid">
  49.                             <div class="stretched row">
  50.                                 <div class="mobile hidden two wide column">
  51.                                     <div class="ui small image padding10" id="club-logo-header">
  52.                                         {% if entity.id != "AM00" %}
  53.                                             {% if entity.id starts with 'AM' or entity.id starts with 'CM' or entity.id starts with 'CP' or entity.id starts with '77' or entity.isInFederacion("CM00") %}
  54.                                                 <img id="club-logo" data-entity-id="{{ entity.id }}"
  55.                                                      data-default-logo="{{ defaultLogo }}"
  56.                                                      data-default-global="{{ defaultLogoGlobal }}" alt="Club Logo"
  57.                                                      src="">
  58.                                             {% else %}
  59.                                                 <img class="club-image"
  60.                                                      src="https://portal.golfandalucia.com/uploads/club/{{ entity.id }}6080.jpg"
  61.                                                      alt="clublogo"/>
  62.                                             {% endif %}
  63.                                         {% else %}
  64.                                             <img src="{{ asset('img/frontend/fga-header.png') }}" alt="logo"/>
  65.                                         {% endif %}
  66.                                     </div>
  67.                                 </div>
  69.                                 <div class="fourteen wide column" id="clubNameContainer">
  70.                                     <div class="toprow clubName">
  71.                                         <h3 class="slab">{{ entity.nombre }}</h3>
  72.                                         <div class="mobile hidden">
  73.                                             <div class="ui divider"></div>
  74.                                         </div>
  75.                                     </div>
  77.                                     <p class="mobile hidden padding15top">
  78.                                         {% for s in sedes %}
  79.                                             <br>
  80.                                             <i class="icon location blue arrow"></i>
  81.                                             <a href=""
  82.                                                onClick="myNavFun( {{ s.latitud }} , {{ s.longitud }} )">{{ s.direccion }}
  83.                                                 , {{ s.localidad.nombre }}, {{ s.localidad.provincia.nombre }} </a>
  84.                                             <br>
  85.                                             <i class="blue phone icon"></i> <a
  86.                                                 href="tel:+34{{ s.telefono|split('/')[0]|trim }}">{{ s.telefono }}</a>
  87.                                         {% endfor %}
  88.                                     </p>
  89.                                 </div>
  90.                             </div>
  91.                         </div>
  92.                     </div>
  94.                     {% if tiempo.idAemet != 0 %}
  95.                         <div class="mobile hidden ui four wide center aligned column subSegmentBlue">
  96.                             <div class="toprow">
  97.                                 <a class="ui blue circular label">{{ tiempo.minima }}º</a>
  98.                                 <a class="ui orange circular label">{{ tiempo.maxima }}º</a>
  99.                                 {% if tiempo.prob_precipitacion > 0 %}
  100.                                     <a class="ui blue basic circular label">
  101.                                         <i class="rain icon"></i>
  102.                                         {{ tiempo.prob_precipitacion }}%
  103.                                     </a>
  104.                                 {% endif %}
  105.                             </div>
  106.                             <div class="ui divider"></div>
  108.                             {% if tiempo.estado_cielo is defined and tiempo.estado_cielo is not empty %}
  109.                                 <div class="row">
  110.                                     {% set tempo = 'frontend/Climacon/' ~  tiempo.estado_cielo  ~ '.html.twig' %}
  111.                                     {% include tempo ignore missing %}
  112.                                 </div>
  113.                             {% endif %}
  114.                         </div>
  115.                     {% endif %}
  116.                 </div>
  117.             </div>
  118.         </div>
  120.         <div class="ui dimmer" id="dimmerPubli">
  121.             <div class="content">
  122.                 <div class="ui grid center aligned">
  123.                     {% if publi == 1 %} {# cruzcampo #}
  124.                         <div class="sixteen wide column svgPubli transition hidden">
  125.                             {% include 'cruzcampo.html.twig' %}
  126.                         </div>
  127.                     {% elseif publi == 2 %} {# freixenet #}
  128.                         <div class="sixteen wide column svgPubli transition hidden">
  129.                             {% include 'freixenet.html.twig' %}
  130.                         </div>
  131.                     {% elseif publi == 3 %}  {# federacion valenciana #}
  132.                         <div class="twelve wide column svgPubli transition hidden">
  133.                             {% include 'valenciana.html.twig' %}
  134.                         </div>
  135.                     {% elseif publi == 4 %}  {# Titleist #}
  136.                         <div class="sixteen wide column svgPubli transition hidden">
  137.                             {% include 'tiltleist.html.twig' %}
  138.                         </div>
  139.                     {% elseif publi == 8 %}  {# Andalucia Golf #}
  140.                         <div class="nine wide column svgPubli transition hidden">
  141.                             {% include 'andalucia_golf.html.twig' %}
  142.                         </div>
  144.                         {#
  145.                         {% else %}
  146.                             <div class="ui sixteen wide mobile three wide computer column">
  147.                                 {% include 'nextcaddy_long.html.twig' %}
  148.                             </div>
  149.                         #}
  150.                     {% endif %}
  152.                     <div class="ui bottom right attached mini label">
  153.                         Prueba de diseño. La marca comercial mostrada no guardan relación comercial con la empresa.
  154.                     </div>
  155.                 </div>
  156.             </div>
  157.         </div>
  159.         <div class="mobile only ui basic secondary segment">
  160.             <div class="ui grid container">
  161.                 <div class="sixteen wide column">
  162.                     <a onClick="myNavFun( {{ entity.latitud }} , {{ entity.longitud }} )">
  163.                         <div class="mobile fluid only ui button blue" tabindex="0">
  164.                             <i class="map icon"></i>
  165.                             {{ 'buttons.take_me_there'|trans({}, 'FrontendBundle') }}
  166.                         </div>
  167.                     </a>
  168.                 </div>
  169.                 <div class="sixteen wide column">
  170.                     <a href="tel:+34{{ entity.telefono|split('/')[0]|trim }}">
  171.                         <div class="mobile only ui fluid button blue" tabindex="0">
  172.                             <i class="phone icon"></i>
  173.                             {{ 'buttons.dial'|trans({}, 'FrontendBundle') }}
  174.                         </div>
  175.                     </a>
  176.                 </div>
  177.             </div>
  178.         </div>
  179.     </div>
  181.     {% set abiertas = 0 %}
  182.     {% for competition in futuras %}
  183.         {% if (((competition.mode is defined and competition.mode == 3) or (competition.modo is defined and competition.modo.id == 3)) and (competition.estado == 'abierta')) %}
  184.             {% set abiertas = abiertas + 1 %}
  185.         {% endif %}
  186.     {% endfor %}
  188.     <div class="ui top attached tabular menu">
  189.         {% set difference = date(pasadas[0].fecha|default('now')).diff(date('now'|date('Y-m-d'))) %}
  190.         <a class="{% if (futuras|length == 0 or abiertas == 0 or difference.d <= 2) and (entity.id != "AM60") and (pasadas|length != 0) %}active{% endif %} item"
  191.            data-tab="first">
  192.             {{ 'club.past'|trans({}, 'FrontendBundle') }}
  193.         </a>
  194.         <a class="{% if ((futuras|length != 0 and abiertas > 0 and entity.id != "AM60" and difference.d > 2) or (entity.id == "AM60") or (pasadas|length == 0)) %}active{% endif %} item"
  195.            data-tab="second">
  196.             {{ 'club.future'|trans({}, 'FrontendBundle') }}
  197.             {% if abiertas > 0 %}
  198.                 <span class="ui grey circular label">{{ abiertas }}</span>
  199.             {% endif %}
  200.         </a>
  201.     </div>
  203.     <div id="pasadasTab"
  204.          class="ui bottom attached {% if (futuras|length == 0 or abiertas == 0 or difference.d <= 2) and (entity.id != "AM60") and (pasadas|length != 0) %}active{% endif %} tab segment"
  205.          data-tab="first">
  206.         {% if pasadas|length > 0 %}
  207.             {% set isFuture = null %}
  209.             {% for competition in pasadas %}
  210.                 {% set competitionId = competition.id %}
  211.                 {% if (loop.index0 % numElementos == 0) %}
  212.                     {% set activo = "" %}
  213.                     {% if not loop.first %}
  214.                         {% set activo = "hide" %}
  215.                     {% endif %}
  216.                     <div class="ui grid stackable {{ activo }}" id="pasadasPanel{{ (loop.index / numElementos)|round(0, 'ceil') }}">
  217.                 {% endif %}
  219.                         <div class="eight wide column">
  220.                             {% if (loop.index0 == 0) or (loop.index0 == 1) %}
  221.                                 <div class="ui divider mobile hidden"></div>
  222.                             {% endif %}
  224.                             {% include 'frontend/Club/components/item-competition.html.twig' %}
  226.                             <div class="ui divider"></div>
  227.                         </div>
  229.                 {% if (loop.index0 % numElementos == 5) or loop.last %}
  230.                     </div>
  231.                 {% endif %}
  232.             {% endfor %}
  233.         {% else %}
  234.             <div class="ui section divider hidden"></div>
  235.             <div class="ui section divider hidden"></div>
  236.             <div class="ui centered grid">
  237.                 <div class="row">
  238.                     <div class="ten wide center aligned column">
  239.                         <h2 class="ui icon header">
  240.                             <i class="icon">
  241.                                 <svg class="upcoming" xmlns="http://www.w3.org/2000/svg" width="116.56" height="101.17"
  242.                                      viewBox="6.72 -0.58 116.56 101.17">
  243.                                     <path fill="none" stroke="#94C120" stroke-width="2" stroke-linecap="round"
  244.                                           stroke-linejoin="round"
  245.                                           d="M121.27 97.13C49.2 59.15 8.72 98.58 8.72 98.58V8.38S20.7-11.3 64.5 15.5c38.35 23.47 56.37 14.06 56.37 14.06s1.06 9.27-2.9 23.09c-5.1 17.84 3.31 44.48 3.31 44.48"></path>
  246.                                 </svg>
  247.                             </i>
  248.                             <div class="content">
  249.                                 {{ entity.nombre }}
  250.                                 <div class="sub header">
  251.                                     {{ 'messages.club.empty'|trans({}, 'FrontendBundle')|raw }}
  252.                                 </div>
  253.                             </div>
  254.                         </h2>
  255.                     </div>
  256.                 </div>
  257.                 <div class="row">
  258.                     <div class="ten wide center aligned column">
  259.                         {% set club_id_aux = (entity.id|slice(0, 2)) ~ "00" %}
  260.                         <a href="{{ path('_club', {'id': club_id_aux}) }}">
  261.                             {{ 'messages.club.empty-sub'|trans({}, 'FrontendBundle')|raw }}
  262.                         </a>
  263.                     </div>
  264.                 </div>
  265.             </div>
  266.         {% endif %}
  268.         {% if pasadas|length > numElementos %}
  269.             <div class="pagination-container">
  270.                 <div class="ui mobile hidden pagination menu eo">
  271.                     {% for i in 1..(pasadas|length / numElementos)|round(0, 'ceil') %}
  272.                         {% set activo = "" %}
  273.                         {% if loop.first %}
  274.                             {% set activo = "active" %}
  275.                         {% endif %}
  276.                         <a class="item {{ activo }}" data-panel="pasadas" data-num="{{ i }}">
  277.                             {{ i }}
  278.                         </a>
  279.                     {% endfor %}
  281.                     {% set listUrl = "" %}
  282.                     {% if entity.id != "AM00" %}
  283.                         {% set listUrl = path('competiciones_club', {'id': entity.id}) %}
  284.                     {% else %}
  285.                         {% set listUrl = path('competiciones_comite', {'rfgacomite': 0}) %}
  286.                     {% endif %}
  287.                     <a class="item" href="{{ listUrl }}">
  288.                         <i class="list icon"></i>
  289.                     </a>
  290.                 </div>
  291.             </div>
  293.             <div class="ui mobile only" style="text-align: center;">
  294.                 <a class="item" href="{{ listUrl }}">
  295.                     Ver todas
  296.                 </a>
  297.             </div>
  298.         {% endif %}
  299.     </div>
  301.     <div id="futurasTab"
  302.          class="ui bottom attached {% if ((futuras|length != 0 and abiertas > 0 and entity.id != "AM60" and difference.d > 2) or (entity.id == "AM60") or (pasadas|length == 0)) %}active{% endif %} tab segment"
  303.          data-tab="second">
  304.         {% if futuras|length != 0 %}
  305.             {% set isFuture = true %}
  306.             {% for competition in futuras %}
  307.                 {% set competitionId = competition.id %}
  308.                 {% if (loop.index0 % numElementos == 0) %}
  309.                     {% set activo = "" %}
  310.                     {% if not loop.first %}
  311.                         {% set activo = "hide" %}
  312.                     {% endif %}
  313.                     <div class="ui grid stackable {{ activo }}" id="futurasPanel{{ (loop.index / numElementos)|round(0, 'ceil') }}">
  314.                 {% endif %}
  316.                 <div class="eight wide column">
  317.                     {% if loop.index0 == 0 or loop.index0 == 1 %}
  318.                         <div class="ui divider mobile hidden"></div>
  319.                     {% endif %}
  321.                     {% include 'frontend/Club/components/item-competition.html.twig' %}
  323.                     <div class="ui divider"></div>
  324.                 </div>
  326.                 {% if (loop.index0 % numElementos == 5) or loop.last %}
  327.                     </div>
  328.                 {% endif %}
  329.             {% endfor %}
  330.         {% else %}
  331.             <div class="ui section divider hidden"></div>
  332.             <div class="ui section divider hidden"></div>
  333.             <div class="ui centered grid">
  334.                 <div class="row">
  335.                     <div class="ten wide center aligned column">
  336.                         <h2 class="ui icon header">
  337.                             <i class="icon">
  338.                                 <svg class="upcoming" xmlns="http://www.w3.org/2000/svg" width="116.56" height="101.17"
  339.                                      viewBox="6.72 -0.58 116.56 101.17">
  340.                                     <path fill="none" stroke="#94C120" stroke-width="2" stroke-linecap="round"
  341.                                           stroke-linejoin="round"
  342.                                           d="M121.27 97.13C49.2 59.15 8.72 98.58 8.72 98.58V8.38S20.7-11.3 64.5 15.5c38.35 23.47 56.37 14.06 56.37 14.06s1.06 9.27-2.9 23.09c-5.1 17.84 3.31 44.48 3.31 44.48"></path>
  343.                                 </svg>
  344.                             </i>
  345.                             <div class="content">
  346.                                 {{ entity.nombre }}
  347.                                 <div class="sub header">
  348.                                     {{ 'messages.club.empty'|trans({}, 'FrontendBundle')|raw }}
  349.                                 </div>
  350.                             </div>
  351.                         </h2>
  352.                     </div>
  353.                 </div>
  355.                 <div class="row">
  356.                     <div class="ten wide center aligned column">
  357.                         {% set club_id_aux = (entity.id|slice(0, 2)) ~ "00" %}
  358.                         <a href="{{ path('_club', {'id': club_id_aux}) }}">
  359.                             {{ 'messages.club.empty-sub'|trans({}, 'FrontendBundle')|raw }}
  360.                         </a>
  361.                     </div>
  362.                 </div>
  363.             </div>
  364.         {% endif %}
  366.         {% if futuras|length > numElementos %}
  367.             <div class="pagination-container">
  368.                 <div class="ui mobile hidden pagination menu">
  369.                     {% for i in 1..(futuras|length / numElementos)|round(0, 'ceil') %}
  370.                         {% set activo = "" %}
  371.                         {% if loop.first %}
  372.                             {% set activo = "active" %}
  373.                         {% endif %}
  374.                         <a class="item {{ activo }}" data-panel="futuras" data-num="{{ i }}">
  375.                             {{ i }}
  376.                         </a>
  377.                     {% endfor %}
  379.                     {% set listUrl = "" %}
  380.                     {% if entity.id != "AM00" %}
  381.                         {% set listUrl = path('competiciones_club', {'id': entity.id}) %}
  382.                     {% else %}
  383.                         {% set listUrl = path('competiciones_comite', {'rfgacomite': 0}) %}
  384.                     {% endif %}
  385.                     <a class="item" href="{{ listUrl }}">
  386.                         <i class="list icon"></i>
  387.                     </a>
  388.                 </div>
  389.             </div>
  391.             <div class="ui mobile only" style="text-align: center;">
  392.                 <a class="item" href="{{ listUrl }}">
  393.                     Ver todas
  394.                 </a>
  395.             </div>
  396.         {% endif %}
  397.     </div>
  399.     {% if (entity.id not in ["AM00", "CM00"]) and (trazados|length > 0) %}
  400.         <div class="ui segment">
  401.             <h2 class="ui dividing header">Recorridos<a class="anchor" id="recorrido"></a></h2>
  402.             <div class="ui divided grid stackable">
  403.                 <div class="sixteen wide computer or lower twelve wide large screen twelve wide widescreen column">
  404.                     <div class="ui form">
  405.                         <div class="fields stackable ui  grid">
  406.                             <div class="nine wide column">
  407.                                 <div class="field">
  408.                                     <label>Campo</label>
  409.                                     <select class="ui dropdown" id="trazados_aux">
  410.                                         {% for trazado in trazados %}
  411.                                             <option value="{{ trazado.id }}">{{ trazado.nombre }}</option>
  412.                                         {% endfor %}
  413.                                     </select>
  414.                                 </div>
  415.                             </div>
  416.                             <div class="four wide column">
  417.                                 <div class="field">
  418.                                     <label>Barras</label>
  419.                                     <div class="ui selection dropdown" id="barras_aux">
  420.                                         <input type="hidden" name="barra_aux">
  421.                                         <i class="dropdown icon"></i>
  422.                                         <div class="text"></div>
  423.                                         <div class="menu">
  424.                                         </div>
  425.                                     </div>
  426.                                 </div>
  427.                             </div>
  428.                             <div class="three wide column">
  429.                                 <div class="field">
  430.                                     <label>Hoyos</label>
  431.                                     <select class="ui compact dropdown" id="hoyos_aux">
  432.                                         <option value="3">1-18</option>
  433.                                         <option value="1">1-9</option>
  434.                                         <option value="2">10-18</option>
  435.                                     </select>
  436.                                 </div>
  437.                             </div>
  439.                             <div class="sixteen wide column">
  440.                                 <div class="ui divided stackable grid">
  441.                                     <div class="mobile hidden eight wide column center aligned">
  442.                                         <h4 class="ui horizontal divider header">
  443.                                             <div class="content">
  444.                                                 Masculino
  445.                                             </div>
  446.                                         </h4>
  447.                                         <div class="ui grid">
  448.                                             <div class="seven wide column centered">
  449.                                                 <h3 class="ui  header">
  450.                                                     <i class="icons">
  451.                                                         <i class="file grey  outline icon"></i>
  452.                                                         <i class="corner blue info circle icon"></i>
  453.                                                     </i>
  455.                                                     <div class="content">
  456.                                                         <span id="valor_campo_m">-</span>
  457.                                                         <div class="sub header">Valor de Campo</div>
  458.                                                     </div>
  459.                                                 </h3>
  460.                                             </div>
  462.                                             <div class="seven wide column centered">
  463.                                                 <h3 class="ui  header">
  464.                                                     <i class="icons">
  465.                                                         <i class="file grey  outline icon"></i>
  466.                                                         <i class="corner red asterisk  icon"></i>
  467.                                                     </i>
  469.                                                     <div class="content">
  470.                                                         <span id="valor_slope_m">-</span>
  471.                                                         <div class="sub header">Valor Slope</div>
  472.                                                     </div>
  473.                                                 </h3>
  474.                                             </div>
  475.                                         </div>
  476.                                     </div>
  477.                                     <div class="mobile hidden eight wide column center aligned">
  478.                                         <h4 class="ui horizontal divider header">
  479.                                             <div class="content">
  480.                                                 Femenino
  481.                                             </div>
  482.                                         </h4>
  483.                                         <div class="ui grid">
  484.                                             <div class="seven wide column centered">
  485.                                                 <h3 class="ui  header">
  486.                                                     <i class="icons">
  487.                                                         <i class="file grey  outline icon"></i>
  488.                                                         <i class="corner blue info circle icon"></i>
  489.                                                     </i>
  491.                                                     <div class="content">
  492.                                                         <span id="valor_campo_f">-</span>
  493.                                                         <div class="sub header">Valor de Campo</div>
  494.                                                     </div>
  495.                                                 </h3>
  496.                                             </div>
  498.                                             <div class="seven wide column centered">
  499.                                                 <h3 class="ui  header">
  500.                                                     <i class="icons">
  501.                                                         <i class="file grey  outline icon"></i>
  502.                                                         <i class="corner red asterisk  icon"></i>
  503.                                                     </i>
  505.                                                     <div class="content">
  506.                                                         <span id="valor_slope_f">-</span>
  507.                                                         <div class="sub header">Valor Slope</div>
  508.                                                     </div>
  509.                                                 </h3>
  510.                                             </div>
  511.                                         </div>
  512.                                     </div>
  513.                                 </div>
  514.                             </div>
  515.                         </div>
  516.                     </div>
  517.                 </div>
  519.                 <div class="sixteen wide computer or lower four wide large screen four wide widescreen center aligned column">
  520.                     <div class="ui cube shape" id="cuboHcp">
  521.                         <div class="sides">
  522.                             <div class="ui side active">
  523.                                 <div class="ui red right corner label">
  524.                                     <i class="calculator icon"></i>
  525.                                 </div>
  526.                                 <div class="ui form" id="panel_form_hcp">
  527.                                     <div class="ui grid">
  528.                                         <div class="field column">
  529.                                             <label>HCP de Juego</label>
  530.                                             <input type="text" name="Licencia" placeholder="Introduzca licencia"
  531.                                                    id="hcp_juego_licencia">
  532.                                         </div>
  533.                                     </div>
  534.                                     <div class="ui horizontal divider"></div>
  535.                                     <div class="container">
  536.                                         <form id="form_calculadora_hcp" autocomplete="off">
  537.                                             <div class="fields">
  538.                                                 <div class="ui grid">
  539.                                                     <div class="eight wide column">
  540.                                                         <div class="field column">
  541.                                                             <input type="number" step="0.1" max="54" min="-9"
  542.                                                                    name="handicap" placeholder="hcp" id="hcp_jugador">
  543.                                                             <input type="hidden" name="trazado" id="trazado">
  544.                                                             <input type="hidden" name="barra" id="barra">
  545.                                                             <input type="hidden" name="hoyo" id="hoyo">
  546.                                                         </div>
  547.                                                     </div>
  548.                                                     <div class="eight wide column">
  549.                                                         <div class="field">
  550.                                                             <button class="ui primary fluid button">
  551.                                                                 <i class="mobile hidden calculator icon"></i>Ver
  552.                                                             </button>
  553.                                                         </div>
  554.                                                     </div>
  555.                                                 </div>
  556.                                             </div>
  557.                                         </form>
  558.                                     </div>
  559.                                 </div>
  560.                             </div>
  561.                             <div class="ui side" id="panel_result_hcp">
  562.                                 <div class="ui red right corner label">
  563.                                     <i class="calculator icon"></i>
  564.                                 </div>
  565.                                 <div class="ui grid container">
  567.                                     <div class="thirteen wide column centered noPaddingTop">
  568.                                         {% include 'nextcaddy_long.html.twig' %}
  569.                                     </div>
  571.                                     <div class="eight wide column centered noPaddingTop" id="hcp_m">
  572.                                         <div class="ui grey inverted statistic">
  573.                                             <div class="value" id="hcp_result_m"></div>
  574.                                             <div class="label">
  575.                                                 Hcp <i class="ui  olive large icon male"></i>
  576.                                             </div>
  577.                                         </div>
  578.                                     </div>
  580.                                     <div class="eight wide column centered noPaddingTop" id="hcp_f">
  581.                                         <div class="ui grey inverted statistic">
  582.                                             <div class="value" id="hcp_result_f"></div>
  583.                                             <div class=" label">
  584.                                                 Hcp <i class="ui  olive large  icon female"></i>
  585.                                             </div>
  586.                                         </div>
  587.                                     </div>
  589.                                     <div class="sixteen wide column centered center aligned">
  590.                                         <a class="ui basic fluid label centered" id="calculadora">
  591.                                             <i class="reply icon"></i>Volver
  592.                                         </a>
  593.                                     </div>
  594.                                 </div>
  595.                             </div>
  596.                         </div>
  597.                     </div>
  598.                 </div>
  600.                 <div id="container_table_tb">
  601.                     <div class="sixteen wide column" id="table_tb_m">
  602.                         <h4 class="ui horizontal divider header">
  603.                             <i class="circle icon" id="color_m"></i>
  604.                             <div class="content">
  605.                                 Barras <span id="color_title_m"></span>
  606.                                 <div class="sub header">Valoración Caballeros</div>
  607.                             </div>
  608.                         </h4>
  609.                         <table class="ui table center aligned unstackable rtable--flip" id="color_table_m">
  610.                             <thead>
  611.                             <tr>
  612.                                 <th class="rtable--flip">hoyo</th>
  613.                                 {% for i in 1..18 %}
  614.                                     <th id="hoyo-{{ i }}-m" class="rtable--flip">{{ i }}</th>
  615.                                     {% if i == 9 %}
  616.                                         <th class="rtable--flip">ida</th>
  617.                                     {% elseif i == 18 %}
  618.                                         <th class="rtable--flip">vuelta</th>
  619.                                     {% endif %}
  620.                                 {% endfor %}
  621.                                 <th class="rtable--flip">total</th>
  622.                             </tr>
  623.                             </thead>
  624.                             <tbody>
  625.                             <tr class="disabled">
  626.                                 <th class="rtable--flip">metros</th>
  627.                                 {% for i in 1..18 %}
  628.                                     <td id="metro-{{ i }}-m" class="rtable--flip"></td>
  629.                                     {% if i == 9 or i == 18 %}
  630.                                         <td id="metros{{ i }}m" class="rtable--flip"></td>
  631.                                     {% endif %}
  632.                                 {% endfor %}
  633.                                 <td id="metrosTotalm" class="rtable--flip"></td>
  634.                             </tr>
  635.                             <tr class="cell disabled">
  636.                                 <th class="rtable--flip">par</th>
  637.                                 {% for i in 1..18 %}
  638.                                     <td id="par-{{ i }}-m" class="rtable--flip"></td>
  639.                                     {% if i == 9 or i == 18 %}
  640.                                         <td id="pares{{ i }}m" class="rtable--flip"></td>
  641.                                     {% endif %}
  642.                                 {% endfor %}
  643.                                 <td id="paresTotalm" class="rtable--flip"></td>
  644.                             </tr>
  645.                             <tr class="disabled">
  646.                                 <th class="rtable--flip">hcp</th>
  647.                                 {% for i in 1..18 %}
  648.                                     <td id="hcp-{{ i }}-m" class="rtable--flip"></td>
  649.                                     {% if i == 9 or i == 18 %}
  650.                                         <td class="rtable--flip">--</td>
  651.                                     {% endif %}
  652.                                 {% endfor %}
  653.                                 <td class="rtable--flip">--</td>
  654.                             </tr>
  655.                             </tbody>
  656.                         </table>
  657.                     </div>
  659.                     <div class="sixteen wide column" id="table_tb_f" style="padding-top: 15px;">
  660.                         <h4 class="ui horizontal divider header">
  661.                             <i class=" circle icon" id="color_f"></i>
  662.                             <div class="content">
  663.                                 Barras <span id="color_title_f"></span>
  664.                                 <div class="sub header">Valoración Señoras</div>
  665.                             </div>
  666.                         </h4>
  668.                         <table class="ui table center aligned unstackable rtable--flip" id="color_table_f">
  669.                             <thead>
  670.                             <tr>
  671.                                 <th clas="rtable--flip">hoyo</th>
  672.                                 {% for i in 1..18 %}
  673.                                     <th id="hoyo-{{ i }}-f" clas="rtable--flip">{{ i }}</th>
  674.                                     {% if i == 9 %}
  675.                                         <th clas="rtable--flip">ida</th>
  676.                                     {% elseif i == 18 %}
  677.                                         <th clas="rtable--flip">vuelta</th>
  678.                                     {% endif %}
  679.                                 {% endfor %}
  680.                                 <th clas="rtable--flip">total</th>
  681.                             </tr>
  682.                             </thead>
  683.                             <tbody>
  684.                             <tr class="disabled">
  685.                                 <th clas="rtable--flip">metros</th>
  686.                                 {% for i in 1..18 %}
  687.                                     <td clas="rtable--flip" id="metro-{{ i }}-f"></td>
  688.                                     {% if i == 9 or i == 18 %}
  689.                                         <td clas="rtable--flip" id="metros{{ i }}f"></td>
  690.                                     {% endif %}
  691.                                 {% endfor %}
  692.                                 <td clas="rtable--flip" id="metrosTotalf"></td>
  693.                             </tr>
  694.                             <tr class="cell disabled">
  695.                                 <th clas="rtable--flip">par</th>
  696.                                 {% for i in 1..18 %}
  697.                                     <td clas="rtable--flip" id="par-{{ i }}-f"></td>
  698.                                     {% if i == 9 or i == 18 %}
  699.                                         <td clas="rtable--flip" id="pares{{ i }}f"></td>
  700.                                     {% endif %}
  701.                                 {% endfor %}
  702.                                 <td clas="rtable--flip" id="paresTotalf"></td>
  703.                             </tr>
  704.                             <tr class="disabled">
  705.                                 <th clas="rtable--flip">hcp</th>
  706.                                 {% for i in 1..18 %}
  707.                                     <td clas="rtable--flip" id="hcp-{{ i }}-f"></td>
  708.                                     {% if i == 9 or i == 18 %}
  709.                                         <td clas="rtable--flip">--</td>
  710.                                     {% endif %}
  711.                                 {% endfor %}
  712.                                 <td clas="rtable--flip">--</td>
  713.                             </tr>
  714.                             </tbody>
  715.                         </table>
  716.                     </div>
  717.                 </div>
  718.             </div>
  719.         </div>
  720.     {% endif %}
  722.     <div class="ui page dimmer">
  723.         <div class="content">
  724.             <h2 class="center">
  725.                 <i class="info circle icon"></i>
  726.                 <span id="modal-text"></span>
  727.             </h2>
  728.             <h2 class="center">
  729.                 {{ 'messages.inscripcion.abiertas'|trans({}, 'FrontendBundle') }} <a
  730.                         href="{{ path('competiciones_abiertas', {id: entity.cliente.id }) }}">{{ 'competiciones'|trans({}, 'FrontendBundle')|lower }}</a>
  731.             </h2>
  732.         </div>
  733.     </div>
  734. {% endblock %}
  736. {% block javascripts %}
  737.     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/fomantic-ui@2.8.7/dist/semantic.min.js"></script>
  738.     <script>
  740.         document.addEventListener("DOMContentLoaded", function () {
  741.             document.querySelectorAll("#club-logo").forEach(async imgElement => {
  742.                 let entityId = imgElement.getAttribute("data-entity-id");
  743.                 let defaultLogo = imgElement.getAttribute("data-default-logo");
  744.                 let defaultGlobal = imgElement.getAttribute("data-default-global");
  746.                 if (!entityId) {
  747.                     imgElement.src = defaultGlobal;
  748.                     return;
  749.                 }
  751.                 let basePath = "https://resources.nextcaddy.com/clubResources";
  753.                 imgElement.src = await findValidImage(basePath, entityId, defaultLogo, defaultGlobal);
  754.             });
  755.         });
  757.         async function findValidImage(basePath, entityId, defaultLogo, defaultGlobal) {
  758.             const variants = ["C", "B", "W"];
  760.             let imageUrls = variants.flatMap(variant => [
  761.                 `${basePath}/${entityId}/logos/SVG/${entityId}${variant}.svg`,
  762.                 `${basePath}/${entityId}/logos/PNG/${entityId}${variant}.png`
  763.             ]);
  765.             for (let imgUrl of imageUrls) {
  766.                 if (await imageExists(imgUrl)) {
  767.                     return imgUrl;
  768.                 }
  769.             }
  771.             if (defaultLogo && await imageExists(defaultLogo)) {
  772.                 return defaultLogo;
  773.             }
  775.             return defaultGlobal;
  776.         }
  778.         function imageExists(url) {
  779.             return new Promise(resolve => {
  780.                 let img = new Image();
  781.                 img.src = url;
  782.                 img.onload = () => resolve(true);
  783.                 img.onerror = () => resolve(false);
  784.             });
  785.         }
  787.         {% if publi > 0 %}
  788.         $('#dimmerPubli').dimmer({
  789.             onShow: function () {
  790.                 $("#dimmerPubli .svgPubli").transition("fly up");
  792.                 $(".opaco").each(function () {
  793.                     $(this).addClass("ciclo");
  794.                 });
  796.                 setTimeout(function () {
  797.                     $("#dimmerPubli").dimmer("hide");
  798.                     $(".opaco").removeClass("opaco ciclo");
  799.                 }, 1750);
  800.             }
  801.         })
  802.             .dimmer('show');
  803.         {% else %}
  804.         $(".opaco").each(function () {
  805.             $(this).removeClass("opaco ciclo");
  806.         });
  807.         {% endif %}
  809.         $('.tabular.menu .item').tab();
  811.         //funcion para el cambio de pestaña en el menu
  812.         $(".menu .item").each(function () {
  813.             $(this).click(function () {
  815.                 //eliminamos el elemento activo y cambiamos al nuevo
  816.                 $(this).siblings('a').removeClass('active');
  817.                 $(this).addClass("active");
  819.                 //Ocultamos secciones y mostramos la que queremos.
  820.                 var elem = $(this).data("panel");
  821.                 var num = $(this).data("num");
  822.                 $("#" + elem + "Tab").children("div.grid").addClass("hide");
  823.                 $("#" + elem + "Panel" + num).removeClass("hide");
  824.             });
  825.         });
  827.         $(".boton-modal").on('click', function () {
  828.             $("#modal-text").html($(this).data("texto"));
  829.             $('.ui.page.dimmer').dimmer('show');
  830.         });
  832.         {% if entity.id not in ["AM00", "CM00"] %}
  833.         $('#hcp_juego_licencia').on('keyup focusout', function () {
  834.             var lic = $(this).val();
  836.             if (lic.length === 10) {
  837.                 $.get(Routing.generate('tour_autocomplete_get_hcp_jugador', {
  838.                     licencia: lic,
  839.                     club: "{{ entity.id }}"
  840.                 }), function (data) {
  841.                     $("#hcp_jugador").val(data.hcp);
  842.                     if (data.sexo == 'm') {
  843.                         $("#hcp_f").css('display', 'none');
  844.                     } else if (data.sexo == 'f') {
  845.                         $("#hcp_m").css('display', 'none');
  846.                     }
  847.                 });
  848.             }
  849.         });
  851.         $("#barras_aux").dropdown({
  852.             onChange: function () {
  853.                 obtieneValores();
  854.             }
  855.         });
  857.         $("#hoyos_aux").dropdown({
  858.             onChange: function () {
  859.                 obtieneValores();
  860.             }
  861.         });
  863.         $("#trazados_aux").dropdown({
  864.             onChange: function (value) {
  865.                 obtieneBarras(value);
  866.             }
  867.         });
  869.         $("#modal-cerrar").on('click', function () {
  870.             $('.ui.page.dimmer').dimmer('hide');
  871.         });
  873.         $("#calculadora").on('click', function () {
  874.             giraCubo();
  875.             reseteaValores();
  876.         });
  878.         $("#form_calculadora_hcp").on("submit", function (e) {
  879.             e.preventDefault();
  881.             var hcpJugador = $("#hcp_jugador");
  883.             if (hcpJugador.val() != "") {
  884.                 $.ajax({
  885.                     url: Routing.generate('nextcaddy_calculadora_hcpjuego'), // form action url
  886.                     type: 'POST', // form submit method get/post
  887.                     data: $(this).serialize(), // serialize form data
  888.                     success: function (data) {
  890.                         var m = "-";
  891.                         var f = "-";
  892.                         if (typeof data.masculino != "undefined") {
  893.                             m = data.masculino;
  894.                         }
  896.                         if (typeof data.femenino != "undefined") {
  897.                             f = data.femenino;
  898.                         }
  900.                         $("#hcp_result_m").html(m);
  901.                         $("#hcp_result_f").html(f);
  902.                         giraCubo();
  903.                     }
  904.                 });
  905.             } else {
  906.                 hcpJugador.parent().addClass("error");
  907.             }
  908.         });
  910.         function giraCubo() {
  911.             $('.shape').shape('flip over');
  912.         }
  914.         function reseteaValores() {
  915.             $("#hcp_juego_licencia").val('');
  916.             $("#hcp_jugador").val('');
  917.             $("#hcp_f").css('display', 'block');
  918.             $("#hcp_m").css('display', 'block');
  919.         }
  921.         function obtieneBarras(t) {
  922.             $.post(Routing.generate('tour_autocomplete_get_barras_trazado', {trazado: t}), function (barras) {
  923.                 if (barras.length != 0) {
  924.                     var values = {values: []};
  925.                     $.each(barras, function (key, valor) {
  926.                         values.values.push({"value": valor.id, "text": valor.nombre, "name": valor.nombre});
  927.                     });
  929.                     $("#barras_aux").dropdown("setup menu", values);
  930.                     $("#barras_aux").dropdown("set selected", barras[0].id);
  932.                     if (!$('#container_table_tb').transition('is visible')) {
  933.                         $('#container_table_tb').transition();
  934.                     }
  936.                     obtieneValores();
  937.                 } else {
  938.                     $('body').toast({
  939.                         class: 'error',
  940.                         displayTime: 3000,
  941.                         closeIcon: true,
  942.                         message: 'Ha ocurrido un error, no se encuentran barras para este trazado.'
  943.                     });
  945.                     $("#barras_aux").dropdown("clear", true);
  946.                     $("#barras_aux").dropdown("change values", []);
  948.                     $("#valor_campo_m").html('-');
  949.                     $("#valor_campo_f").html('-');
  950.                     $("#valor_slope_m").html('-');
  951.                     $("#valor_slope_f").html('-');
  953.                     if ($('#container_table_tb').transition('is visible')) {
  954.                         $('#container_table_tb').transition();
  955.                     }
  956.                 }
  957.             });
  958.         }
  960.         function doNotShowZero(value) {
  961.             return (value === 0) ? "-" : value;
  962.         }
  964.         function obtieneValores() {
  965.             var t = $("#trazados_aux").dropdown("get value");
  966.             var h = $("#hoyos_aux").dropdown("get value");
  967.             var b = $("#barras_aux").dropdown("get value");
  969.             if (b === null || b === '') {
  970.                 $('body').toast({
  971.                     class: 'error',
  972.                     displayTime: 3000,
  973.                     closeIcon: true,
  974.                     message: 'Ha ocurrido un error, no se encuentran barras para este trazado.'
  975.                 });
  976.             } else {
  977.                 $("#trazado").val(t);
  978.                 $("#barra").val(b);
  979.                 $("#hoyo").val(h);
  980.                 $.post(Routing.generate('tour_autocomplete_get_tb_valores', {
  981.                     barra: b,
  982.                     trazado: t,
  983.                     hoyos: h
  984.                 }), function (valores) {
  985.                     var color = traduceBarraColor(b);
  987.                     $("#valor_campo_m").html(doNotShowZero(valores['masculino']['campo']));
  988.                     $("#valor_campo_f").html(doNotShowZero(valores['femenino']['campo']));
  989.                     $("#valor_slope_m").html(doNotShowZero(valores['masculino']['slope']));
  990.                     $("#valor_slope_f").html(doNotShowZero(valores['femenino']['slope']));
  991.                     $("#color_f").removeClass().addClass(color + " circle icon");
  992.                     $("#color_m").removeClass().addClass(color + " circle icon");
  993.                     $("#color_table_m").removeClass().addClass("ui " + color + " center aligned table unstackable rtable--flip");
  994.                     $("#color_table_f").removeClass().addClass("ui " + color + " center aligned table unstackable rtable--flip");
  995.                     $("#color_title_m").html($("#barras_aux option:selected").text());
  996.                     $("#color_title_f").html($("#barras_aux option:selected").text());
  998.                     rellenaTarjetas();
  999.                 });
  1000.             }
  1001.         }
  1003.         function traduceBarraColor(barra) {
  1005.             var text = "yellow";
  1006.             switch (barra) {
  1007.                 case "VE":
  1008.                     text = "green";
  1009.                     break;
  1010.                 case "NE":
  1011.                     text = "black";
  1012.                     break;
  1013.                 case "RO":
  1014.                     text = "red";
  1015.                     break;
  1016.                 case "AZ":
  1017.                     text = "blue";
  1018.                     break;
  1019.                 case "NA":
  1020.                     text = "orange";
  1021.                     break;
  1022.                 case "BL":
  1023.                     text = "outline";
  1024.                     break;
  1025.                 case "RS":
  1026.                     text = "pink";
  1027.                     break;
  1028.                 case "DO":
  1029.                     text = "brown";
  1030.                     break;
  1031.             }
  1033.             return text;
  1034.         }
  1036.         function rellenaTarjetas() {
  1037.             var b = $("#barras_aux").dropdown("get value");
  1038.             var t = $("#trazados_aux").dropdown("get value");
  1039.             $("#trazado").val(t);
  1040.             $("#barra").val(b);
  1041.             $.post(Routing.generate('tour_autocomplete_get_datos_trazado', {barra: b, trazado: t}), function (valores) {
  1042.                 //datos del trazado
  1043.                 for (var sexo in valores) {
  1044.                     if (valores[sexo] == -1) {
  1045.                         $('#table_tb_' + sexo).hide();
  1046.                     } else {
  1047.                         $('#table_tb_' + sexo).show();
  1048.                         var pares = 0;
  1049.                         var paresParcial = 0;
  1050.                         var metros = 0;
  1051.                         var metrosParcial = 0;
  1052.                         var sexos = ['m', 'f'];
  1053.                         for (var i = 1; i <= 18; i++) {
  1054.                             var m = valores[sexo]['metros'][i - 1];
  1055.                             var p = valores[sexo]['par'][i - 1];
  1056.                             var hname = valores[sexo]['hoyo'][i - 1];
  1058.                             $("#hoyo-" + i + "-" + sexo).html(hname);
  1059.                             $("#metro-" + i + "-" + sexo).html(m);
  1060.                             $("#par-" + i + "-" + sexo).html(p);
  1061.                             $("#hcp-" + i + "-" + sexo).html(valores[sexo]['hcp'][i - 1]);
  1063.                             pares += p;
  1064.                             metros += m;
  1065.                             metrosParcial += m;
  1066.                             paresParcial += p;
  1068.                             if (i == 9 || i == 18) {
  1069.                                 if (p != "Y") {
  1070.                                     $("#metros" + i + sexo).html(metrosParcial);
  1071.                                     $("#pares" + i + sexo).html(paresParcial);
  1072.                                     metrosParcial = 0;
  1073.                                     paresParcial = 0;
  1074.                                 } else {
  1075.                                     pares = "-";
  1076.                                     metros = "-";
  1077.                                     metrosParcial = "-";
  1078.                                     paresParcial = "-";
  1079.                                     $("#metros" + i + sexo).html(metrosParcial);
  1080.                                     $("#pares" + i + sexo).html(paresParcial);
  1081.                                 }
  1083.                                 if (i == 18) {
  1084.                                     $("#metrosTotal" + sexo).html(metros);
  1085.                                     $("#paresTotal" + sexo).html(pares);
  1086.                                 }
  1087.                             }
  1088.                         }
  1089.                     }
  1090.                 }
  1091.             });
  1092.         }
  1094.         obtieneBarras($("#trazados_aux").dropdown("get value"));
  1095.         {% endif %}
  1097.         function myNavFun(lat, lon) {
  1098.             // If it's an iPhone..
  1099.             if ((navigator.platform.indexOf("iPhone") != -1) || (navigator.platform.indexOf("iPod") != -1) || (navigator.platform.indexOf("iPad") != -1))
  1100.                 window.open("maps://maps.google.com/maps?daddr=" + lat + "," + lon + "&amp;ll=");
  1101.             else
  1102.                 window.open("http://maps.google.com/maps?daddr=" + lat + "," + lon + "&amp;ll=");
  1103.         }
  1105.         $("a.truncate").each(function () {
  1106.             $(this).popup({
  1107.                 hoverable: true,
  1108.                 position: 'top left'
  1109.             });
  1110.         });
  1112.         setTimeout(function () {
  1113.             $(".statistics.transition.hidden").transition('swing down');
  1114.         }, 375);
  1116.         $(document).ajaxStart(function () {
  1117.             $(document.body).css({'cursor': 'wait'});
  1118.         }).ajaxStop(function () {
  1119.             $(document.body).css({'cursor': 'default'});
  1120.         });
  1122.     </script>
  1123. {% endblock %}