@php
  $faqs = [
      [
          'question' => 'What are the main components of pool plumbing?',
          'answer' =>
              'Pool plumbing typically consists of pipes, valves, skimmers, main drains, returns, and connections to the pump, filter, and heater. These components work together to circulate and filter the pool water.',
      ],
      [
          'question' => 'What type of pipes are used for pool plumbing?',
          'answer' =>
              'Most modern pool plumbing uses PVC (polyvinyl chloride) pipes due to their durability, resistance to chemicals, and ease of installation. Flexible PVC is also used in some applications.',
      ],
      [
          'question' => 'How can I detect a leak in my pool plumbing?',
          'answer' =>
              'Signs of a plumbing leak include a drop in water level, wet spots around the pool, or air bubbles in the return lines. Dye testing, pressure testing, and listening for unusual sounds can help pinpoint leaks.',
      ],
      [
          'question' => 'Is it normal for pool plumbing to make noise?',
          'answer' =>
              'Some minor noise from water flow is normal, but loud or unusual noises like grinding, rattling, or excessive humming can indicate problems such as air in the lines, a failing pump, or obstructions in the plumbing.',
      ],
  ];
@endphp
<x-school-layout
  :faqs="$faqs"
  title="Pool Plumbing Systems & Repair"
  description="Learn professional pool plumbing installation, repair, and maintenance. Master pipe systems, leak detection, valve operation, and plumbing troubleshooting techniques."
  keywords="pool plumbing, pool pipe repair, pool leak detection, pool valves, pool plumbing installation, swimming pool pipes, pool equipment plumbing, plumbing maintenance">
  <x-slot:ldJson>
    @include('components.ldjson.pool-school.index', ['currentPage' => 'Pool Plumbing', 'route' => route('pool-school.plumbing')])
  </x-slot:ldJson>
  <x-slot:titlePage>Pool Plumbing</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/pool-equipment.jpg') }}">
        <source src="{{ asset('storage/videos/pool-school/pool-equipment.mp4') }}" type="video/mp4">
        Your browser does not support the video tag.
      </video>
    </div>
    {{-- Heading --}}
    <x-school.breadcrumb title="Pool Plumbing" />
    <x-school.heading subHead="Pool Plumbing" title="Understanding Your Pool's Plumbing and Equipment Layout" />
    <div class="w-full space-y-4">
      <p class="text-pretty text-lg leading-relaxed text-gray-700">
        The intricate network of pipes and equipment that makes up your pool's plumbing system is its lifeblood, ensuring water circulation, filtration, and heating. This class provides a comprehensive overview of a typical pool and spa combination setup, guiding you through the various components and their functions. Understanding this layout is crucial for effective maintenance, troubleshooting, and optimizing your pool's performance.
      </p>
      <p class="text-pretty text-lg leading-relaxed text-gray-700">
        We'll explore the journey of water through your system, from the suction side (main drain, skimmer, vacuum line) to the main pump, filter, heater, and back to the return jets. You'll learn to identify key equipment like the main pump, filter, heater, and salt cell (if applicable), as well as specialized pumps for spa jets and water features like shear descents and bubblers. Familiarizing yourself with these elements will empower you to better manage your pool's operational needs.
      </p>
    </div>
    <x-school.what-you-learn :items="[
        'Identify the main components of a pool plumbing system, including pumps, filters, and heaters.',
        'Understand the flow of water through both the suction and return sides of your pool.',
        'Recognize different suction points: main drain, skimmer, and dedicated vacuum line.',
        'Learn the function of specialized pumps for spa jets and various water features.',
        'How to interpret and follow labeled plumbing lines for easier maintenance.',
    ]" />
    <div class="w-full space-y-8">
      <!-- The Basic Pool & Spa Plumbing System -->
      <div class="bg-white">
        <h3 class="title-section-blue-variant mb-3 text-2xl font-semibold">The Basic Pool & Spa Plumbing System</h3>
        <p class="text-pretty text-lg leading-relaxed text-gray-700">
          A standard pool and spa combination features a primary circulation system. Water is drawn from the pool and spa through various suction points: the main drain (at the bottom), the skimmer (at the surface), and sometimes a dedicated vacuum line. This water then travels to the main pump, which pushes it through the filter for cleaning. After filtration, the water typically passes through a heater (if installed) and potentially a salt cell before being returned to the pool and spa through designated return jets. Each line is usually labeled for clarity, indicating whether it's a "pool return" or "spa return."
        </p>
      </div>

      <!-- Specialized Pumps for Spa Jets and Water Features -->
      <div class="bg-white">
        <h3 class="title-section-blue-variant mb-3 text-2xl font-semibold">Specialized Pumps for Spa Jets and Water Features</h3>
        <p class="text-pretty text-lg leading-relaxed text-gray-700">
          Beyond the main circulation pump, many pool and spa setups include additional pumps for enhanced features. A dedicated spa jet pump, for instance, circulates water independently for the spa jets, providing a powerful massage experience without affecting the main pool filtration. For elaborate water features like shear descents, deck jets, or bubblers, auxiliary pumps are often installed. These pumps ensure that these features operate with optimal pressure and flow, adding aesthetic appeal and functionality to your pool environment.
        </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 Understanding Your Pool Plumbing">
        <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>Familiarize Yourself:</strong> Take the time to understand the layout of your specific pool equipment pad and plumbing lines.</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 Labels:</strong> Pay attention to any labels on pipes and valves; they are there to guide you.</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>Understand Valve Functions:</strong> Learn what each valve controls (e.g., main drain, skimmer, returns) to effectively manage water flow.</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>Regularly Inspect:</strong> Periodically check visible plumbing for any signs of leaks, cracks, or wear and tear.</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>Consult Diagrams:</strong> If you have a plumbing diagram for your pool, keep it handy for reference.</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 plumbing ensures water circulation, filtration, and heating.</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>Identify main components: pump, filter, heater, salt cell, and various lines.</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>Water flows from suction points (drain, skimmer, vacuum) through equipment and back to returns.</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>Specialized pumps power spa jets and water features.</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>Familiarity with your plumbing system is key for effective maintenance and troubleshooting.</span>
            </div>
          </li>
        </ul>
      </x-school.highlight-box>

    </div>
  </section>

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

      $nextClass = [
          'title' => 'Class: Pool Spa Mode',
          'duration' => '1 minute',
          'url' => route('pool-school.spa-mode'),
      ];
    @endphp

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

</x-school-layout>