templates/network/profile/sections/profile_section_achievements.html.twig line 1

Open in your IDE?
  1. <turbo-frame id="tab_content">
  2.   <section class="p-4 bg-white shadow-xl sm:p-8 xl:p-16" id="achievements">
  3.     {% if app.user and categories and categories is not empty %}
  4.       {% do section_navigation_add({ name: 'achievements', anchor: 'achievements' }) %}
  5.       <div class="space-y-6">
  6.         <h2 class="text-xl font-medium text-black uppercase md:text-xl font-headline">
  7.           {{ 'successes-as-profile'|trans }}
  8.           {% if user.id is defined and profile.id == user.id %}
  9.               <small class="underline lowercase">
  10.                 <a data-turbo='false' target="_top" href="{{ path('profile_admin_achievements_index') }}">({{ 'edit'|trans }})</a>
  11.               </small>
  12.             {% endif %}
  13.         </h2>
  15.         {% for category in categories %}
  16.           <div class="">
  17.             <h3 class="mb-4 text-black uppercase font-headline">
  18.               {{ category|trans }}
  19.             </h3>
  20.             <div class="overflow-x-scroll lg:overflow-x-hidden">
  21.             {# Heading #}
  22.             <div class="grid w-full grid-cols-12 gap-2 px-5 py-2 text-sm font-bold text-white uppercase bg-primary-500"
  23.               style="min-width: 1024px">
  24.               <div>
  25.                 {{ 'profile.achievements.date'|trans }}
  26.               </div>
  27.               <div class="flex col-span-2">
  28.                 {{ 'profile.achievements.horse'|trans }}
  29.               </div>
  30.               <div class="col-span-2">
  31.                 {{ 'profile.achievements.racingtrack'|trans }}
  32.               </div>
  34.               <div class="col-span-5">
  35.                 {{ 'profile.achievements.description'|trans }}
  36.               </div>
  37.               <div class="col-span-2">
  38.                 {{ 'profile.achievements.participants'|trans }}
  39.               </div>
  40.             </div>
  41.             <turbo-frame id="profile-achievements-{{ category }}"
  42.               src="{{
  43.               path(
  44.                 'network_profile_achievement_frame',
  45.                 { _locale: app.request.locale, category: category, id: profile.id }
  46.               )
  47.               }}"></turbo-frame>
  48.             </div>
  50.           </div>
  51.         {% endfor %}
  52.       </div>
  53.      {% elseif not app.user %}
  54.       <div class="container">
  55.         <h2 class="text-lg font-medium uppercase md:text-xl font-headline mb-7">
  56.           {{ 'successes-as-profile'|trans }}
  57.         </h2>
  58.         {% include 'network/profile/components/login_required_hint.html.twig' %}
  59.       </div>
  60.     
  61.     {% else %}
  62.       <h2 class="text-xl font-medium text-black uppercase mb-7 md:text-xl font-headline">
  63.         {{ 'successes-as-profile'|trans }}
  64.         {% if user.id is defined and profile.id == user.id %}
  65.               <small class="underline lowercase">
  66.                 <a data-turbo='false' target="_top" href="{{ path('profile_admin_achievements_index') }}">({{ 'edit'|trans }})</a>
  67.               </small>
  68.             {% endif %}
  69.       </h2>
  70.       <div>
  71.         {{ 'no.profile.achievements.available'|trans }}
  72.       </div>
  73.     {% endif %}
  74.   </section>
  75.   <turbo-stream action="replace" target="tab_navigation">
  76.     <template>
  77.       {% include 'network/profile/components/tab_navigation_component.html.twig' with {
  78.         profile: profile,
  79.         highlightedTab: app.request.pathInfo
  80.       } %}
  81.     </template>
  82.   </turbo-stream>
  83. </turbo-frame>