@php
  $faqs = [
      [
          'question' => 'What are the key parameters of pool water chemistry?',
          'answer' =>
              'The most important parameters are pH, chlorine (or other sanitizer) levels, total alkalinity, and calcium hardness. Maintaining these within ideal ranges is crucial for a healthy and balanced pool.',
      ],
      [
          'question' => 'Why is total alkalinity important?',
          'answer' =>
              'Total alkalinity acts as a buffer for pH, preventing drastic fluctuations. When alkalinity is balanced, pH is easier to control, leading to more stable water chemistry.',
      ],
      [
          'question' => 'What is calcium hardness and why does it matter?',
          'answer' =>
              'Calcium hardness refers to the amount of dissolved calcium in your pool water. Proper levels prevent water from becoming corrosive (if too low) or causing scale buildup (if too high) on surfaces and equipment.',
      ],
      [
          'question' => 'How often should I test my pool water chemistry?',
          'answer' =>
              'It is recommended to test chlorine and pH 2-3 times per week, and total alkalinity and calcium hardness once a week. More frequent testing may be needed during heavy use or after rain.',
      ],
  ];
@endphp
<x-school-layout
  :faqs="$faqs"
  title="Pool Water Chemistry Balance & Testing"
  description="Master pool water chemistry with professional training on pH balance, chlorine levels, alkalinity, and chemical testing. Learn safe water treatment methods."
  keywords="pool water chemistry, pool pH balance, chlorine levels, pool alkalinity, water testing, pool chemicals, water balance, pool sanitization, chemical safety">
  <x-slot:ldJson>
    @include('components.ldjson.pool-school.index', ['currentPage' => 'Pool Water Chemistry', 'route' => route('pool-school.water-chemistry')])
  </x-slot:ldJson>
  <x-slot:titlePage>Pool Water Chemistry</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/check-water-ph-orenda.jpg') }}">
        <source src="{{ asset('storage/videos/pool-school/check-water-ph-orenda.mp4') }}" type="video/mp4">
        Your browser does not support the video tag.
      </video>
    </div>
    {{-- Heading --}}
    <x-school.breadcrumb title="Pool Water Chemistry" />
    <x-school.heading subHead="Pool Water Chemistry" title="Understanding Pool Water Chemistry with the Orenda App" />
    <div class="w-full space-y-4">
      <p class="text-pretty text-lg leading-relaxed text-gray-700">
        Maintaining balanced pool water chemistry is paramount for a healthy, safe, and enjoyable swimming experience.
        This class dives deep into the six critical parameters that define your pool's water balance, with a special
        focus on the Langelier Saturation Index (LSI). Understanding and managing these elements is key to preventing
        costly damage to your pool's plaster and ensuring the comfort of every swimmer.
      </p>
      <p class="text-pretty text-lg leading-relaxed text-gray-700">
        We'll demonstrate how to use the innovative <strong>Orenda app</strong>, a powerful tool designed to simplify
        complex chemical calculations. The Orenda app allows you to input your pool's test results and receive precise
        recommendations for chemical adjustments, taking the guesswork out of balancing your water. This video
        highlights the dangers of improper chemical application, particularly with muriatic acid, and emphasizes the
        importance of accurate measurement to protect your investment.
      </p>
    </div>
    <x-school.what-you-learn :items="[
        'The six critical parameters of pool water chemistry and their impact on LSI.',
        'How to effectively use the Arenda app for precise chemical calculations and adjustments.',
        'The importance of LSI in preventing pool plaster damage and scale formation.',
        'Safe and accurate methods for handling and applying muriatic acid to lower pH.',
        'Common mistakes in pool chemistry management and how to avoid them.',
        'Strategies for maintaining a stable and balanced pool environment year-round.',
    ]" />
    <div class="w-full space-y-8">
      <!-- Understanding LSI -->
      <div class="bg-white">
        <h3 class="title-section-blue-variant mb-3 text-2xl font-semibold">Understanding LSI and Water Balance</h3>
        <p class="text-pretty text-lg leading-relaxed text-gray-700">
          The LSI is a crucial indicator of your pool water's corrosivity or scaling potential. A balanced LSI
          (ideally in the green or yellow range) means your water is neither aggressively etching your plaster nor
          depositing scale. The video illustrates how parameters like pH, alkalinity, calcium hardness, and stabilizer
          (CYA) directly influence your LSI, and how even slight imbalances can lead to significant issues like
          plaster damage or pH spikes.
        </p>
      </div>

      <!-- Role of the App -->
      <div class="bg-white">
        <h3 class="title-section-blue-variant mb-3 text-2xl font-semibold">The Role of the Arenda App</h3>
        <p class="text-pretty text-lg leading-relaxed text-gray-700">
          The Arenda app is a game-changer for pool owners. It acts as your personal water chemistry expert, allowing
          you to input your test results (pH, alkalinity, calcium, CYA, total dissolved solids) and instantly
          calculate your LSI. More importantly, it provides exact fluid ounces of chemicals needed for correction,
          preventing the common problem of over-dosing, especially with muriatic acid. This precision is vital for
          maintaining a stable LSI and avoiding damage.
        </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 Water Chemistry">
        <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>Distribute Evenly:</strong> When adding chemicals, spread them across the pool surface to ensure even distribution and prevent concentrated areas.</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>Dilute Acid Properly:</strong> Always add acid to water, never water to acid, and dilute in a separate bucket before adding to the pool.</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>Test Regularly:</strong> Consistent testing (2-3 times per week) is key to catching imbalances early.</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 LSI:</strong> Keep a close eye on your LSI readings to proactively prevent etching or scaling.</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>Educate Yourself:</strong> Continuously learn about your pool's specific needs and the chemicals you use.</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>Utilize the Arenda app for accurate LSI calculation and precise chemical dosing.</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>Understand the six key water parameters (pH, alkalinity, calcium, CYA, TDS) and their impact on pool health.</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 measure and dilute muriatic acid before adding it to the pool to prevent plaster damage.</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>Maintain a balanced LSI to avoid etching (corrosion) or scaling of pool surfaces.</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>Be aware that improper acid use can lead to pH spikes and long-term damage to your pool's structure.</span>
            </div>
          </li>
        </ul>
      </x-school.highlight-box>

      <x-school.highlight-box title="Safe Muriatic Acid Application" class-border-color="border-amber-200"
        icon="<i class='fa-solid fa-hand-holding-droplet'></i>" class-text-color="text-amber-800">
        <p class="text-pretty text-lg leading-relaxed text-gray-700">
          Always dilute acid in a 5-gallon bucket of water and distribute it evenly around the pool's perimeter to
          ensure safe and effective pH correction.
        </p>
      </x-school.highlight-box>

    </div>
  </section>

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

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

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

</x-school-layout>