{{--
  Template Name: Impact Report 2022 People Pillar 2
--}}

@php

  $data_articles = array(
    (object) [
      'cover' => '/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/images/People/People_Pillar_2_1.jpg',
      'coverMobile' => '/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/images/People/mobile/People_Pillar_2_1_right.jpg',
      'title' => 'Gucci chime',
      'url' => 'https://equilibrium.gucci.com/category/people/chime/'
    ],
  );

  $maps_data = array(
    (object) [
      'country' => 'global',
      'places' => ['UNHCR'],
      'descriptions' => ['Supporting refugees from the crisis in Ukraine']
    ],
    (object) [
      'country' => 'us',
      'places' => [
        'Ms. Foundation for Women', 
        'Every Mother Counts', 
        'Promundo (now known as Equimundo)', 
        'Equality Texas'
      ],
      'descriptions' => [
        'Supporting groups led by and for women and girls of color via the Girls of Color Initiative',
        'Strengthening healthcare and access to resources for pregnant women',
        'Partnering with the Kering Foundation to educate and engage boys and men to become allies in the fight for gender equality',
        'Supporting trans youth and their families in Texas'
      ]
    ],
    (object) [
      'country' => 'uk',
      'places' => ['Promundo (now known as Equimundo)'],
      'descriptions' => ['Partnering with the Kering Foundation to educate and engage boys and men to become allies in the fight for gender equality']
    ],
    (object) [
      'country' => 'europe',
      'places' => [
        'Global Fund for Women', 
        'Promundo (now known as Equimundo)'
      ],
      'descriptions' => [
        'Supporting diverse feminist funds with a focus on tech innovation for gender justice',
        'Partnering with the Kering Foundation to educate and engage boys and men to become allies in the fight for gender equality'
      ]
    ],
    (object) [
      'country' => 'japan',
      'places' => ['UN Women Japan Liaison Office'],
      'descriptions' => ['Strengthening partnerships, mobilizing resources, and promoting gender equality in Japan']
    ],
    (object) [
      'country' => 'mexico',
      'places' => [
        'Global Fund for Women', 
        'Promundo (now known as Equimundo)'
      ],
      'descriptions' => [
        'Supporting diverse feminist funds with a focus on tech innovation for gender justice',
        'Partnering with the Kering Foundation to educate and engage boys and men to become allies in the fight for gender equality'
      ]
    ],
    (object) [
      'country' => 'italy',
      'places' => ['Casa Internazionale delle donne, Artemisia, Beawarenow, SVS DAD / Progetto Cascina Rinascita'],
      'descriptions' => ['Supporting organizations combating violence against women and supporting survivors']
    ],
    (object) [
      'country' => 'lebanon',
      'places' => ['Equality Now'],
      'descriptions' => ['Supporting activists working to repeal discriminatory laws that perpetuate violence against women and girls']
    ],
    (object) [
      'country' => 'palestine',
      'places' => ['Equality Now'],
      'descriptions' => ['Supporting activists working to repeal discriminatory laws that perpetuate violence against women and girls']
    ],
    (object) [
      'country' => 'iraq',
      'places' => ['Equality Now'],
      'descriptions' => ['Supporting activists working to repeal discriminatory laws that perpetuate violence against women and girls']
    ],
    (object) [
      'country' => 'india',
      'places' => [
        'Equality Now', 
        'Global Fund for Women'
      ],
      'descriptions' => [
        'Supporting activists working to repeal discriminatory laws that perpetuate violence against women and girls',
        'Supporting diverse feminist funds with a focus on tech innovation for gender justice'
      ]
    ],
    (object) [
      'country' => 'hong kong',
      'places' => ['Global Fund for Women'],
      'descriptions' => ['Supporting diverse feminist funds with a focus on tech innovation for gender justice']
    ],
    (object) [
      'country' => 'tunisia',
      'places' => ['Equality Now'],
      'descriptions' => ['Supporting activists working to repeal discriminatory laws that perpetuate violence against women and girls']
    ],
    (object) [
      'country' => 'morocco',
      'places' => ['Equality Now'],
      'descriptions' => ['Supporting activists working to repeal discriminatory laws that perpetuate violence against women and girls']
    ],
    (object) [
      'country' => 'algeria',
      'places' => ['Equality Now'],
      'descriptions' => ['Supporting activists working to repeal discriminatory laws that perpetuate violence against women and girls']
    ],
    (object) [
      'country' => 'egypt',
      'places' => ['Equality Now'],
      'descriptions' => ['Supporting activists working to repeal discriminatory laws that perpetuate violence against women and girls']
    ],
    (object) [
      'country' => 'ghana',
      'places' => ['mothers2mothers'],
      'descriptions' => ['Expanding health services for women and children']
    ],
    (object) [
      'country' => 'jordan',
      'places' => ['Equality Now'],
      'descriptions' => ['Supporting activists working to repeal discriminatory laws that perpetuate violence against women and girls']
    ],
    (object) [
      'country' => 'brasil',
      'places' => ['Global Fund for Women'],
      'descriptions' => ['Supporting diverse feminist funds with a focus on tech innovation for gender justice']
    ],
  );

  $maps_data_mobile = array(
    (object) [
      'country' => 'europe',
      'places' => [
        'Global Fund for Women', 
        'Promundo (now known as Equimundo)'
      ],
      'descriptions' => [
        'Supporting diverse feminist funds with a focus on tech innovation for gender justice',
        'Partnering with the Kering Foundation to educate and engage boys and men to become allies in the fight for gender equality',
      ],
      'spec' => array(
        (object) [
          'country' => 'italy',
          'places' => ['Casa Internazionale delle donne, Artemisia, Beawarenow, SVS DAD / Progetto Cascina Rinascita'],
          'descriptions' => ['Supporting organizations combating violence against women and supporting survivors']
        ]
      )
    ],
    (object) [
      'country' => 'north america',
      'places' => [
        'Promundo (now known as Equimundo)', 
      ],
      'descriptions' => [
        'Partnering with the Kering Foundation to educate and engage boys and men to become allies in the fight for gender equality',
      ],
      'spec' => array(
        (object) [
          'country' => 'US',
          'places' => [
            'Ms. Foundation for Women', 
            'Every Mother Counts', 
            'Equality Texas'
          ],
          'descriptions' => [
            'Supporting groups led by and for women and girls of color via the Girls of Color Initiative',
            'Strengthening healthcare and access to resources for pregnant women',
            'Supporting trans youth and their families in Texas'
          ],
        ]
      )
    ],
    (object) [
      'country' => 'south america',
      'places' => [
        'Global Fund for Women', 
        'Promundo (now known as Equimundo)'
      ],
      'descriptions' => [
        'Supporting diverse feminist funds with a focus on tech innovation for gender justice',
        'Partnering with the Kering Foundation to educate and engage boys and men to become allies in the fight for gender equality'
      ]
    ],
    (object) [
      'country' => 'apac',
      'places' => [
        'Equality Now', 
        'Global Fund for Women'
      ],
      'descriptions' => [
        'Supporting activists working to repeal discriminatory laws that perpetuate violence against women and girls',
        'Supporting diverse feminist funds with a focus on tech innovation for gender justice'
      ],
      'spec' => array(
        (object) [
          'country' => 'Japan',
          'places' => ['UN Women Japan Liaison Office'],
          'descriptions' => ['Strengthening partnerships, mobilizing resources, and promoting gender equality in Japan']
        ]
      )
    ],
    (object) [
      'country' => 'global',
      'places' => ['UNHCR'],
      'descriptions' => ['Supporting refugees from the crisis in Ukraine']
    ],
    (object) [
      'country' => 'africa',
      'places' => [
        'Equality Now'
      ],
      'descriptions' => [
        'Supporting activists working to repeal discriminatory laws that perpetuate violence against women and girls'
      ],
      'spec' => array(
        (object) [
          'country' => 'Ghana',
          'places' => ['mothers2mothers'],
          'descriptions' => ['Expanding health services for women and children']
        ]
      )
    ],
  );

  $maps_data_carousel = array(
    (object) [
      'moreMarginRight' => true,
      'title' => '<span>3,297</span>',
      'subtitle' => 'Women and girls benefited through supporting 17 NGOs in 20 countries around the world',
      'icon' => '/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/icons/globe-people.svg'
    ],
    (object) [
      'moreMarginRight' => true,
      'title' => '<span>$21.5 </span><span> Million</span><span> USD</span>',
      'subtitle' => 'Raised since 2013 supporting more than 500 projects in 92 countries through 185 partners',
      'icon' => '/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/icons/dollar-people.svg'
    ],
    (object) [
      'title' => '<span>635,000</span>',
      'subtitle' => 'Women and girls positively impacted since 2013 reaching 3 million families and communities',
      'icon' => '/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/icons/women-people.svg'
    ],
  );

@endphp

@extends('layouts.app')
@section('content')
<div class="container__impactreport2022">
  <div class="impactreport2022-wrapper pillar">
    <div class="pillar" id="people-impactreport2022">
      <h1 class="impactreport-2022-main-title-block">
        CHIME IN<br>
        FOR GENDER EQUALITY
      </h1>
      <div class="impactreport-2022-text-block">
        <p>Gucci CHIME: convening, uniting and strengthening the many voices speaking up and speaking loudly for gender equality around the world since 2013. A global campaign that aims to inspire participation in a collective community, uniting people across identities, borders, and generations in the fight for equality.</p>
      </div>
      <h2 class="impactreport-2022-small-title-block">
        2022 SPOTLIGHT
      </h2>
      <div class="impactreport-2022-text-block">
        <img src="/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/icons/spotlight-people.svg" alt="">
       <p>
        Gucci CHIME announced a $500,000 USD <u><a href="https://equilibrium.gucci.com/guccis-partnership-with-unhcr-in-2022/" target="_blank" data-utm="false">donation to UNHCR</a></u>, the UN Refugee Agency, to provide emergency support to refugees fleeing violence in Ukraine. Among our various initiatives, we also support refugees through employment opportunities and, for the fourth year in a row, Gucci received the “Welcome. Working for Refugee Integration” award by the UN Refugee Agency.
       </p>
       <br>
       <img src="/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/icons/spotlight-people.svg" alt="">
       <p>
        To celebrate International Women’s Day and as part of our five-year commitment to UN Women’s Generation Equality Action Coalitions, Gucci created a <u><a href="https://equilibrium.gucci.com/generation-equality-capsule-collection/" target="_blank" rel="noopener noreferrer" data-utm="false">Generation Equality capsule collection</a></u> with proceeds earmarked for NGOs through Gucci CHIME. 
       </p>
      </div>
      <h2 class="impactreport-2022-small-title-block">
        GUCCI CHIME 2022 IN NUMBERS 
      </h2>
      <div class="impactreport-2022-text-block">
        <p>Gucci CHIME supported NGOs in countries around the world, leading to the support of 3,297 women and girls in 2022.
The important work of these NGOs is highlighted in the map.</p>
      </div>
      <div data-js="horizontal-carousel">
        @include('partials.horizontal-carousel', [
          "data" => $maps_data_carousel,
          "desktop" => false
        ])
      </div>
      <div class="pillar-maps__container">
        <div class="pillar-maps__left">
          <div class="pillar-maps__left--map">
            <div class="map" data-js="pillar-maps" aria-label="Impact Report 2022 Map">
              <img src="/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/images/globe.svg" alt="">
              @foreach ($maps_data as $pin)
                @php
                  $class_country = str_replace(' ', '', $pin->country);
                  // if ($class_country == 'italy') {
                  //   $class_country .= ' selected';
                  // }
                  $placesStringJS = implode(';', $pin->places);
                  $descriptionsStringJS = implode(';', $pin->descriptions);
                  $placesAriaLabel = implode(', ', $pin->places);
                @endphp
                @if (count($pin->places) > 1)
                  <a href="#" class="maps-pin multiple {{ $class_country }}" data-count="{{ count($pin->places) }}" data-country="{{ $pin->country }}" data-places="{{ $placesStringJS }}" data-descriptions="{{ $descriptionsStringJS }}" aria-label="Map country:  {{ $pin->country }}" aria-live="polite"><span>{{ (int)count($pin->places) }}</span></a>
                @else
                    <a href="#" class="maps-pin single {{ $class_country }}" data-count="{{ count($pin->places) }}" data-country="{{ $pin->country }}" data-places="{{ $placesStringJS }}" data-descriptions="{{ $descriptionsStringJS }}" aria-label="Map country:  {{ $pin->country }}" aria-live="polite"><div></div></a>
                @endif
              @endforeach
            </div>
            <div class="maps-bottom-mobile">
              <ul class="maps-bottom-mobile__list-container" aria-haspopup="dialog">
                @foreach ($maps_data_mobile as $item)
                  <li class="list-item">
                    <div class="maps-highlight">
                      <h2 class="maps-bottom-mobile__title">{{ $item->country }}</h2>
                      <a href="#" aria-expanded="false">
                        <img class="maps-dropdown" src="/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/icons/arrow-dropdown-people.svg" alt="">
                      </a>
                    </div>
                    <div class="maps-places">
                      <ul class="maps-places__container">
                        @foreach ($item->places as $key=>$place)
                          <li class="maps-places__item">
                            <span>{{ $place }}</span><br>
                            {{ $item->descriptions[$key] }}
                          </li>
                        @endforeach 
                        @foreach ($item->spec as $specItem)
                          <li class="maps-places__item__state">
                            <div class="state-name">{{$specItem->country}}:</div>
                            @foreach ($specItem->places as $key => $place)
                               <br><span>{{ $place }}</span><br>
                              {{ $specItem->descriptions[$key] }}<br>
                            @endforeach
                          </li>
                        @endforeach
                      </ul>
                    </div>
                  </li>
                @endforeach
              </ul>
            </div>
          </div>
          <div class="read-more-layer" aria-hidden="true">
            <div class="pillar-maps__left--bottom fadeInElementShort">
              <div class="pillar-maps__left--bottom__country"></div>
              <div class="pillar-maps__left--bottom__places">
                <div class="pillar-places-data"></div>
              </div>
            </div>
          </div>
        </div>
        <div class="pillar-maps__right">
          @foreach ($maps_data_carousel as $item)
            <div class="pillar-maps__right--container">
              <div class="pillar-maps__right--wrapper fadeInElement">
                <div class="icon">
                  <img src="{{ $item->icon }}" alt="">
                </div>
                <div class="impactreport2022-card-title card-title">
                  {!! $item->title !!}
                </div>
                <div class="impactreport2022-card-description">
                  <p>{{ $item->subtitle }}</p>
                </div>
              </div>
            </div>
          @endforeach
        </div>
      </div>
      @include('partials.pillar-post-related', [
        'data' => $data_articles,
        'category' => 'people'
      ])
    </div>
  </div>
</div>
<script src="/wp-content/themes/equilibrium/resources/views/impactreport-2022/index.js"></script> 
@endsection