@php
  $faqs = [
      [
          'question' => 'What is the ideal water level for a swimming pool?',
          'answer' =>
              'The ideal water level for most swimming pools is typically halfway up the skimmer opening. This allows the skimmer to operate efficiently, pulling in surface debris and preventing the pump from sucking air.',
      ],
      [
          'question' => 'How often should I check my pool\'s water level?',
          'answer' =>
              'It\'s a good practice to check your pool\'s water level at least once a week, and more frequently during hot, dry, or windy weather, or if the pool is being used heavily.',
      ],
      [
          'question' => 'What causes pool water level to drop?',
          'answer' =>
              'Normal water loss occurs due to evaporation, splash-out from swimmers, and backwashing the filter. Excessive or rapid drops in water level can indicate a leak in the pool structure or plumbing.',
      ],
      [
          'question' => 'How do I add water to my pool?',
          'answer' =>
              'You can add water to your pool using a garden hose. Place the hose in the skimmer or directly into the pool, ensuring it doesn\'t damage the liner or plaster. Monitor the level closely to avoid overfilling.',
      ],
  ];
@endphp
<x-school-layout
  :faqs="$faqs"
  title="Pool Water Level Management & Control"
  description="Master pool water level maintenance with professional training on auto-fill systems, water level sensors, and proper water management techniques."
  keywords="pool water level, auto fill system, water level sensor, pool water management, automatic water leveler, pool overflow, water level maintenance, pool skimmer level">
  <x-slot:ldJson>
    @include('components.ldjson.pool-school.index', ['currentPage' => 'Pool Water Level', 'route' => route('pool-school.water-level')])
  </x-slot:ldJson>
  <x-slot:titlePage>Pool Water Level</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-water-level.jpg') }}">
        <source src="{{ asset('storage/videos/pool-school/pool-water-level.mp4') }}" type="video/mp4">
        Your browser does not support the video tag.
      </video>
    </div>
    {{-- Heading --}}
    <x-school.breadcrumb title="Pool Water Level" />
    <x-school.heading subHead="Pool Water Level" title="Maintaining Optimal Pool Water Levels & Detecting Leaks with the Bucket Test" />
    <div class="w-full space-y-4">
      <p class="text-pretty text-lg leading-relaxed text-gray-700">
        Maintaining the correct water level in your pool is crucial for its proper functioning and longevity. This class will guide you through understanding normal water loss due to evaporation and, more importantly, how to effectively identify if your pool has a leak using a simple yet highly effective method: the bucket test. Learn to differentiate between natural water loss and a potential leak, saving you time and money on unnecessary repairs.
      </p>
      <p class="text-pretty text-lg leading-relaxed text-gray-700">
        We'll demonstrate the step-by-step process of setting up and interpreting the bucket test. This involves turning off your pool equipment, marking water levels both inside a bucket and in your pool, and comparing the results after 24 hours. This straightforward test empowers you to accurately assess your pool's water loss and take appropriate action, ensuring your pool remains in top condition.
      </p>
    </div>
    <x-school.what-you-learn :items="[
        'The typical amount of water loss due to evaporation in various climates (e.g., Florida).',
        'How to accurately perform a simple bucket test to check for pool leaks.',
        'Methods for interpreting the results of the bucket test to distinguish between evaporation and a leak.',
        'The importance of turning off pool equipment to ensure accurate test results.',
        'Practical tips for marking water levels and measuring loss effectively.',
    ]" />
    <div class="w-full space-y-8">
      <!-- Understanding Water Loss: Evaporation vs. Leaks -->
      <div class="bg-white">
        <h3 class="title-section-blue-variant mb-3 text-2xl font-semibold">Understanding Water Loss: Evaporation vs. Leaks</h3>
        <p class="text-pretty text-lg leading-relaxed text-gray-700">
          It's normal for pools to lose some water daily, primarily due to evaporation, splash-out from swimmers, and backwashing. For instance, a typical pool in Florida might lose around a quarter of an inch of water per day, totaling almost two inches a week. However, if you suspect your pool is losing significantly more water than this, it's crucial to investigate for a leak. The bucket test is designed to help you make this distinction accurately.
        </p>
      </div>

      <!-- Step-by-Step Bucket Test Guide -->
      <div class="bg-white">
        <h3 class="title-section-blue-variant mb-3 text-2xl font-semibold">Step-by-Step Bucket Test Guide</h3>
        <p class="text-pretty text-lg leading-relaxed text-gray-700">
          Performing the bucket test is a simple, at-home method to determine if your pool is leaking. Follow these steps for accurate results:
        </p>
        <ol class="mb-4 list-decimal pl-5 text-lg leading-relaxed text-gray-700">
          <li><strong>Prepare the Bucket:</strong> Grab a 5-gallon bucket and fill it with pool water.</li>
          <li><strong>Position the Bucket:</strong> Place the bucket on a step or sun shelf in your pool, ensuring it's stable and won't float. The water level inside the bucket should be roughly the same as the pool's water level.</li>
          <li><strong>Turn Off Equipment:</strong> Crucially, turn off all pool equipment (pump, auto-fill, features) to allow the water to settle and prevent circulation from affecting the test.</li>
          <li><strong>Mark Water Levels:</strong> Use tape, a pencil, or a marker to clearly mark the water level inside the bucket. Immediately after, mark the water level on the outside of the bucket, corresponding to the pool's water level.</li>
          <li><strong>Wait 24 Hours:</strong> Allow the test to run for 24 hours.</li>
          <li><strong>Interpret Results:</strong> After 24 hours, measure the water loss inside the bucket and the water loss in the pool (relative to your marks).
            <ul class="list-disc pl-5 text-lg leading-relaxed text-gray-700">
              <li>If both levels dropped by the same amount, your water loss is likely due to evaporation.</li>
              <li>If the pool water level dropped more than the bucket's water level, you likely have a leak.</li>
            </ul>
          </li>
        </ol>
      </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 the Bucket Test">
        <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>Choose a Calm Day:</strong> Perform the test on a day with minimal wind to reduce splash-out and ensure more accurate evaporation readings.</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>Ensure Stability:</strong> Make sure the bucket is firmly placed and won't tip over during the 24-hour period.</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>No Auto-Fill:</strong> If your pool has an automatic water filler, ensure it is turned off during the test.</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>Accurate Marking:</strong> Use a waterproof marker or tape that won't peel off in the water for clear markings.</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>Repeat if Necessary:</strong> If results are inconclusive, or you suspect external factors influenced the test, repeat it to confirm.</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>Normal water loss is due to evaporation; excessive loss indicates a potential 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>The bucket test is a simple and effective method to diagnose 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>Always turn off pool equipment during the bucket test for accurate results.</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>Compare water loss inside the bucket (evaporation) with water loss in the pool.</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 greater drop in pool water level compared to the bucket indicates a leak.</span>
            </div>
          </li>
        </ul>
      </x-school.highlight-box>

    </div>
  </section>

  {{-- Class Navigation --}}
  <section class="container pb-8">
    @php
      $previousClass = [
          'title' => 'Class: Pool Filter',
          'duration' => '5 minutes',
          'url' => route('pool-school.filter'),
      ];

      $nextClass = [
          'title' => 'Class: Pool Water Suction',
          'duration' => '2 minutes',
          'url' => route('pool-school.water-suction'),
      ];
    @endphp

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

</x-school-layout>