{% extends 'public_base.html' %}
{% load static %}

{% block title %}FAQ{% endblock %}


{% block content %}
<section class="bg-[#1a1a1a] text-white py-20">
  <div class="max-w-5xl mx-auto px-6">
    
    <!-- Title -->
    <h2 class="text-6xl font-bold mb-4">FAQ</h2>
    <p class="text-lg text-gray-300 mb-14">Everything you need to know.</p>

    <!-- Category -->
    <h3 class="text-3xl font-semibold mb-10">Generally</h3>

    <!-- FAQ Item 1 (Open by default) -->
    <div class="mb-10">
      <button 
        onclick="toggleFAQ(this)"
        class="w-full flex items-start gap-6 group"
      >
        <span class="bg-indigo-500 text-white p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
          ×
        </span>
        <div class="text-left">
          <h4 class="text-xl font-semibold mb-3">
            What is the B42 India Coach Zone?
          </h4>
          <p class="faq-answer text-gray-300 text-sm leading-6 block">
            The B42 India Coach Zone is the desktop solution for coaches and clubs. Different roles come with different permissions,
             enabling the entire club to collaborate across teams<br><br>
           Coaches can easily create appointments, plan match days and team training, 
           send load assessments and workouts, edit player data, 
           and view statistics and insights.<br><br>
            Depending on their permissions, athletic trainers can also distribute workout and load assessments, 
            conduct performance tests, manually enter results, or leave notes about injured players.<br><br>
            Players can make entries in the team's account.<br><br>
           This way, all data is in one place and everyone is informed.
          </p>
        </div>
      </button>
    </div>

    <!-- FAQ Item 2 -->
    <div class="mb-10">
      <button 
        onclick="toggleFAQ(this)"
        class="w-full flex items-start gap-6 group"
      >
        <span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
          +
        </span>
        <div class="text-left">
          <h4 class="text-xl font-semibold mb-3">
           What is the B42 India India Performance App?
          </h4>
          <p class="faq-answer text-gray-300 text-sm leading-6 hidden">
            The B42 India India Performance App is the solution for players. Workouts, load assessments, and appointments created by the coach in the Coach Zone appear on the app in real time and can be completed conveniently and clearly by the players. They can complete additional training sessions and compete with their team and players worldwide in the team feed.
          </p>
        </div>
      </button>
    </div>
<div class="mb-10">
      <button 
        onclick="toggleFAQ(this)"
        class="w-full flex items-start gap-6 group"
      >
        <span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
          +
        </span>
        <div class="text-left">
          <h4 class="text-xl font-semibold mb-3">
           Why should my team use B42 India?
          </h4>
          <p class="faq-answer text-gray-300 text-sm leading-6 hidden">
            Only together can you achieve your goals. But sometimes it's difficult to keep track of everything. 
            With B42 India, you can organize match days and team training sessions, plan and share the team lineup, 
            track your players' athletic achievements and progress, and distribute prevention, fitness, 
            and technical workouts individually according to the team's performance level and workload.B42 India– 
            The all-in-one solution for teams that want more.
          </p>
        </div>
      </button>
    </div>
<div class="mb-10">
      <button 
        onclick="toggleFAQ(this)"
        class="w-full flex items-start gap-6 group"
      >
        <span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
          +
        </span>
        <div class="text-left">
          <h4 class="text-xl font-semibold mb-3">
           Can I use B42 India without a team?
          </h4>
          <p class="faq-answer text-gray-300 text-sm leading-6 hidden">
           Can't convince your team to use the B42 India app? No problem. You can also register as an individual player. Whether you're fit or injured, create your personalized training plan, perfectly tailored to the season and your performance level. Get your player card now, just like in FIFA, work specifically on your strengths and weaknesses, and compete against players worldwide!
<br><br>
B42 India – for the best season of your life.
          </p>
        </div>
      </button>
    </div>
    <div class="mb-10">
      <button 
        onclick="toggleFAQ(this)"
        class="w-full flex items-start gap-6 group"
      >
        <span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
          +
        </span>
        <div class="text-left">
          <h4 class="text-xl font-semibold mb-3">
           Which league is B42 India suitable for?
          </h4>
          <p class="faq-answer text-gray-300 text-sm leading-6 hidden">
           
The league doesn't matter – only your desire to improve and explore new paths. Training is individually tailored to each player's skill level. You can find more information in the team solution.
          </p>
        </div>
      </button>
    </div>
    <!-- Duplicate FAQ items below if needed -->
    <div class="mb-10">
      <button 
        onclick="toggleFAQ(this)"
        class="w-full flex items-start gap-6 group"
      >
        <span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
          +
        </span>
        <div class="text-left">
          <h4 class="text-xl font-semibold mb-3">
           Which league is B42 India suitable for?
          </h4>
          <p class="faq-answer text-gray-300 text-sm leading-6 hidden">
           
The league doesn't matter – only your desire to improve and explore new paths. Training is individually tailored to each player's skill level. You can find more information in the team solution.
          </p>
        </div>
      </button>
    </div>

          <h3 class="text-3xl font-semibold mb-10">training</h3>

           <div class="mb-10">
      <button 
        onclick="toggleFAQ(this)"
        class="w-full flex items-start gap-6 group"
      >
        <span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
          +
        </span>
        <div class="text-left">
          <h4 class="text-xl font-semibold mb-3">
          How often should I run a performance test?
          </h4>
          <p class="faq-answer text-gray-300 text-sm leading-6 hidden">
           
Ideally, test yourself every four to six weeks. Shorter periods of time make no sense as the body needs time to adapt. By the way, you can find out more about the theory behind the tests in the blog article about Performance tests .
          </p>
        </div>
      </button>
    </div>

    <div class="mb-10">
      <button 
        onclick="toggleFAQ(this)"
        class="w-full flex items-start gap-6 group"
      >
        <span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
          +
        </span>
        <div class="text-left">
          <h4 class="text-xl font-semibold mb-3">
          
What is the advantage of B42 India compared to other fitness apps?
          </h4>
          <p class="faq-answer text-gray-300 text-sm leading-6 hidden">
 B42 India is 100% designed for footballers.
<br><br>
We ourselves are out on the pitch in all kinds of weather, even on muddy fields, so we know exactly what's really important in football. We noticed that almost all amateur players lacked access to good training and rehabilitation facilities.
<br><br>
So we sought out experts and tried to change that. Our team of professional athletes, sports physicians, therapists, and coaches combines all the experience and knowledge from elite sports into one app.</p>
</p>        
</div>
      </button>
    </div>

<div class="mb-10">
      <button 
        onclick="toggleFAQ(this)"
        class="w-full flex items-start gap-6 group"
      >
        <span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
          +
        </span>
        <div class="text-left">
          <h4 class="text-xl font-semibold mb-3">
          
What are the benefits of training with B42 India?
          </h4>
          <p class="faq-answer text-gray-300 text-sm leading-6 hidden">
With B42 India, you'll lay the foundation to perform at your peak fitness level for the full 90 minutes on the pitch. Work on your power with our football app and get yourself into a physical condition that will boost your tackle success rate.
<br><br>
Improve your football-specific stamina and prevent dips in performance during matches. Become faster and more agile with our supplementary football training – and win crucial sprint duels. And if you're a goalkeeper, we've got something for you too.</p></div>
      </button>
    </div>


<div class="mb-10">
      <button 
        onclick="toggleFAQ(this)"
        class="w-full flex items-start gap-6 group"
      >
        <span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
          +
        </span>
        <div class="text-left">
          <h4 class="text-xl font-semibold mb-3">
          
At what stage of the season can I train with B42 India?
          </h4>
          <p class="faq-answer text-gray-300 text-sm leading-6 hidden">
In absolutely everything. Whether it's running training during the winter break, mobility and recovery training during preseason, or ball-specific drills during the season. B42 India is your mobile coach for the entire season.
</p></div>
      </button>
    </div>



<div class="mb-10">
      <button 
        onclick="toggleFAQ(this)"
        class="w-full flex items-start gap-6 group"
      >
        <span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
          +
        </span>
        <div class="text-left">
          <h4 class="text-xl font-semibold mb-3">
          
What is the B42 India Gamechanger?
          </h4>
          <p class="faq-answer text-gray-300 text-sm leading-6 hidden">

The B42 India Gamechanger is the combined expertise of our team of renowned sports physicians, athletic trainers, and professional athletes.
<br><br>
Whether you're fit or injured, based on your input regarding the season phase, performance level, position, and training days, we automatically create a 6-week personalized training plan perfectly tailored to you. This allows you to effectively work on your strengths and weaknesses at any time, even without prior knowledge.
</p></div>
      </button>
    </div>

<div class="mb-10">
      <button 
        onclick="toggleFAQ(this)"
        class="w-full flex items-start gap-6 group"
      >
        <span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
          +
        </span>
        <div class="text-left">
          <h4 class="text-xl font-semibold mb-3">
          
How does the player card work?
          </h4>
          <p class="faq-answer text-gray-300 text-sm leading-6 hidden">

Only those who know their current status can improve sustainably. That's why, in collaboration with our expert team of doctors, therapists, and athletic trainers, we've designed the B42 India performance tests, also known as the Champions Workouts.
<br><br>
Based on the results, you'll receive scores in strength, mobility, endurance, and speed. This allows you to use the B42 India Workouts or the appropriate Gamechanger to specifically target your strengths and weaknesses, and to regularly monitor your progress with further performance tests.
<br><br>
Plus, you can use your Playercard to compare yourself with footballers worldwide!


</p></div>
      </button>
    </div>


<div class="mb-10">
      <button 
        onclick="toggleFAQ(this)"
        class="w-full flex items-start gap-6 group"
      >
        <span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
          +
        </span>
        <div class="text-left">
          <h4 class="text-xl font-semibold mb-3">
          
How often should I perform a performance test?
          </h4>
          <p class="faq-answer text-gray-300 text-sm leading-6 hidden">
Ideally, you should test yourself every four to six weeks. Shorter intervals are pointless, as the body needs time to adapt. You can find more information about the theory behind the tests in the blog article on performance tests .


</p></div>
      </button>
    </div>



<div class="mb-10">
      <button 
        onclick="toggleFAQ(this)"
        class="w-full flex items-start gap-6 group"
      >
        <span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
          +
        </span>
        <div class="text-left">
          <h4 class="text-xl font-semibold mb-3">
          

How do I protect myself from overtraining?
          </h4>
          <p class="faq-answer text-gray-300 text-sm leading-6 hidden">
If you've made it through the first two weeks of the Gamechanger program, your body will already be more accustomed to it and better able to handle the overall training load. However, if you're feeling very tired one day, it's best to skip the workout. Remember that you're training to improve, not just to tick off a workout. Push yourself to your limit, but always listen to your body.

</p></div>
      </button>
    </div>

          <h3 class="text-3xl font-semibold mb-10">Administration & Support</h3>

<div class="mb-10">
      <button 
        onclick="toggleFAQ(this)"
        class="w-full flex items-start gap-6 group"
      >
        <span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
          +
        </span>
        <div class="text-left">
          <h4 class="text-xl font-semibold mb-3">
          

How can I cancel my B42 India subscription?
          </h4>
          <p class="faq-answer text-gray-300 text-sm leading-6 hidden">
If you subscribed to the Performance App through the Apple App Store or Google Play Store, you can cancel your subscription in the respective app store's subscription management section.
<br><br>
If you subscribed through our website, you can cancel your subscription via a link in the email you received upon signup. Look for the email from Stripe in your inbox. You will find a cancellation link there.
</p></div>
      </button>
    </div>


<div class="mb-10">
      <button 
        onclick="toggleFAQ(this)"
        class="w-full flex items-start gap-6 group"
      >
        <span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
          +
        </span>
        <div class="text-left">
          <h4 class="text-xl font-semibold mb-3">
          

Who can I contact if I have questions?
          </h4>
          <p class="faq-answer text-gray-300 text-sm leading-6 hidden">

We've compiled answers to the most frequently asked questions about our products in our Help Center .
<br><br>
If we haven't been able to answer your question, please feel free to contact our customer support at support@b-42.com.


</p></div>
      </button>
    </div>


<div class="mb-10">
      <button 
        onclick="toggleFAQ(this)"
        class="w-full flex items-start gap-6 group"
      >
        <span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
          +
        </span>
        <div class="text-left">
          <h4 class="text-xl font-semibold mb-3">
          

How can I delete my B42 account?
          </h4>
          <p class="faq-answer text-gray-300 text-sm leading-6 hidden">


You can delete your B42 India account via the app. In the settings under your profile, you can use the "Delete Account" button. Your personal data will be deleted immediately. If you have any problems, please feel free to contact our support team.

</p></div>
      </button>
    </div>


<div class="mb-10">
      <button 
        onclick="toggleFAQ(this)"
        class="w-full flex items-start gap-6 group"
      >
        <span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
          +
        </span>
        <div class="text-left">
          <h4 class="text-xl font-semibold mb-3">
          

How can I delete my B42 India Nutrition account?
          </h4>
          <p class="faq-answer text-gray-300 text-sm leading-6 hidden">


You can delete your Nutrition account via the Nutrition app. In the settings under your profile, you can use the "Delete profile" button. Your personal data will be deleted immediately. If you have any problems, please feel free to contact our support team.

</p></div>
      </button>
    </div>



    <div class="mb-10">
      <button 
        onclick="toggleFAQ(this)"
        class="w-full flex items-start gap-6 group"
      >
        <span class="bg-lime-400 text-black p-3 rounded-full text-xl w-12 h-12 flex items-center justify-center flex-shrink-0">
          +
        </span>
        <div class="text-left">
          <h4 class="text-xl font-semibold mb-3">
          


GPS running tracking stops (Android)
          </h4>
          <p class="faq-answer text-gray-300 text-sm leading-6 hidden">


Unfortunately, every manufacturer handles shutting down apps differently to save battery. Here you can find instructions for the usual manufacturers on how to fix the problem:
<br><br>
If you still have problems, feel free to contact our support via the customer service form .
</p></div>
      </button>
    </div>



  </div>

</section>



<script>
function toggleFAQ(btn) {
  const answer = btn.querySelector(".faq-answer");
  const icon = btn.querySelector("span");

  answer.classList.toggle("hidden");

  if (answer.classList.contains("hidden")) {
    icon.textContent = "+";
    icon.classList.remove("bg-indigo-500", "text-white");
    icon.classList.add("bg-lime-400", "text-black");
  } else {
    icon.textContent = "×";
    icon.classList.remove("bg-lime-400", "text-black");
    icon.classList.add("bg-indigo-500", "text-white");
  }
}
</script>

{% endblock %}