@extends('layouts.app')

@section('title', 'Saved by a Mikey - Mikey Network')

@section('content')
<div class="">
    <!-- Banner Image -->
    <img src="{{ asset('images/saved-banner.jpg') }}" class="img-fluid w-100" alt="Directors and Officers Banner">
</div>

<div class="container my-5">
  <!-- Section Title -->
  

  <div class="row g-4">
    <!-- First Box: Text Box -->
    <div class="col-12 col-md-6 col-lg-4">
  <div class="h-100 bg-white p-4 rounded-4 d-flex align-items-start justify-content-start text-left">
    <div>
      <!-- Title -->
      <h1 class="mb-0 ubuntu-sans-400 font-64 line-1 text-grey">Saved</h1>
      <h1 class="mb-0 ubuntu-sans-400 font-64 line-1 text-grey">by a</h1>
      <h1 class="mb-4 ubuntu-sans-800 font-64 line-1 text-red">Mikey</h1>

      <!-- Description -->
      <p class="mb-4 rubik-400 font-22 line-1-5 letter-space-0-5 text-dark">
        The Mikey Network has helped hundreds of people by providing life-saving MIKEY AEDs so they can live their lives knowing help is close by should they need it.
      </p>

      <p class="mb-0 rubik-400 font-22 line-1-5 letter-space-0-5 text-dark">
        Here is what some of them have had to say:
      </p>
    </div>
  </div>
</div>




    @php
    $cards = [
      [
        'background' => 'sbm_card.png',
        'profile' => 'mikey_1.png',
        'name' => 'Ajeethan Ramachandranathan',
        'title' => 'High School Student Saved By A MIKEY',
        'desc' => 'My gym teacher saved my life! I really need to thank him for that. Now knowing I almost died, I\'m going to try to live life even fuller.'
      ],
      [
        'background' => 'sbm_card.png',
        'profile' => 'mikey_2.png',
        'desc' => 'The MIKEY Defibrillator provided by The Mikey Network saved our baby son Archer along with CPR and rescue breaths on the side of the road.',
        'name' => 'Sean Hackett',
        'title' => 'Father Of A Mikey\'s Kids Family'
      ],
      [
        'background' => 'sbm_card.png',
        'profile' => 'mikey_3.png',
        'desc' => 'While nearing the finish of the Toronto Half Marathon, I collapsed. …  Two paramedics on bicycles arrived carrying a portable AED which had been provided by The Mikey Network. The pads were applied, I was shocked once, My heart started, and I was transported to St Mikes Hospital. I’m so thankful that Mikey AED was available to save my life!',
        'name' => 'Andrew Rosbrook',
        'title' => 'Toronto Police Officer'
      ],
      [
        'background' => 'sbm_card.png',
        'profile' => 'mikey_4.png',
        'desc' => 'You guys gave us another chance with our son. Thank you, thank you, thank you!',
        'name' => 'Craig and Jennifer Hansen',
        'title' => 'Mikey\'s Kids Family, Saved By A Mikey'
      ],
      [
        'background' => 'sbm_card.png',
        'profile' => 'mikey_5.png',
        'desc' => 'The Mikey Network is our trusted partner in caring for patients with heart rhythm disorders. The Mikey Team understands the needs of the family and of the medical team, and works closely with the Heart Centre at SickKids to ensure that AEDs are available to those in need.',
        'name' => 'Joel A. Kirsh, MD, FRCP(C)',
        'title' => 'Cardiology & Critical Care, SickKids'
      ]
    ];
    @endphp

    @foreach($cards as $card)
    <div class="col-12 col-md-6 col-lg-4">
  <div class="position-relative">
    <!-- Red Background Card -->
    <img src="{{ asset('images/' . $card['background']) }}" class="img-fluid w-100" alt="Saved Story Background">

    <!-- Overlay Content -->
    <div class="position-absolute top-0 start-0 w-100 h-100 text-white d-flex flex-column justify-content-start">
      
      <!-- Profile Image touching top-left (unchanged position) -->
      <div style="margin: 0; padding: 0 0 0 25px;">
        <img src="{{ asset('images/' . $card['profile']) }}" width="70" height="70" 
             style="object-fit: cover; display: block; margin: 0; padding: 0;" alt="Profile Photo">
      </div>

      <!-- Text content with proper horizontal padding -->
      <div class="pt-3 px-4 pe-4 pb-5">
        <p class="font-roboto-light font-18 line-1-5 letter-space-01 mb-4">{{ $card['desc'] }}</p>
        <strong class="font-roboto-bold font-18 line-1-2 d-block mb-1">{{ $card['name'] }}</strong>
        <small class="font-roboto-regular font-18">{{ $card['title'] }}</small>
      </div>

    </div>
  </div>
</div>


    @endforeach
  </div>
</div>

<div class="container my-5">
  <!-- Section Title -->
  <div class="text-center mb-5">
  <h2 class="ubuntu-sans-400 font-64 text-grey mb-0">
    Comments from some of our 
    <span class="ubuntu-sans-800 text-mikey-red">Partners</span>
  </h2>
</div>



  <div class="row g-4">
    @php
    $partners = [
      [
        'background' => 'sbm_card_2.png', 
        'logo' => 'smb_1.png', 
        'desc' => 'On behalf of the Toronto District School Board I want to express our sincere appreciation to The Mikey Network for your generous donation. The provision of AEDs and training reassures that we are prepared to assist in cardiac emergencies in these buildings.',
        'name' => 'Penny Mustin',
        'title' => 'Employee Services, Toronto District School Board'
      ],
      [
        'background' => 'sbm_card_2.png',
        'logo' => 'tps.png',
        'desc' => 'I am proud to provide the highest recommendation and endorsement of The Mikey Network. Toronto EMS has been involved since the beginning to promote public access defibrillation and lifesaving efforts across the GTA.',
        'name' => 'Bruce K. Farr',
        'title' => 'Toronto Emergency Medical Services'
      ]
    ];
    @endphp

    @foreach($partners as $partner)
    <div class="col-12 col-md-6">
  <div class="position-relative">
    
    <!-- Logo aligned to top-left with no border radius -->
    <div class="position-absolute" style="top: 0; left: 25px; z-index: 2;">
      <img src="{{ asset('images/' . $partner['logo']) }}"
           width="70" height="70"
           style="object-fit: contain; display: block; border-radius: 0 !important;"
           alt="Partner Logo">
    </div>

    <!-- Beige card with padding to offset image and rounded corner -->
    <div class="h-100 d-flex flex-column justify-content-between text-dark"
         style="background-color: #F6F4F0; border-bottom-right-radius: 100px; padding: 5rem 2rem 2rem 2rem; min-height: 600px;">
      
      <!-- Text content -->
      <div>
        <p class="font-roboto-light font-18 line-1-5 letter-space-0-5 mb-3">
          {{ $partner['desc'] }}
        </p>
        <strong class="font-roboto-bold font-18 d-block mb-1">{{ $partner['name'] }}</strong>
        <small class="font-roboto-regular font-18">{{ $partner['title'] }}</small>
      </div>

      <!-- Heart icon bottom right -->
      <div class="text-end mt-4">
        <img src="{{ asset('images/red-heart.png') }}" width="35" height="35" alt="Heart Icon">
      </div>
    </div>

  </div>
</div>

    @endforeach
  </div>
</div>

<div class="container my-5">
  
  
<div class="text-center mb-4">
<a href="{{ url('/partners') }}"
   class="d-inline-block text-white text-uppercase font-roboto-bold font-18"
   style="background-color: #D13F32; padding: 0.75rem 2.5rem; text-decoration: none;">
  See our full list of partners
</a>

  </div>

  
  <div class="position-relative">
    <img src="{{ asset('images/smb_3-1.jpg') }}" class="img-fluid w-100" alt="Through The Mikey Network">

    <div class="position-absolute bottom-0 start-0 w-100 pb-4 ps-5">
  <h2 class="text-white ubuntu-sans-700 font-52 letter-space-0-5 text-uppercase mb-0">
    Through the Mikey Network,<br>the Beat Goes On
  </h2>
</div>

  </div>

</div>

<div class="container my-5">
  <div class="text-center mb-5">
    <h2 class="ubuntu-sans-400 font-64 mb-0">
      Quotes from <span class="ubuntu-sans-800 text-red">Mikey</span> locations
    </h2>
  </div>
</div>

<div class="container my-5">
  <div class="row g-5">
    @php
      $quotes = [
        [
          'desc' => 'The Mikey Network provides a wonderful benefit to our patients through access to AEDs and training. The safety net this gives changes lives.',
          'name' => 'Jeffrey Hoffman, Communication And Development Manager, Tim Horton Children\'s Foundation',
        ],
        [
          'desc' => 'It gives me great pleasure on behalf of the Council and Residents of the Township of Brock to thank you for the five defibrillators which have been provided for use in the Township of Brock. These additional five defibrillators will be distributed at the Cannington Arena, Beaverton Arena, and one each on the three fire department rescue trucks.',
          'name' => 'Larry O’Connor, Mayor, The Township Of Brock',
        ],
        [
          'desc' => 'First of all, I would like to thank The Mikey Network for your donation of a defibrillator. The training we received was also exceptional and quite informative. Again, thank you so much for this opportunity. I know our soccer fields will be much safer since we will have them equipped to help anyone in need.',
          'name' => 'Gail & Randy Armstrong, Hillcrest Village Soccer Club',
        ],
        [
          'desc' => 'I wish to express my appreciation to The Mikey Network for your kind donation of a HeartStart defibrillator for our school. It is wonderful to know that there are organizations such as yours that are willing to help all members of the large community who may need this life-saving device.',
          'name' => 'Mrs. K. Ewing, Principal, Glenburnie School',
        ],
        [
          'desc' => 'We have established a close relationship with The Mikey Network and appreciate and support their efforts in the development of PAD programs. We hope to be an active partner in the upcoming TDSB endeavor.',
          'name' => 'Mike Brzozowski, Medical Director, Toronto Cardiac Safe City Public Access Defibrillator Program, Sunnybrook - Olser Centre For Prehospital Care',
        ],
        [
          'desc' => 'I want to thank The Mikey Network so much for providing the defibrillator for my son Alex. This device has given us much more confidence that he can attend camps and participate in many other normal activities that he otherwise would not be able to do. The training was great and John at Action First Aid who ran the session was wonderful with the kids. We all learned a great deal and we feel much more confident to deal with any potential situations now that we have had the training! Thanks very much! We really appreciate your support.',
          'name' => 'Rita Westfall, Mother of Mikey\'s Kids Recipient',
        ],
        [
          'desc' => 'The Mikey Network has been an awesome organization to work with. Although, thankfully, we have never had the need to use the unit, we feel better knowing it is ready and on hand. The Mikey Network has been great to Camp Can-Aqua and I would happily recommend their product to others.',
          'name' => 'Andrew Martin, Owner-Director Of Camp Can-Aqua',
        ],
        [
          'desc' => 'I have been a camper at Camp CanAqua for ten years. In 2010, our family donated a MIKEY AED to the camp in memory of Louis Gyori. Knowing the camp is equipped with a MIKEY AED gives everyone a level of comfort.',
          'name' => 'Eric Schooley',
        ],
      ];
    @endphp

    @foreach ($quotes as $quote)
      <div class="col-12">
        <div class="mb-5">
          <p class="font-roboto-regular mb-2">{{ $quote['desc'] }}</p>
          <p class="font-roboto-semibold mb-0">— {{ $quote['name'] }}</p>
        </div>
      </div>
    @endforeach
  </div>
</div>

@endsection