@php
  $faqs = [
      [
          'question' => 'What types of pool heaters are available?',
          'answer' =>
              'Common types of pool heaters include gas heaters (natural gas or propane), electric heat pumps, and solar heaters. Each has different operating costs, installation requirements, and heating efficiencies.',
      ],
      [
          'question' => 'How long does it take to heat a pool?',
          'answer' =>
              'The time it takes to heat a pool depends on several factors, including the heater\'s BTU output, the pool\'s size, the desired temperature increase, and ambient air temperature. It can range from several hours to a few days.',
      ],
      [
          'question' => 'How can I make my pool heater more efficient?',
          'answer' =>
              'To improve heater efficiency, use a solar cover to retain heat, ensure your pool is properly insulated, and perform regular maintenance on the heater itself, such as cleaning filters and checking for obstructions.',
      ],
      [
          'question' => 'What is the ideal temperature for a swimming pool?',
          'answer' =>
              'Most people find a swimming pool temperature between 78°F (26°C) and 82°F (28°C) to be comfortable. For competitive swimming, temperatures are often lower, while for therapeutic use, they might be higher.',
      ],
  ];
@endphp
<x-school-layout
  :faqs="$faqs"
  title="Pool Heater Maintenance & Repair Guide"
  description="Learn professional pool heater maintenance, troubleshooting, and repair techniques. Master gas, electric, and solar heater systems with expert training from Apex Pool School."
  keywords="pool heater maintenance, pool heater repair, gas pool heater, electric pool heater, solar pool heater, pool heating systems, heater troubleshooting, pool equipment training">
  <x-slot:ldJson>
    @include('components.ldjson.pool-school.index', ['currentPage' => 'Pool Heater', 'route' => route('pool-school.heater')])
  </x-slot:ldJson>
  <x-slot:titlePage>Heater</x-slot:titlePage>
  {{-- Introductory Video Section --}}
  <section class="container -mt-8 md:mb-12 flex flex-col items-center justify-center gap-4 md:gap-8">
    <div class="mx-auto flex aspect-video w-full shadow-[0_0_40px_-4px_rgba(0,0,0,0.5)]">
      <video id="intro-video" class="js-player h-full w-full" controls
        poster="{{ asset('storage/videos/pool-school/heater-equipment.jpg') }}">
        <source src="{{ asset('storage/videos/pool-school/heater-equipment.mp4') }}" type="video/mp4">
        Your browser does not support the video tag.
      </video>
    </div>
    {{-- Heading --}}
    <x-school.breadcrumb title="Heater" />
    <x-school.heading subHead="Understanding Your Pool Heater" title="Condensation vs. Leaks" />
    <div class="w-full space-y-4">
      <p class="text-pretty text-lg leading-relaxed text-gray-700">
        Pool heaters are essential for extending your swimming season, but their operation can sometimes lead to confusion, particularly regarding water around the unit. This class clarifies the common misconception between normal condensation and actual plumbing leaks. Understanding this distinction is crucial for proper troubleshooting and avoiding unnecessary service calls.
      </p>
      <p class="text-pretty text-lg leading-relaxed text-gray-700">
        We'll explain how pool heaters naturally produce a significant amount of condensation, which is then expelled through weep holes at the bottom of the unit. Learn to identify the signs of normal condensation versus the indicators of a genuine leak, which typically originates from the heater's plumbing lines. This knowledge empowers you to accurately assess your heater's condition and ensure its efficient and safe operation.
      </p>
    </div>
    <x-school.what-you-learn :items="[
        'The process of condensation in pool heaters and why it\'s normal.',
        'How to identify weep holes and collection pans on your heater.',
        'Key differences between condensation and a true plumbing leak.',
        'Where to inspect for actual leaks on your pool heater\'s plumbing.',
        'How to avoid common misdiagnoses of heater issues.',
    ]" />
    <div class="w-full space-y-8">
      <!-- Condensation: A Normal Part of Heater Operation -->
      <div class="bg-white">
        <h3 class="title-section-blue-variant mb-3 text-2xl font-semibold">Condensation: A Normal Part of Heater Operation</h3>
        <p class="text-pretty text-lg leading-relaxed text-gray-700">
          When your pool heater is running, especially in humid conditions or when there's a significant temperature difference between the air and the water, it will produce condensation. This is a natural byproduct of the heating process, similar to how an air conditioner works. The water vapor in the air condenses on the cooler coils inside the heater, collects in a pan, and then drains out through small openings called weep holes at the bottom of the unit. It's common for the pad beneath your heater to be wet when it's in operation, and this is usually not a cause for concern.
        </p>
      </div>

      <!-- Identifying a True Heater Leak -->
      <div class="bg-white">
        <h3 class="title-section-blue-variant mb-3 text-2xl font-semibold">Identifying a True Heater Leak</h3>
        <p class="text-pretty text-lg leading-relaxed text-gray-700">
          While a wet pad due to condensation is normal, a genuine leak from your pool heater is a different matter. True leaks typically originate from the heater's plumbing connections. This includes the two plumbing lines that bring water into the heater and the one that carries heated water out. If you observe water dripping or spraying directly from these connections, or if the water loss is continuous even when the heater is off, it's likely a plumbing leak that requires attention.
        </p>
      </div>
    </div>
    <div class="w-full space-y-10 md:space-y-16 py-5 md:py-10">
      <!-- Pro Tips (separate, highlighted section) -->
      <x-school.pro-tips title="Pro Tips for Pool Heater Owners">
        <ul class="columns-1 md:columns-2 gap-8 text-black">
          <li class="break-inside-avoid mb-4">
            <div class="flex items-start gap-2">
              <span class="mt-2 h-1.5 w-1.5 rounded-full bg-gray-600 flex-shrink-0"></span>
              <span><strong>Observe Closely:</strong> Before assuming a leak, observe where the water is coming from. If it's from the bottom weep holes, it's likely condensation.</span>
            </div>
          </li>
          <li class="break-inside-avoid mb-4">
            <div class="flex items-start gap-2">
              <span class="mt-2 h-1.5 w-1.5 rounded-full bg-gray-600 flex-shrink-0"></span>
              <span><strong>Check Plumbing Connections:</strong> Regularly inspect the plumbing lines connected to your heater for any signs of drips or moisture.</span>
            </div>
          </li>
          <li class="break-inside-avoid mb-4">
            <div class="flex items-start gap-2">
              <span class="mt-2 h-1.5 w-1.5 rounded-full bg-gray-600 flex-shrink-0"></span>
              <span><strong>Monitor Water Levels:</strong> Keep an eye on your pool's overall water level. A significant, unexplained drop could indicate a leak somewhere in the system, including the heater's plumbing.</span>
            </div>
          </li>
          <li class="break-inside-avoid mb-4">
            <div class="flex items-start gap-2">
              <span class="mt-2 h-1.5 w-1.5 rounded-full bg-gray-600 flex-shrink-0"></span>
              <span><strong>Clean Around Heater:</strong> Keep the area around your heater clear of debris to ensure proper airflow and to easily spot any unusual water accumulation.</span>
            </div>
          </li>
          <li class="break-inside-avoid mb-4">
            <div class="flex items-start gap-2">
              <span class="mt-2 h-1.5 w-1.5 rounded-full bg-gray-600 flex-shrink-0"></span>
              <span><strong>Professional Consultation:</strong> If you suspect a genuine plumbing leak or are unsure about any water around your heater, it's always best to consult a qualified pool technician.</span>
            </div>
          </li>
        </ul>
      </x-school.pro-tips>

      <!-- Key Takeaways -->
      <x-school.highlight-box title="Key Takeaways" class-border-color="border-[#32812C]"
        icon="<i class='fa-regular fa-key'></i>" class-text-color="text-[#32812C]">
        <ul class="columns-1 md:columns-2 gap-8 text-gray-700">
          <li class="break-inside-avoid mb-4">
            <div class="flex items-start gap-2">
              <span class="mt-3 h-1.5 w-1.5 rounded-full bg-gray-600 flex-shrink-0"></span>
              <span>Pool heaters produce condensation, which is normal and drains from weep holes.</span>
            </div>
          </li>
          <li class="break-inside-avoid mb-4">
            <div class="flex items-start gap-2">
              <span class="mt-3 h-1.5 w-1.5 rounded-full bg-gray-600 flex-shrink-0"></span>
              <span>A wet pad around the heater is usually due to condensation, not a leak.</span>
            </div>
          </li>
          <li class="break-inside-avoid mb-4">
            <div class="flex items-start gap-2">
              <span class="mt-3 h-1.5 w-1.5 rounded-full bg-gray-600 flex-shrink-0"></span>
              <span>True heater leaks typically occur at the plumbing connections.</span>
            </div>
          </li>
          <li class="break-inside-avoid mb-4">
            <div class="flex items-start gap-2">
              <span class="mt-3 h-1.5 w-1.5 rounded-full bg-gray-600 flex-shrink-0"></span>
              <span>Regular inspection helps differentiate between condensation and actual leaks.</span>
            </div>
          </li>
          <li class="break-inside-avoid mb-4">
            <div class="flex items-start gap-2">
              <span class="mt-3 h-1.5 w-1.5 rounded-full bg-gray-600 flex-shrink-0"></span>
              <span>Consult a professional for suspected plumbing leaks to prevent further damage.</span>
            </div>
          </li>
        </ul>
      </x-school.highlight-box>

    </div>
  </section>

  {{-- Class Navigation --}}
  <section class="container pb-8">
    @php
      $previousClass = [
          'title' => 'Class: Deck Drain',
          'duration' => '1 minute',
          'url' => route('pool-school.deck-drain'),
      ];

      $nextClass = [
          'title' => 'Class: Pool Plumbing',
          'duration' => '3 minutes',
          'url' => route('pool-school.plumbing'),
      ];
    @endphp

    <x-school.class-navigation :previous-class="$previousClass" :next-class="$nextClass" />
  </section>

</x-school-layout>