@php
  $faqs = [
      [
          'question' => 'How does a salt water pool work?',
          'answer' =>
              'A salt water pool uses a salt chlorine generator to convert salt into chlorine, which then sanitizes the pool water. This process continuously produces chlorine, reducing the need for manual chlorine addition.',
      ],
      [
          'question' => 'What kind of salt should I use for my pool?',
          'answer' =>
              'You should use pure, non-iodized salt specifically designed for swimming pools. Avoid salts with anti-caking agents or other additives, as these can damage your generator and stain your pool.',
      ],
      [
          'question' => 'How often should I add salt to my pool?',
          'answer' =>
              'Salt is not consumed during the chlorine generation process, so you typically only need to add salt to replace what is lost through splash-out, backwashing, or draining. Test your salt levels regularly.',
      ],
      [
          'question' => 'What are the benefits of a salt water pool?',
          'answer' =>
              'Salt water pools offer a softer feel to the water, are less irritating to eyes and skin, and eliminate the need to store and handle harsh chlorine chemicals. They also provide continuous sanitization.',
      ],
  ];
@endphp
<x-school-layout
  :faqs="$faqs"
  title="Salt Water Pool Systems & Maintenance"
  description="Master salt water pool systems with professional training on salt chlorine generators, maintenance, troubleshooting, and water chemistry for saltwater pools."
  keywords="salt water pool, salt chlorine generator, saltwater pool maintenance, salt cell cleaning, salt pool chemistry, chlorine generator repair, salt system troubleshooting">
  <x-slot:ldJson>
    @include('components.ldjson.pool-school.index', ['currentPage' => 'Salt Water', 'route' => route('pool-school.salt-water')])
  </x-slot:ldJson>
  <x-slot:titlePage>Salt Water</x-slot:titlePage>
  {{-- Introductory Video Section --}}
  <section class="container -mt-8 flex flex-col items-center justify-center gap-4 md:mb-12 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/salt-water.jpg') }}">
        <source src="{{ asset('storage/videos/pool-school/salt-water.mp4') }}" type="video/mp4">
        Your browser does not support the video tag.
      </video>
    </div>
    {{-- Heading --}}
    <x-school.breadcrumb title="Salt Water" />
    <x-school.heading subHead="Salt Water Pool Maintenance"
      title="Understanding Your Salt Chlorine Generator" />
    <div class="w-full space-y-4">
      <p class="text-pretty text-lg leading-relaxed text-gray-700">
        Dive into the world of salt water pools and discover how a salt chlorine generator simplifies pool maintenance.
        This class demystifies the process, explaining that a "saltwater pool" is, in essence, still a chlorine pool,
        but with the added convenience of on-site chlorine production. We'll explore the ingenious mechanism of the salt
        cell, where ordinary salt (sodium chloride) is transformed into the sanitizer your pool needs.
      </p>
      <p class="text-pretty text-lg leading-relaxed text-gray-700">
        Understanding the electrolysis process within the salt cell is key to appreciating its efficiency. This video
        will guide you through the essential maintenance steps for your salt cell, including how often to clean it and
        the proper method using a diluted muriatic acid solution. Learn to identify the flow direction and ensure
        correct reinstallation to keep your system running smoothly and your pool sparkling clean.
      </p>
    </div>
    <x-school.what-you-learn :items="[
        'The fundamental difference between traditional and salt water chlorine pools.',
        'How a salt chlorine generator produces chlorine through electrolysis.',
        'Step-by-step instructions for cleaning your salt cell to prevent calcium buildup.',
        'The correct dilution ratio for muriatic acid when cleaning a salt cell.',
        'Importance of proper flow direction and reinstallation of the salt cell.',
        'Tips for regular maintenance to ensure the longevity and efficiency of your salt system.',
    ]" />
    <div class="w-full space-y-8">
      <!-- How Salt Chlorine Generators Work -->
      <div class="bg-white">
        <h3 class="title-section-blue-variant mb-3 text-2xl font-semibold">How Salt Chlorine Generators Work</h3>
        <p class="text-pretty text-lg leading-relaxed text-gray-700">
          A salt chlorine generator, often referred to as a salt cell, is a marvel of modern pool technology. Instead of
          manually adding liquid chlorine, you add pool-grade salt (sodium chloride) to your water. As this saltwater
          passes through the salt cell, an electrical current (electrolysis) is applied to metal fins inside. This
          process breaks down the sodium chloride, producing chlorine gas (which sanitizes your pool) and sodium
          hydroxide (which returns to the pool). This continuous, on-demand chlorine production results in softer water
          and less irritation for swimmers.
        </p>
      </div>

      <!-- Cleaning and Maintenance of Your Salt Cell -->
      <div class="bg-white">
        <h3 class="title-section-blue-variant mb-3 text-2xl font-semibold">Cleaning and Maintenance of Your Salt Cell
        </h3>
        <p class="text-pretty text-lg leading-relaxed text-gray-700">
          Regular cleaning of your salt cell is crucial to prevent calcium buildup on its metal fins, which can impede
          its efficiency. The video recommends checking your cell every one to three months. To clean, first shut off
          all pool equipment and unplug the unit. Then, carefully loosen the two unions connecting the cell. For
          cleaning, use a 4:1 solution (four parts water to one part muriatic acid) in a 5-gallon bucket. Submerge the
          cell in this solution to dissolve calcium deposits, then rinse thoroughly.
        </p>
      </div>
    </div>
    <div class="w-full space-y-10 py-5 md:space-y-16 md:py-10">
      <!-- Pro Tips (separate, highlighted section) -->
      <x-school.pro-tips title="Pro Tips for Salt Water Pool 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>Monitor Salt Levels:</strong> Regularly test your pool's salt concentration to ensure it's within
            the manufacturer's recommended range for optimal chlorine production.</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>Inspect Cell Regularly:</strong> Visually inspect your salt cell for calcium buildup every 1-3
            months, or more frequently if you have hard water.</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>Proper Acid Dilution:</strong> Always use the recommended 4:1 water-to-acid ratio for cleaning the
            salt cell to avoid damage.</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 Correct Flow:</strong> When reinstalling the salt cell, pay attention to the "flow" arrows
            on the unit to ensure water passes through in the correct direction.</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>Shut Off Power:</strong> Always turn off all pool equipment and unplug the salt cell before
            performing any maintenance.</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>Salt water pools use a generator to produce chlorine on-site, offering a more convenient sanitization
            method.</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 cleaning of the salt cell with a diluted muriatic acid solution is essential for efficiency.</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>Proper installation and flow direction are critical for the salt cell's operation.</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>Understanding the electrolysis process helps in troubleshooting and maintaining your system.</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>Consistent monitoring and maintenance extend the life of your salt chlorine generator.</span>
            </div>
          </li>
        </ul>
      </x-school.highlight-box>

    </div>
  </section>

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

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

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

</x-school-layout>