{{--
  Template Name: Impact Report 2022 Planet Pillar 3
--}}

@php

$first_carousel = array(
  (object) [
    'title' => '<span>350</span>',
    'subtitle' => 'Tons of leather leftovers recovered,<br> recouping and reusing 967 tons since 2018',
    'icon' => '/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/icons/leather-planet.svg'
  ],
  (object) [
    'title' => '<span>298</span>',
    'subtitle' => 'Tons of leftover textiles recovered and 1,204<br> tons since 2018',
    'icon' => '/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/icons/textiles-planet.svg'
  ],
  (object) [
    'title' => '<span>67</span>',
    'subtitle' => 'Tons of metal scraps regenerated,<br> equalling 271 tons since 2018',
    'icon' => '/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/icons/metal-planet.svg'
  ],
  (object) [
    'title' => '<span>48,000</span>',
    'subtitle' => 'Meters of fabrics donated to social cooperatives<br> and 65,000 meters donated since 2018',
    'icon' => '/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/icons/textiles-planet.svg'
  ],
);
$second_carousel = array(
  (object) [
    'title' => '<span>13</span>',
    'subtitle' => 'Tanneries participating',
    'icon' => '/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/icons/factory-planet.svg'
  ],
  (object) [
    'title' => '<span>91,000</span>',
    'subtitle' => 'Meters of leather avoided, totalling 329,434<br> square meters since 2018',
    'icon' => '/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/icons/leather-planet.svg'
  ],
  (object) [
    'title' => '<span>73.4</span><span>+</span>',
    'subtitle' => 'Tons of waste production avoided,<br> totalling 264 tons since 2018',
    'icon' => '/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/icons/trash-planet.svg'
  ],
  (object) [
    'title' => '<span>5.8 </span><span>Million</span>',
    'subtitle' => 'Litres of water consumption saved, equalling 32 million<br> litres since 2018',
    'icon' => '/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/icons/drop-planet.svg'
  ],
  (object) [
    'title' => '<span>477</span><span> MwH</span>',
    'subtitle' => 'Energy saved, adding up to 2,589 MwH since 2018',
    'icon' => '/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/icons/lightbulb-planet.svg'
  ],
  (object) [
    'title' => '<span>75</span>',
    'subtitle' => 'Tons of chemicals avoided including close to 10 tons of chrome, totalling 435 tons of chemicals and almost<br> 76 tons of chrome since 2018',
    'icon' => '/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/icons/chemicals-planet.svg'
  ],
);

$data_articles = array(
  (object) [
    'cover' => '/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/images/Planet/Planet_Pillar_3_1.jpg',
    'coverMobile' => '/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/images/Planet/mobile/Planet_Pillar_3_1.jpg',
    'title' => 'GUCCI’S CIRCULAR VISION',
    'url' => 'https://equilibrium.gucci.com/guccis-circular-vision/'
  ],
  (object) [
    'cover' => '/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/images/Planet/Planet_Pillar_3_2.jpg',
    'coverMobile' => '/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/images/Planet/mobile/Planet_Pillar_3_2.jpg',
    'title' => 'GUCCI—UP',
    'url' => 'https://equilibrium.gucci.com/gucci-up/'
  ],
  (object) [
    'cover' => '/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/images/Planet/Planet_Pillar_3_3.jpg',
    'coverMobile' => '/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/images/Planet/mobile/Planet_Pillar_3_3.jpg',
    'title' => 'GUCCI SCRAP-LESS',
    'url' => 'https://equilibrium.gucci.com/gucci-scrap-less/'
  ],
  (object) [
    'cover' => '/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/images/Planet/Planet_Pillar_3_4.jpg',
    'coverMobile' => '/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/images/Planet/mobile/Planet_Pillar_3_4.jpg',
    'title' => 'sustainable leather',
    'url' => 'https://equilibrium.gucci.com/sustainable-leather/'
  ],
  (object) [
    'cover' => '/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/images/Planet/Planet_Pillar_3_5.jpg',
    'coverMobile' => '/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/images/Planet/mobile/Planet_Pillar_3_5.jpg',
    'title' => 'plastics',
    'url' => 'https://equilibrium.gucci.com/plastics/'
  ],
);

@endphp

@extends('layouts.app')
@section('content')
<div class="container__impactreport2022">
  <div class="impactreport2022-wrapper pillar">
    <div class="pillar" id="planet-impactreport2022">
      <h1 class="impactreport-2022-main-title-block">
        CIRCULARITY ENHANCING<br>
        A MODERN VISION 
      </h1>
      <div class="impactreport-2022-text-block">
        <p>We take a holistic and circular view of luxury for the future. Beginning at the earliest stages of our collections’ lives, we’re designing out waste and pollution while enhancing durability, recovery, reuse, recycling and second life.</p>
      </div>
      <h2 class="impactreport-2022-small-title-block title-sticky">
        2022 SPOTLIGHT
      </h2>
      <div class="impactreport-2022-text-block">
        <img src="/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/icons/spotlight-planet.svg" alt="">
        <p>We work with experts and organizations to help us further scale and embed the principles of the circular economy across our activities. To complement and augment our ongoing efforts, we became a Strategic Partner of the Ellen MacArthur Foundation, a leading authority on the circular economy. </p>
        <br>
        <img src="/wp-content/themes/equilibrium/resources/assets/impactreport-2022/assets/icons/spotlight-planet.svg" alt="">
        <p>We were one of the first movers in the secondary marketplace for luxury and, over the years, we’ve continued to explore synergies with leading platforms. Our latest partnership with Vestiaire Collective has been geared to our clients who wish to trade in selected Gucci pieces, with 26 of our stores across Europe participating during the initial rollout. </p>
      </div>
      <h2 class="impactreport-2022-small-title-block title-sticky">
        GUCCI-UP 2022 IN NUMBERS 
      </h2>
      <div class="horizontal-carousel__container" data-js="horizontal-carousel">
        @include('partials.horizontal-carousel', [
          "data" => $first_carousel
        ])
      </div>
      <h2 class="impactreport-2022-small-title-block title-sticky title-sticky-fix">
        GUCCI SCRAP-LESS 2022 IN NUMBERS
      </h2>
      <div class="horizontal-carousel__container" data-js="horizontal-carousel">
        @include('partials.horizontal-carousel', [
          "data" => $second_carousel
        ])
      </div>
      {{-- <div class="small-title-block">
        PLASTIC IN NUMBERS
      </div> --}}
      {{-- <div class="rect-graph-block"> --}}
        <!-- .... -->
      {{-- </div> --}}
      @include('partials.pillar-post-related', [
        'data' => $data_articles,
        'category' => 'planet'
      ])
    </div>
  </div>
</div>

<script>
  const el = document.querySelector(".title-sticky-fix")
  document.addEventListener('scroll', () => {
    if (window.innerWidth < 768) {
      return
    }
    if (el.getBoundingClientRect().top === 150) {
      el.classList.add('border-bottom-unset')
    } else {
      el.classList.remove('border-bottom-unset')
    }
  })
</script>

@endsection