{{--
  Template Name: Impact Report 2023
--}}

@php

$page_url = get_permalink(get_page_by_path('page-test'));

@endphp

@extends('layouts.app')

@section('content')

<div class="impactreport2022" data-js="impact-report-2022">
    <div class="impactreport2022__container">
        <div class="impactreport2022__sidebar">
            <ul>
                <li class="item"><a href="@php echo $page_url; @endphp">test</a></li>
                <li class="item"><a href="@php echo $page_url; @endphp">test</a></li>
                <li class="item"><a href="@php echo $page_url; @endphp">test</a></li>
                <li class="item"><a href="@php echo $page_url; @endphp">test</a></li>
                <li class="item"><a href="@php echo $page_url; @endphp">test</a></li>
                <li class="item"><a href="@php echo $page_url; @endphp">test</a></li>
            </ul>
        </div>
        <div class="impactreport2022__layout">
            <div class="histogram">
                <canvas id="barChart"></canvas>
                <div id="screenReaderText"></div>
            </div>
        </div>
    </div>
</div> 
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart2music"></script>
<script src="/wp-content/themes/equilibrium/resources/views/impactreport-2022/app.js"></script>   

  
@endsection