@extends('layouts.app')

@section('title', 'Where Your Donations Go? - Mikey Network')

@section('content')

<div class="position-relative text-center">
    <!-- Red Banner (base image) -->
    <div class="banner-container text-white">
        <img src="/images/banner_check.png" class="img-fluid w-100" alt="Mikey Young At Heart Banner">
    </div>

    <!-- Top Image Overlay -->
    <img src="/images/banner_top.png"
         alt="Overlay Graphic"
         style="
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            max-width: 700px;
            z-index: 2;
         ">
</div>

<section class="py-3">
    <div class="container">
        <div class="row">
            <div class="col-md-12 col-sm-12">
                <h2 class="ubuntu-sans-400 text-center font-64 lh-100">
                    <span class="text-mikey-red fw-bold">Check & Maintenance</span>
                    <span class="text-grey">of a Mikey AED</span>
                </h2>
            </div>
        </div>
    </div>
</section>

<section class="py-4">
    <div class="container">
        <div class="row">
            <div class="col-md-10 offset-md-1">
                <p class="font-roboto-light font-18 line-1-5 letter-space-0-5 text-dark">
                    It is easy to make sure your MIKEY (defibrillator) is properly maintained and ready to save a life should the need arise. 
                    We’ve made some short videos showing you how to check and where to find the expiration dates on your specific model. 
                    We have also prepared a checklist and manual with detailed illustrations, that you should follow every month to make sure 
                    your MIKEY remains in working order. <br>
                    Please <a href="/manuals/mikey-checklist.pdf" class="text-dark text-decoration-underline">download the manual and checklist here</a>.
                </p>
            </div>
        </div>
    </div>
</section>

<section class="py-5">
  <div class="container">
    <div class="row gy-4">
      <!-- First Block: Philips FRX -->
      <div class="col-md-6">
        <h4 class="ubuntu-sans-semibold font-32 text-uppercase mb-3">
          Monthly Maintenance Check for Philips FRX Mikey Defibrillator
        </h4>
        <div class="position-relative mb-3">
          <img src="/images/ecm_v1.png" class="img-fluid w-100" alt="Philips FRX Mikey AED">
        </div>
        <p class="font-roboto-light font-18 line-1-5 letter-space-0-5 text-dark">
          For your convenience, here are the manufacturer manuals as well. Philips HeartStart OnSite Defibrillator:
          When a low battery is detected, the unit will start chirping and the status indicator will change from the ready-for-use state.
        </p>
        <p class="font-roboto-light font-16 text-dark mb-1">
          <a href="/downloads/self-tests.pdf" class="text-dark text-decoration-underline">Download Self-Tests and Troubleshooting</a><br>
          <a href="/downloads/owners-manual.pdf" class="text-dark text-decoration-underline">Download Owner’s Manual</a>
        </p>
      </div>

      <!-- Second Block: Physio-Control -->
      <div class="col-md-6">
        <h4 class="ubuntu-sans-semibold font-32 text-uppercase mb-3">
          Monthly Maintenance for Physio-Control Mikey Defibrillator
        </h4>
        <div class="position-relative mb-3">
          <img src="/images/ecm_v2.png" class="img-fluid w-100" alt="Physio-Control Mikey AED">
        </div>
        <p class="font-roboto-light font-18 line-1-5 letter-space-0-5 text-dark">
          Physio-Control Lifepak CRPlus Defibrillator<br>
          The device monitors itself, including the battery system, and indicates its status on the readiness display.
          Periodically, you should look at the readiness display and confirm that OK is displayed, which means the device is ready to use.
        </p>
        <p class="font-roboto-light font-16 text-dark mb-1">
          <a href="/downloads/operating-instructions.pdf" class="text-dark text-decoration-underline">Download Operating Instructions</a><br>
          <a href="/downloads/lifepak-checklist.pdf" class="text-dark text-decoration-underline">Download LIFEPAK CR Plus Defibrillator User’s Checklist</a>
        </p>
      </div>
    </div>
  </div>
</section>

<section class="py-5">
  <div class="container">
    <div class="row gx-5 gy-5">
      <!-- Left Column -->
      <div class="col-md-7">
        <h3 class="ubuntu-sans-600 font-32 text-uppercase text-dark mb-4">
          Monthly Maintenance for <br> Physio-Control Mikey <br>Defibrillator
        </h3>

        <img src="{{ asset('images/ecm_v3.png') }}" class="img-fluid mb-4" alt="Maintenance Video Placeholder">

        <p class="font-roboto-light font-16 line-1-5 text-dark mb-3">
          For your convenience, here are the manufacturer manuals as well. Philips HeartStart OnSite Defibrillator: When a low battery is detected, the unit will start chirping and the status indicator will change from the ready-for-use state.
        </p>

        <p class="font-roboto-light font-16 line-1-5 text-dark mb-3">
          <a href="#" class="text-decoration-underline text-dark d-block">Download Self-Tests and Troubleshooting</a>
          <a href="#" class="text-decoration-underline text-dark d-block">Download Owner’s Manual</a>
        </p>

        <p class="font-roboto-light font-16 line-1-5 text-dark mb-3">
          Physio-Control Lifepak CRPlus Defibrillator: The device monitors itself, including the battery system, and indicates its status on the readiness display. Periodically, you should look at the readiness display and confirm that OK is displayed, which means the device is ready to use.
        </p>

        <p class="font-roboto-light font-16 line-1-5 text-dark mb-3">
          <a href="#" class="text-decoration-underline text-dark d-block">Download Operating Instructions</a>
          <a href="#" class="text-decoration-underline text-dark d-block">Download LIFEPAK CR Plus Defibrillator User’s Checklist</a>
        </p>
      </div>

      <!-- Right Column -->
      <!-- Right Column with Beige Background -->
<div class="col-md-5">
  <div style="background-color: #f6f4f0; padding: 2rem;">
    <h3 class="ubuntu-sans-600 font-32 text-uppercase text-dark mb-4">
      Contact Information If Replacement Parts Are Indicated:
    </h3>

    <p class="font-roboto-light font-16 line-1-5 text-dark mb-2">
      Philips<br>
      Contact: The Mikey Network<br>
      Phone #: 416-494-2230
    </p>

    <p class="text-mikey-red ubuntu-sans-semibold font-36 mb-4">
  Battery has a 4-year life cycle from day installed.<br>
  Pads have a 2-year life cycle from day installed.
</p>


    <h6 class="font-roboto-bold font-32 text-uppercase text-dark mb-2">HeartStart Onsite</h6>
    <p class="font-roboto-light font-16 line-1-5 text-dark mb-3">
      <strong>Battery:</strong> Part # M5070A – $160.00<br>
      <strong>Adult SMART Pads Cartridge:</strong> Part # M5071A – $98.00<br>
      <strong>Infant/Child Smart Pads Cartridge:</strong> Part # M5072A – $110.00
    </p>

    <h6 class="font-roboto-bold font-32 text-uppercase text-dark mb-2">FRX</h6>
    <p class="font-roboto-light font-16 line-1-5 text-dark mb-3">
      <strong>Battery:</strong> Part # M5070A – $160.00<br>
      <strong>SMART PadsII Cartridge:</strong> Part # 989803139261 – $98.00<br>
      <strong>Infant/Child Key:</strong> Part # 989803139311 – $110.00
    </p>

    <h6 class="font-roboto-bold text-uppercase text-dark mb-2">Physio-Control Lifepak CRPlus</h6>
    <p class="font-roboto-light font-16 line-1-5 text-dark mb-3">
      No longer available. Discontinued by manufacturer.<br>
      All prices subject to change.
    </p>

    <p class="font-roboto-light font-16 line-1-5 text-dark mb-2">
      Please notify us if you have any changes of address or contact information.
    </p>

    <p class="font-roboto-light font-16 line-1-5 text-dark mb-0">
      Expired batteries can be disposed through
      <a href="#" class="text-decoration-underline text-dark">Recycle Your Batteries Canada (RYBC)</a>.
    </p>
  </div>
</div>

</section>





 
@endsection