@extends('layout.appHomeDynamic')

@section('styles')
<link rel='stylesheet' href="{{asset('assets/css/dataTables.bootstrap5.min.css')}}" type='text/css' media='all' />
<link rel='stylesheet' href="{{asset('assets/css/cap-table.css')}}" type='text/css' media='all' />
<link rel='stylesheet' href='https://cdn.datatables.net/buttons/2.3.2/css/buttons.bootstrap5.min.css' type='text/css' media='all' />
@endsection

@section('content')

<section class="section bg-white pb-10">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="header-bar">
                    <div class="title">
                    <h2>{{ $strapi_response['property_preview_title'] }}</h2>
                    </div>
                
                </div>
            </div>

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

<section class="section offerwall-details-banner"
    style="background: url('{{ @img($property->propertyLogo) }}')  no-repeat center; background-size: cover; background-position: center;">
    <div class="overlay"></div>
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="page-banner">
                    
                </div>
            </div>
        </div>
    </div>
</section>


<section class="section propDetail-info">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 mb-2">
                <div class="offerdetailstitle">
                    <h1>
                        {{ @$property->propertyName }}
                    </h1>
                </div>
            </div>
        </div>
        <div class="row justify-content-center">
            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 mb-2 mt-sm-3 mt-3">
                <div class="offering-card full no-border">
                    <div class="placeholder video-wrap">
                        @if($property->status == 'soldout')
                            <div class="tag larger">{{ $strapi_response['sold_out_text'] }}</div>
                        @else
                            @if($property->status != 'block')
                                @if($property->property_state == 'comingsoon')
                                    <div class="tag larger">{{ $strapi_response['coming_soon_text'] }}</div>
                                @else
                                    <div class="tag larger">{{ $strapi_response['funding_live_text'] }}</div>
                                @endif
                            @endif
                        @endif

                        @if(pathinfo($property->propertyVideo, PATHINFO_EXTENSION) == 'mp4')
                        <video controls="controls">
                            <source src="{{ @img($property->propertyVideo) . '#t=0.001' }}">
                        </video>
                        @else
                        <img src="{{ @img($property->propertyVideo) }}" alt="">
                        @endif

                    </div>
                    <div class="card-info prop">
                        <div class="prop-title">Target: ${{number_format(@$property->totalDealSize)}}</div>
                        <div class="dataset">
                            <div class="icon">
                            <img src="{{ $hostnm . $strapi_response['property_card_icon1']['data']['attributes']['url'] }}" alt="{{ $strapi_response['property_card_icon1']['data']['attributes']['alternativeText'] }}"
                                    title="{{ $strapi_response['property_card_icon1']['data']['attributes']['alternativeText'] }}">
                            </div>
                            <div class="info">
                                <span class="title">Asset Type</span>
                                <span class="data">{{ @$property->propertyType }}</span>
                            </div>
                        </div>

                        <div class="dataset">
                            <div class="icon">
                            <img src="{{ $hostnm . $strapi_response['property_card_icon2']['data']['attributes']['url'] }}" alt="{{ $strapi_response['property_card_icon2']['data']['attributes']['alternativeText'] }}"
                                title="{{ $strapi_response['property_card_icon2']['data']['attributes']['alternativeText'] }}">
                            </div>
                            <div class="info">
                                <span class="title">Start Date</span>
                                <span class="data">{{ @$property->startDate }}</span>
                            </div>
                        </div>

                        <div class="dataset">
                            <div class="icon">
                            <img src="{{ $hostnm . $strapi_response['property_card_icon3']['data']['attributes']['url'] }}" alt="{{ $strapi_response['property_card_icon3']['data']['attributes']['alternativeText'] }}"
                                            title="{{ $strapi_response['property_card_icon3']['data']['attributes']['alternativeText'] }}">
                            </div>
                            <div class="info">
                                <span class="title">Minimum Donation</span>
                                <span class="data">${{ number_format(@$property->initialInvestment) }}</span>
                            </div>
                        </div>
                       

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

    </div>
</section>


@php 

$graph_data = array();
$impact_graph_data = "";
$graph_color_set = array(
    '#eb1c2d', '#d3a029', '#279b48', '#c31f33', '#ef402b', 
    '#00aed9', '#fdb713', '#8f1838', '#f36d25', '#e11484', 
    '#f99d26', '#cf8d2a', '#48773e', '#007dbc', '#3eb049',  
    '#02558b', '#183668' 
);

$kkk =0;
for ($k =1; $k < 18; $k++) {
    $sc_lab = 'scoreLabel_' . $k;
    $sc_score = 'scoreValue_' . $k;

    $head = 'impactHeader_' . $k;
    $link = 'impactLink_' . $k;
    $desc = 'impactDescription_' . $k;
    $ifile = 'impactImageVideo_' . $k;

    if (isset($property->propertyImpactDetails->$sc_lab) && isset($property->propertyImpactDetails->$sc_score) ) {
        $graph_data[$kkk]['id'] = $property->propertyImpactDetails->$sc_lab;
        $graph_data[$kkk]['order'] = $k;
        $graph_data[$kkk]['weight'] = 1;
        $graph_data[$kkk]['label'] = $property->propertyImpactDetails->$sc_lab;
        
        $label_img = str_replace(" ", "-", (strtolower($property->propertyImpactDetails->$sc_lab))) . '.png';
        $label_img = str_replace(",", "", $label_img);
        $graph_data[$kkk]['label_img'] = asset('assets/images/sdg-icons/' . $label_img);
        
        $graph_data[$kkk]['score'] = $property->propertyImpactDetails->$sc_score;
        $graph_data[$kkk]['color'] = $graph_color_set[$k-1];

        $graph_data[$kkk]['pop_show'] = 1;
        $graph_data[$kkk]['head'] = isset($property->propertyImpactDetails->$head) ? $property->propertyImpactDetails->$head : '';
        $graph_data[$kkk]['link'] = isset($property->propertyImpactDetails->$link) ? $property->propertyImpactDetails->$link : '';
        $graph_data[$kkk]['desc'] = isset($property->propertyImpactDetails->$desc) ? $property->propertyImpactDetails->$desc : '';
        $graph_data[$kkk]['ifile'] = '';
        $graph_data[$kkk]['ifile_type'] = '';

        if ($property->propertyImpactDetails->$ifile !=""){

            $impact_file_ext_arr = explode('.', $property->propertyImpactDetails->$ifile);
            $impact_file_ext = $impact_file_ext_arr[1];

            if ($impact_file_ext =='mp4') {
                $graph_data[$kkk]['ifile_type'] = 'impact_vid'; 
            } else {
                $graph_data[$kkk]['ifile_type'] = 'impact_img'; 
            }

            $graph_data[$kkk]['ifile'] = @img($property->propertyImpactDetails->$ifile);
        }

        if ( ($graph_data[$kkk]['head'] == '') && ($graph_data[$kkk]['link'] == '') && ($graph_data[$kkk]['desc'] == '') && ($graph_data[$kkk]['ifile'] == '') ) {
            $graph_data[$kkk]['pop_show'] = 0;
        }


        if ( ($graph_data[$kkk]['pop_show'] == 1) && ($graph_data[$kkk]['ifile'] == '') ) {
            $graph_data[$kkk]['ifile_type'] = 'impact_img'; 
            $graph_data[$kkk]['ifile'] = env('APP_URL') . '/main/default_large.png';
        }


        $kkk++;
    }
}


if ( !empty($graph_data) ) {
    $impact_graph_data = (json_encode($graph_data));
}

@endphp



<section class="section prop-sec-bg-white">
    <div class="container">

    <div class="row ">


        @if ( !empty($graph_data) ) 

            <div class="col-12">
                <div class="impact-head offering-tab-title">{{ $strapi_response['impact_title_text'] }}</div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="ucard sdg_ucard_bg p-3 h-autoadj">
                    <div class="dash-title sdg_impact_title_color">{{ $strapi_response['sdg_impact_title'] }}</div>

                    <div class="main-svg-graph">
                        <div class="d-graph"></div>
                    </div>
                </div>
            </div>
        @endif



        @if ( isset($property->propertyImpactDetails->carbonScore) ) 
            <div class="col-lg-4 col-md-12 col-sm-12 col-12">
                <div class="ucard carbon_ucard_bg graph-2 p-3">

                    <div class="dash-title carbon_score_title_color">{{ $strapi_response['carbon_score_title'] }}</div> 

                    <div class="single-graph">
                        <div id="graph-container1" class="gl">
                            <div class="score-gauge gauge">
                                <svg class="gauge__plot" preserveAspectRatio="xMidYMid" viewBox="0,0,400,250">
                                    <g transform="translate(200,187.5)">
                                        <g>
                                            <path
                                                d="M-154.326,24.443A156.25,156.25,0,0,1,-155.018,19.583L-129.182,16.319A130.208,130.208,0,0,0,-128.605,20.369Z"
                                                fill="rgb(138, 0, 50)"></path>
                                            <path
                                                d="M-155.018,19.583A156.25,156.25,0,0,1,-155.557,14.704L-129.63,12.254A130.208,130.208,0,0,0,-129.182,16.319Z"
                                                fill="rgb(140, 0, 49)"></path>
                                            <path
                                                d="M-155.557,14.704A156.25,156.25,0,0,1,-155.942,9.811L-129.951,8.176A130.208,130.208,0,0,0,-129.63,12.254Z"
                                                fill="rgb(143, 0, 48)"></path>
                                            <path
                                                d="M-155.942,9.811A156.25,156.25,0,0,1,-156.173,4.908L-130.144,4.09A130.208,130.208,0,0,0,-129.951,8.176Z"
                                                fill="rgb(145, 0, 47)"></path>
                                            <path
                                                d="M-156.173,4.908A156.25,156.25,0,0,1,-156.25,0L-130.208,0A130.208,130.208,0,0,0,-130.144,4.09Z"
                                                fill="rgb(148, 0, 46)"></path>
                                            <path
                                                d="M-156.25,0A156.25,156.25,0,0,1,-156.173,-4.908L-130.144,-4.09A130.208,130.208,0,0,0,-130.208,0Z"
                                                fill="rgb(150, 0, 45)"></path>
                                            <path
                                                d="M-156.173,-4.908A156.25,156.25,0,0,1,-155.942,-9.811L-129.951,-8.176A130.208,130.208,0,0,0,-130.144,-4.09Z"
                                                fill="rgb(153, 0, 43)"></path>
                                            <path
                                                d="M-155.942,-9.811A156.25,156.25,0,0,1,-155.557,-14.704L-129.63,-12.254A130.208,130.208,0,0,0,-129.951,-8.176Z"
                                                fill="rgb(155, 0, 42)"></path>
                                            <path
                                                d="M-155.557,-14.704A156.25,156.25,0,0,1,-155.018,-19.583L-129.182,-16.319A130.208,130.208,0,0,0,-129.63,-12.254Z"
                                                fill="rgb(158, 0, 41)"></path>
                                            <path
                                                d="M-155.018,-19.583A156.25,156.25,0,0,1,-154.326,-24.443L-128.605,-20.369A130.208,130.208,0,0,0,-129.182,-16.319Z"
                                                fill="rgb(160, 0, 40)"></path>
                                            <path
                                                d="M-154.326,-24.443A156.25,156.25,0,0,1,-153.482,-29.278L-127.902,-24.399A130.208,130.208,0,0,0,-128.605,-20.369Z"
                                                fill="rgb(163, 0, 39)"></path>
                                            <path
                                                d="M-153.482,-29.278A156.25,156.25,0,0,1,-152.487,-34.085L-127.072,-28.404A130.208,130.208,0,0,0,-127.902,-24.399Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-152.487,-34.085A156.25,156.25,0,0,1,-151.341,-38.858L-126.118,-32.381A130.208,130.208,0,0,0,-127.072,-28.404Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-151.341,-38.858A156.25,156.25,0,0,1,-150.046,-43.592L-125.038,-36.327A130.208,130.208,0,0,0,-126.118,-32.381Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-150.046,-43.592A156.25,156.25,0,0,1,-148.603,-48.284L-123.835,-40.237A130.208,130.208,0,0,0,-125.038,-36.327Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-148.603,-48.284A156.25,156.25,0,0,1,-147.013,-52.928L-122.511,-44.107A130.208,130.208,0,0,0,-123.835,-40.237Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-147.013,-52.928A156.25,156.25,0,0,1,-145.278,-57.519L-121.065,-47.933A130.208,130.208,0,0,0,-122.511,-44.107Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-145.278,-57.519A156.25,156.25,0,0,1,-143.399,-62.054L-119.499,-51.712A130.208,130.208,0,0,0,-121.065,-47.933Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-143.399,-62.054A156.25,156.25,0,0,1,-141.379,-66.528L-117.816,-55.44A130.208,130.208,0,0,0,-119.499,-51.712Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-141.379,-66.528A156.25,156.25,0,0,1,-139.22,-70.936L-116.016,-59.113A130.208,130.208,0,0,0,-117.816,-55.44Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-139.22,-70.936A156.25,156.25,0,0,1,-136.923,-75.274L-114.102,-62.728A130.208,130.208,0,0,0,-116.016,-59.113Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-136.923,-75.274A156.25,156.25,0,0,1,-134.491,-79.538L-112.076,-66.281A130.208,130.208,0,0,0,-114.102,-62.728Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-134.491,-79.538A156.25,156.25,0,0,1,-131.926,-83.723L-109.939,-69.769A130.208,130.208,0,0,0,-112.076,-66.281Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-131.926,-83.723A156.25,156.25,0,0,1,-129.231,-87.826L-107.693,-73.188A130.208,130.208,0,0,0,-109.939,-69.769Z"
                                                fill="rgb(170, 4, 38)"></path>
                                            <path
                                                d="M-129.231,-87.826A156.25,156.25,0,0,1,-126.409,-91.841L-105.341,-76.535A130.208,130.208,0,0,0,-107.693,-73.188Z"
                                                fill="rgb(174, 9, 38)"></path>
                                            <path
                                                d="M-126.409,-91.841A156.25,156.25,0,0,1,-123.462,-95.767L-102.885,-79.806A130.208,130.208,0,0,0,-105.341,-76.535Z"
                                                fill="rgb(179, 13, 38)"></path>
                                            <path
                                                d="M-123.462,-95.767A156.25,156.25,0,0,1,-120.393,-99.597L-100.327,-82.998A130.208,130.208,0,0,0,-102.885,-79.806Z"
                                                fill="rgb(183, 17, 38)"></path>
                                            <path
                                                d="M-120.393,-99.597A156.25,156.25,0,0,1,-117.205,-103.33L-97.671,-86.108A130.208,130.208,0,0,0,-100.327,-82.998Z"
                                                fill="rgb(188, 22, 38)"></path>
                                            <path
                                                d="M-117.205,-103.33A156.25,156.25,0,0,1,-113.901,-106.96L-94.918,-89.134A130.208,130.208,0,0,0,-97.671,-86.108Z"
                                                fill="rgb(192, 26, 39)"></path>
                                            <path
                                                d="M-113.901,-106.96A156.25,156.25,0,0,1,-110.485,-110.485L-92.071,-92.071A130.208,130.208,0,0,0,-94.918,-89.134Z"
                                                fill="rgb(197, 31, 39)"></path>
                                            <path
                                                d="M-110.485,-110.485A156.25,156.25,0,0,1,-106.96,-113.901L-89.134,-94.918A130.208,130.208,0,0,0,-92.071,-92.071Z"
                                                fill="rgb(201, 35, 39)"></path>
                                            <path
                                                d="M-106.96,-113.901A156.25,156.25,0,0,1,-103.33,-117.205L-86.108,-97.671A130.208,130.208,0,0,0,-89.134,-94.918Z"
                                                fill="rgb(206, 39, 39)"></path>
                                            <path
                                                d="M-103.33,-117.205A156.25,156.25,0,0,1,-99.597,-120.393L-82.998,-100.327A130.208,130.208,0,0,0,-86.108,-97.671Z"
                                                fill="rgb(210, 44, 39)"></path>
                                            <path
                                                d="M-99.597,-120.393A156.25,156.25,0,0,1,-95.767,-123.462L-79.806,-102.885A130.208,130.208,0,0,0,-82.998,-100.327Z"
                                                fill="rgb(215, 48, 39)"></path>
                                            <path
                                                d="M-95.767,-123.462A156.25,156.25,0,0,1,-91.841,-126.409L-76.535,-105.341A130.208,130.208,0,0,0,-79.806,-102.885Z"
                                                fill="rgb(218, 54, 42)"></path>
                                            <path
                                                d="M-91.841,-126.409A156.25,156.25,0,0,1,-87.826,-129.231L-73.188,-107.693A130.208,130.208,0,0,0,-76.535,-105.341Z"
                                                fill="rgb(220, 59, 44)"></path>
                                            <path
                                                d="M-87.826,-129.231A156.25,156.25,0,0,1,-83.723,-131.926L-69.769,-109.939A130.208,130.208,0,0,0,-73.188,-107.693Z"
                                                fill="rgb(223, 65, 47)"></path>
                                            <path
                                                d="M-83.723,-131.926A156.25,156.25,0,0,1,-79.538,-134.491L-66.281,-112.076A130.208,130.208,0,0,0,-69.769,-109.939Z"
                                                fill="rgb(226, 70, 49)"></path>
                                            <path
                                                d="M-79.538,-134.491A156.25,156.25,0,0,1,-75.274,-136.923L-62.728,-114.102A130.208,130.208,0,0,0,-66.281,-112.076Z"
                                                fill="rgb(228, 76, 52)"></path>
                                            <path
                                                d="M-75.274,-136.923A156.25,156.25,0,0,1,-70.936,-139.22L-59.113,-116.016A130.208,130.208,0,0,0,-62.728,-114.102Z"
                                                fill="rgb(231, 81, 54)"></path>
                                            <path
                                                d="M-70.936,-139.22A156.25,156.25,0,0,1,-66.528,-141.379L-55.44,-117.816A130.208,130.208,0,0,0,-59.113,-116.016Z"
                                                fill="rgb(233, 87, 57)"></path>
                                            <path
                                                d="M-66.528,-141.379A156.25,156.25,0,0,1,-62.054,-143.399L-51.712,-119.499A130.208,130.208,0,0,0,-55.44,-117.816Z"
                                                fill="rgb(236, 92, 59)"></path>
                                            <path
                                                d="M-62.054,-143.399A156.25,156.25,0,0,1,-57.519,-145.278L-47.933,-121.065A130.208,130.208,0,0,0,-51.712,-119.499Z"
                                                fill="rgb(239, 98, 62)"></path>
                                            <path
                                                d="M-57.519,-145.278A156.25,156.25,0,0,1,-52.928,-147.013L-44.107,-122.511A130.208,130.208,0,0,0,-47.933,-121.065Z"
                                                fill="rgb(241, 103, 64)"></path>
                                            <path
                                                d="M-52.928,-147.013A156.25,156.25,0,0,1,-48.284,-148.603L-40.237,-123.835A130.208,130.208,0,0,0,-44.107,-122.511Z"
                                                fill="rgb(244, 109, 67)"></path>
                                            <path
                                                d="M-48.284,-148.603A156.25,156.25,0,0,1,-43.592,-150.046L-36.327,-125.038A130.208,130.208,0,0,0,-40.237,-123.835Z"
                                                fill="rgb(245, 115, 70)"></path>
                                            <path
                                                d="M-43.592,-150.046A156.25,156.25,0,0,1,-38.858,-151.341L-32.381,-126.118A130.208,130.208,0,0,0,-36.327,-125.038Z"
                                                fill="rgb(246, 121, 72)"></path>
                                            <path
                                                d="M-38.858,-151.341A156.25,156.25,0,0,1,-34.085,-152.487L-28.404,-127.072A130.208,130.208,0,0,0,-32.381,-126.118Z"
                                                fill="rgb(246, 127, 75)"></path>
                                            <path
                                                d="M-34.085,-152.487A156.25,156.25,0,0,1,-29.278,-153.482L-24.399,-127.902A130.208,130.208,0,0,0,-28.404,-127.072Z"
                                                fill="rgb(247, 133, 78)"></path>
                                            <path
                                                d="M-29.278,-153.482A156.25,156.25,0,0,1,-24.443,-154.326L-20.369,-128.605A130.208,130.208,0,0,0,-24.399,-127.902Z"
                                                fill="rgb(248, 139, 81)"></path>
                                            <path
                                                d="M-24.443,-154.326A156.25,156.25,0,0,1,-19.583,-155.018L-16.319,-129.182A130.208,130.208,0,0,0,-20.369,-128.605Z"
                                                fill="rgb(249, 144, 83)"></path>
                                            <path
                                                d="M-19.583,-155.018A156.25,156.25,0,0,1,-14.704,-155.557L-12.254,-129.63A130.208,130.208,0,0,0,-16.319,-129.182Z"
                                                fill="rgb(250, 150, 86)"></path>
                                            <path
                                                d="M-14.704,-155.557A156.25,156.25,0,0,1,-9.811,-155.942L-8.176,-129.951A130.208,130.208,0,0,0,-12.254,-129.63Z"
                                                fill="rgb(251, 156, 89)"></path>
                                            <path
                                                d="M-9.811,-155.942A156.25,156.25,0,0,1,-4.908,-156.173L-4.09,-130.144A130.208,130.208,0,0,0,-8.176,-129.951Z"
                                                fill="rgb(251, 162, 92)"></path>
                                            <path
                                                d="M-4.908,-156.173A156.25,156.25,0,0,1,0,-156.25L0,-130.208A130.208,130.208,0,0,0,-4.09,-130.144Z"
                                                fill="rgb(252, 168, 94)"></path>
                                            <path
                                                d="M0,-156.25A156.25,156.25,0,0,1,4.908,-156.173L4.09,-130.144A130.208,130.208,0,0,0,0,-130.208Z"
                                                fill="rgb(253, 174, 97)"></path>
                                            <path
                                                d="M4.908,-156.173A156.25,156.25,0,0,1,9.811,-155.942L8.176,-129.951A130.208,130.208,0,0,0,4.09,-130.144Z"
                                                fill="rgb(253, 179, 101)"></path>
                                            <path
                                                d="M9.811,-155.942A156.25,156.25,0,0,1,14.704,-155.557L12.254,-129.63A130.208,130.208,0,0,0,8.176,-129.951Z"
                                                fill="rgb(253, 183, 106)"></path>
                                            <path
                                                d="M14.704,-155.557A156.25,156.25,0,0,1,19.583,-155.018L16.319,-129.182A130.208,130.208,0,0,0,12.254,-129.63Z"
                                                fill="rgb(253, 188, 110)"></path>
                                            <path
                                                d="M19.583,-155.018A156.25,156.25,0,0,1,24.443,-154.326L20.369,-128.605A130.208,130.208,0,0,0,16.319,-129.182Z"
                                                fill="rgb(253, 192, 114)"></path>
                                            <path
                                                d="M24.443,-154.326A156.25,156.25,0,0,1,29.278,-153.482L24.399,-127.902A130.208,130.208,0,0,0,20.369,-128.605Z"
                                                fill="rgb(253, 197, 118)"></path>
                                            <path
                                                d="M29.278,-153.482A156.25,156.25,0,0,1,34.085,-152.487L28.404,-127.072A130.208,130.208,0,0,0,24.399,-127.902Z"
                                                fill="rgb(254, 201, 123)"></path>
                                            <path
                                                d="M34.085,-152.487A156.25,156.25,0,0,1,38.858,-151.341L32.381,-126.118A130.208,130.208,0,0,0,28.404,-127.072Z"
                                                fill="rgb(254, 206, 127)"></path>
                                            <path
                                                d="M38.858,-151.341A156.25,156.25,0,0,1,43.592,-150.046L36.327,-125.038A130.208,130.208,0,0,0,32.381,-126.118Z"
                                                fill="rgb(254, 210, 131)"></path>
                                            <path
                                                d="M43.592,-150.046A156.25,156.25,0,0,1,48.284,-148.603L40.237,-123.835A130.208,130.208,0,0,0,36.327,-125.038Z"
                                                fill="rgb(254, 215, 135)"></path>
                                            <path
                                                d="M48.284,-148.603A156.25,156.25,0,0,1,52.928,-147.013L44.107,-122.511A130.208,130.208,0,0,0,40.237,-123.835Z"
                                                fill="rgb(254, 219, 140)"></path>
                                            <path
                                                d="M52.928,-147.013A156.25,156.25,0,0,1,57.519,-145.278L47.933,-121.065A130.208,130.208,0,0,0,44.107,-122.511Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M57.519,-145.278A156.25,156.25,0,0,1,62.054,-143.399L51.712,-119.499A130.208,130.208,0,0,0,47.933,-121.065Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M62.054,-143.399A156.25,156.25,0,0,1,66.528,-141.379L55.44,-117.816A130.208,130.208,0,0,0,51.712,-119.499Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M66.528,-141.379A156.25,156.25,0,0,1,70.936,-139.22L59.113,-116.016A130.208,130.208,0,0,0,55.44,-117.816Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M70.936,-139.22A156.25,156.25,0,0,1,75.274,-136.923L62.728,-114.102A130.208,130.208,0,0,0,59.113,-116.016Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M75.274,-136.923A156.25,156.25,0,0,1,79.538,-134.491L66.281,-112.076A130.208,130.208,0,0,0,62.728,-114.102Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M79.538,-134.491A156.25,156.25,0,0,1,83.723,-131.926L69.769,-109.939A130.208,130.208,0,0,0,66.281,-112.076Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M83.723,-131.926A156.25,156.25,0,0,1,87.826,-129.231L73.188,-107.693A130.208,130.208,0,0,0,69.769,-109.939Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M87.826,-129.231A156.25,156.25,0,0,1,91.841,-126.409L76.535,-105.341A130.208,130.208,0,0,0,73.188,-107.693Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M91.841,-126.409A156.25,156.25,0,0,1,95.767,-123.462L79.806,-102.885A130.208,130.208,0,0,0,76.535,-105.341Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M95.767,-123.462A156.25,156.25,0,0,1,99.597,-120.393L82.998,-100.327A130.208,130.208,0,0,0,79.806,-102.885Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M99.597,-120.393A156.25,156.25,0,0,1,103.33,-117.205L86.108,-97.671A130.208,130.208,0,0,0,82.998,-100.327Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M103.33,-117.205A156.25,156.25,0,0,1,106.96,-113.901L89.134,-94.918A130.208,130.208,0,0,0,86.108,-97.671Z"
                                                fill="rgb(246, 223, 152)"></path>
                                            <path
                                                d="M106.96,-113.901A156.25,156.25,0,0,1,110.485,-110.485L92.071,-92.071A130.208,130.208,0,0,0,89.134,-94.918Z"
                                                fill="rgb(239, 223, 160)"></path>
                                            <path
                                                d="M110.485,-110.485A156.25,156.25,0,0,1,113.901,-106.96L94.918,-89.134A130.208,130.208,0,0,0,92.071,-92.071Z"
                                                fill="rgb(231, 222, 168)"></path>
                                            <path
                                                d="M113.901,-106.96A156.25,156.25,0,0,1,117.205,-103.33L97.671,-86.108A130.208,130.208,0,0,0,94.918,-89.134Z"
                                                fill="rgb(224, 221, 176)"></path>
                                            <path
                                                d="M117.205,-103.33A156.25,156.25,0,0,1,120.393,-99.597L100.327,-82.998A130.208,130.208,0,0,0,97.671,-86.108Z"
                                                fill="rgb(216, 221, 184)"></path>
                                            <path
                                                d="M120.393,-99.597A156.25,156.25,0,0,1,123.462,-95.767L102.885,-79.806A130.208,130.208,0,0,0,100.327,-82.998Z"
                                                fill="rgb(209, 220, 193)"></path>
                                            <path
                                                d="M123.462,-95.767A156.25,156.25,0,0,1,126.409,-91.841L105.341,-76.535A130.208,130.208,0,0,0,102.885,-79.806Z"
                                                fill="rgb(201, 220, 201)"></path>
                                            <path
                                                d="M126.409,-91.841A156.25,156.25,0,0,1,129.231,-87.826L107.693,-73.188A130.208,130.208,0,0,0,105.341,-76.535Z"
                                                fill="rgb(194, 219, 209)"></path>
                                            <path
                                                d="M129.231,-87.826A156.25,156.25,0,0,1,131.926,-83.723L109.939,-69.769A130.208,130.208,0,0,0,107.693,-73.188Z"
                                                fill="rgb(186, 218, 217)"></path>
                                            <path
                                                d="M131.926,-83.723A156.25,156.25,0,0,1,134.491,-79.538L112.076,-66.281A130.208,130.208,0,0,0,109.939,-69.769Z"
                                                fill="rgb(179, 218, 225)"></path>
                                            <path
                                                d="M134.491,-79.538A156.25,156.25,0,0,1,136.923,-75.274L114.102,-62.728A130.208,130.208,0,0,0,112.076,-66.281Z"
                                                fill="rgb(171, 217, 233)"></path>
                                            <path
                                                d="M136.923,-75.274A156.25,156.25,0,0,1,139.22,-70.936L116.016,-59.113A130.208,130.208,0,0,0,114.102,-62.728Z"
                                                fill="rgb(162, 208, 228)"></path>
                                            <path
                                                d="M139.22,-70.936A156.25,156.25,0,0,1,141.379,-66.528L117.816,-55.44A130.208,130.208,0,0,0,116.016,-59.113Z"
                                                fill="rgb(152, 199, 223)"></path>
                                            <path
                                                d="M141.379,-66.528A156.25,156.25,0,0,1,143.399,-62.054L119.499,-51.712A130.208,130.208,0,0,0,117.816,-55.44Z"
                                                fill="rgb(143, 190, 219)"></path>
                                            <path
                                                d="M143.399,-62.054A156.25,156.25,0,0,1,145.278,-57.519L121.065,-47.933A130.208,130.208,0,0,0,119.499,-51.712Z"
                                                fill="rgb(134, 181, 214)"></path>
                                            <path
                                                d="M145.278,-57.519A156.25,156.25,0,0,1,147.013,-52.928L122.511,-44.107A130.208,130.208,0,0,0,121.065,-47.933Z"
                                                fill="rgb(125, 172, 209)"></path>
                                            <path
                                                d="M147.013,-52.928A156.25,156.25,0,0,1,148.603,-48.284L123.835,-40.237A130.208,130.208,0,0,0,122.511,-44.107Z"
                                                fill="rgb(115, 162, 204)"></path>
                                            <path
                                                d="M148.603,-48.284A156.25,156.25,0,0,1,150.046,-43.592L125.038,-36.327A130.208,130.208,0,0,0,123.835,-40.237Z"
                                                fill="rgb(106, 153, 199)"></path>
                                            <path
                                                d="M150.046,-43.592A156.25,156.25,0,0,1,151.341,-38.858L126.118,-32.381A130.208,130.208,0,0,0,125.038,-36.327Z"
                                                fill="rgb(97, 144, 194)"></path>
                                            <path
                                                d="M151.341,-38.858A156.25,156.25,0,0,1,152.487,-34.085L127.072,-28.404A130.208,130.208,0,0,0,126.118,-32.381Z"
                                                fill="rgb(88, 135, 190)"></path>
                                            <path
                                                d="M152.487,-34.085A156.25,156.25,0,0,1,153.482,-29.278L127.902,-24.399A130.208,130.208,0,0,0,127.072,-28.404Z"
                                                fill="rgb(78, 126, 185)"></path>
                                            <path
                                                d="M153.482,-29.278A156.25,156.25,0,0,1,154.326,-24.443L128.605,-20.369A130.208,130.208,0,0,0,127.902,-24.399Z"
                                                fill="rgb(69, 117, 180)"></path>
                                            <path
                                                d="M154.326,-24.443A156.25,156.25,0,0,1,155.018,-19.583L129.182,-16.319A130.208,130.208,0,0,0,128.605,-20.369Z"
                                                fill="rgb(67, 111, 177)"></path>
                                            <path
                                                d="M155.018,-19.583A156.25,156.25,0,0,1,155.557,-14.704L129.63,-12.254A130.208,130.208,0,0,0,129.182,-16.319Z"
                                                fill="rgb(65, 106, 174)"></path>
                                            <path
                                                d="M155.557,-14.704A156.25,156.25,0,0,1,155.942,-9.811L129.951,-8.176A130.208,130.208,0,0,0,129.63,-12.254Z"
                                                fill="rgb(64, 100, 172)"></path>
                                            <path
                                                d="M155.942,-9.811A156.25,156.25,0,0,1,156.173,-4.908L130.144,-4.09A130.208,130.208,0,0,0,129.951,-8.176Z"
                                                fill="rgb(62, 94, 169)"></path>
                                            <path
                                                d="M156.173,-4.908A156.25,156.25,0,0,1,156.25,0L130.208,0A130.208,130.208,0,0,0,130.144,-4.09Z"
                                                fill="rgb(60, 88, 166)"></path>
                                            <path
                                                d="M156.25,0A156.25,156.25,0,0,1,156.173,4.908L130.144,4.09A130.208,130.208,0,0,0,130.208,0Z"
                                                fill="rgb(58, 83, 163)"></path>
                                            <path
                                                d="M156.173,4.908A156.25,156.25,0,0,1,155.942,9.811L129.951,8.176A130.208,130.208,0,0,0,130.144,4.09Z"
                                                fill="rgb(56, 77, 160)"></path>
                                            <path
                                                d="M155.942,9.811A156.25,156.25,0,0,1,155.557,14.704L129.63,12.254A130.208,130.208,0,0,0,129.951,8.176Z"
                                                fill="rgb(54, 71, 157)"></path>
                                            <path
                                                d="M155.557,14.704A156.25,156.25,0,0,1,155.018,19.583L129.182,16.319A130.208,130.208,0,0,0,129.63,12.254Z"
                                                fill="rgb(53, 65, 155)"></path>
                                            <path
                                                d="M155.018,19.583A156.25,156.25,0,0,1,154.326,24.443L128.605,20.369A130.208,130.208,0,0,0,129.182,16.319Z"
                                                fill="rgb(51, 60, 152)"></path>
                                            <g class="gauge-ticks">
                                                <path d="M0,-130L2.5,-130L0,-155L-2.5,-130Z" class="gauge__tick current"></path>
                                                <path
                                                    d="M-154.198,25.243A156.25,156.25,0,0,1,-154.451,23.643L-128.709,19.702A130.208,130.208,0,0,0,-128.498,21.035Z"
                                                    class="gauge__tick"></path>
                                                <path
                                                    d="M154.451,23.643A156.25,156.25,0,0,1,154.198,25.243L128.498,21.035A130.208,130.208,0,0,0,128.709,19.702Z"
                                                    class="gauge__tick"></path>
                                            </g>

                                            <g class="gauge__needle">

                                                <!-- White path to cover the lower part of the gauge needle -->
                                                <path class="gauge__needle-cover" d="M-5,0L0,-120L5,0"></path>

                                                <!-- blue triangle path for the tip of the gauge needle -->
                                                <path class="gauge__needle-tip" d="M0,-125L5,-125L0,-134L-5,-125Z"></path>
                                            </g>
                                        </g>

                                        <g>
                                            <text class="gauge__tick-label current" text-anchor="start"
                                                style="font-size: 13px;"></text><text class="gauge__tick-label" text-anchor="end"
                                                transform="translate(-159.26474492096597,35.225057487737207)"
                                                style="font-size: 13px;">0</text><text class="gauge__tick-label" text-anchor="start"
                                                transform="translate(159.26474492096594,35.225057487737264)"
                                                style="font-size: 13px;">100</text>
                                        </g>


                                        <g><text class="gauge__metric" text-anchor="middle" alignment-baseline="text-bottom"
                                                dy="-3.8662843068440758px" style="font-size: 77.3257px;"></text></g>
                                    </g>
                                </svg>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        @endif


        @if ( isset($property->propertyImpactDetails->esgScore) ) 
            <div class="col-lg-4 col-md-12 col-sm-12 col-12">
                <div class="ucard esg_ucard_bg graph-2 p-3">

                    <div class="dash-title esg_score_title_color">{{ $strapi_response['esg_score_title'] }}</div> 

                    <div class="single-graph">
                        <div id="graph-container2" class="gl">
                            <div class="score-gauge gauge">
                                <svg class="gauge__plot" preserveAspectRatio="xMidYMid" viewBox="0,0,400,250">
                                    <g transform="translate(200,187.5)">
                                        <g>
                                            <path
                                                d="M-154.326,24.443A156.25,156.25,0,0,1,-155.018,19.583L-129.182,16.319A130.208,130.208,0,0,0,-128.605,20.369Z"
                                                fill="rgb(138, 0, 50)"></path>
                                            <path
                                                d="M-155.018,19.583A156.25,156.25,0,0,1,-155.557,14.704L-129.63,12.254A130.208,130.208,0,0,0,-129.182,16.319Z"
                                                fill="rgb(140, 0, 49)"></path>
                                            <path
                                                d="M-155.557,14.704A156.25,156.25,0,0,1,-155.942,9.811L-129.951,8.176A130.208,130.208,0,0,0,-129.63,12.254Z"
                                                fill="rgb(143, 0, 48)"></path>
                                            <path
                                                d="M-155.942,9.811A156.25,156.25,0,0,1,-156.173,4.908L-130.144,4.09A130.208,130.208,0,0,0,-129.951,8.176Z"
                                                fill="rgb(145, 0, 47)"></path>
                                            <path
                                                d="M-156.173,4.908A156.25,156.25,0,0,1,-156.25,0L-130.208,0A130.208,130.208,0,0,0,-130.144,4.09Z"
                                                fill="rgb(148, 0, 46)"></path>
                                            <path
                                                d="M-156.25,0A156.25,156.25,0,0,1,-156.173,-4.908L-130.144,-4.09A130.208,130.208,0,0,0,-130.208,0Z"
                                                fill="rgb(150, 0, 45)"></path>
                                            <path
                                                d="M-156.173,-4.908A156.25,156.25,0,0,1,-155.942,-9.811L-129.951,-8.176A130.208,130.208,0,0,0,-130.144,-4.09Z"
                                                fill="rgb(153, 0, 43)"></path>
                                            <path
                                                d="M-155.942,-9.811A156.25,156.25,0,0,1,-155.557,-14.704L-129.63,-12.254A130.208,130.208,0,0,0,-129.951,-8.176Z"
                                                fill="rgb(155, 0, 42)"></path>
                                            <path
                                                d="M-155.557,-14.704A156.25,156.25,0,0,1,-155.018,-19.583L-129.182,-16.319A130.208,130.208,0,0,0,-129.63,-12.254Z"
                                                fill="rgb(158, 0, 41)"></path>
                                            <path
                                                d="M-155.018,-19.583A156.25,156.25,0,0,1,-154.326,-24.443L-128.605,-20.369A130.208,130.208,0,0,0,-129.182,-16.319Z"
                                                fill="rgb(160, 0, 40)"></path>
                                            <path
                                                d="M-154.326,-24.443A156.25,156.25,0,0,1,-153.482,-29.278L-127.902,-24.399A130.208,130.208,0,0,0,-128.605,-20.369Z"
                                                fill="rgb(163, 0, 39)"></path>
                                            <path
                                                d="M-153.482,-29.278A156.25,156.25,0,0,1,-152.487,-34.085L-127.072,-28.404A130.208,130.208,0,0,0,-127.902,-24.399Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-152.487,-34.085A156.25,156.25,0,0,1,-151.341,-38.858L-126.118,-32.381A130.208,130.208,0,0,0,-127.072,-28.404Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-151.341,-38.858A156.25,156.25,0,0,1,-150.046,-43.592L-125.038,-36.327A130.208,130.208,0,0,0,-126.118,-32.381Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-150.046,-43.592A156.25,156.25,0,0,1,-148.603,-48.284L-123.835,-40.237A130.208,130.208,0,0,0,-125.038,-36.327Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-148.603,-48.284A156.25,156.25,0,0,1,-147.013,-52.928L-122.511,-44.107A130.208,130.208,0,0,0,-123.835,-40.237Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-147.013,-52.928A156.25,156.25,0,0,1,-145.278,-57.519L-121.065,-47.933A130.208,130.208,0,0,0,-122.511,-44.107Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-145.278,-57.519A156.25,156.25,0,0,1,-143.399,-62.054L-119.499,-51.712A130.208,130.208,0,0,0,-121.065,-47.933Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-143.399,-62.054A156.25,156.25,0,0,1,-141.379,-66.528L-117.816,-55.44A130.208,130.208,0,0,0,-119.499,-51.712Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-141.379,-66.528A156.25,156.25,0,0,1,-139.22,-70.936L-116.016,-59.113A130.208,130.208,0,0,0,-117.816,-55.44Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-139.22,-70.936A156.25,156.25,0,0,1,-136.923,-75.274L-114.102,-62.728A130.208,130.208,0,0,0,-116.016,-59.113Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-136.923,-75.274A156.25,156.25,0,0,1,-134.491,-79.538L-112.076,-66.281A130.208,130.208,0,0,0,-114.102,-62.728Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-134.491,-79.538A156.25,156.25,0,0,1,-131.926,-83.723L-109.939,-69.769A130.208,130.208,0,0,0,-112.076,-66.281Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-131.926,-83.723A156.25,156.25,0,0,1,-129.231,-87.826L-107.693,-73.188A130.208,130.208,0,0,0,-109.939,-69.769Z"
                                                fill="rgb(170, 4, 38)"></path>
                                            <path
                                                d="M-129.231,-87.826A156.25,156.25,0,0,1,-126.409,-91.841L-105.341,-76.535A130.208,130.208,0,0,0,-107.693,-73.188Z"
                                                fill="rgb(174, 9, 38)"></path>
                                            <path
                                                d="M-126.409,-91.841A156.25,156.25,0,0,1,-123.462,-95.767L-102.885,-79.806A130.208,130.208,0,0,0,-105.341,-76.535Z"
                                                fill="rgb(179, 13, 38)"></path>
                                            <path
                                                d="M-123.462,-95.767A156.25,156.25,0,0,1,-120.393,-99.597L-100.327,-82.998A130.208,130.208,0,0,0,-102.885,-79.806Z"
                                                fill="rgb(183, 17, 38)"></path>
                                            <path
                                                d="M-120.393,-99.597A156.25,156.25,0,0,1,-117.205,-103.33L-97.671,-86.108A130.208,130.208,0,0,0,-100.327,-82.998Z"
                                                fill="rgb(188, 22, 38)"></path>
                                            <path
                                                d="M-117.205,-103.33A156.25,156.25,0,0,1,-113.901,-106.96L-94.918,-89.134A130.208,130.208,0,0,0,-97.671,-86.108Z"
                                                fill="rgb(192, 26, 39)"></path>
                                            <path
                                                d="M-113.901,-106.96A156.25,156.25,0,0,1,-110.485,-110.485L-92.071,-92.071A130.208,130.208,0,0,0,-94.918,-89.134Z"
                                                fill="rgb(197, 31, 39)"></path>
                                            <path
                                                d="M-110.485,-110.485A156.25,156.25,0,0,1,-106.96,-113.901L-89.134,-94.918A130.208,130.208,0,0,0,-92.071,-92.071Z"
                                                fill="rgb(201, 35, 39)"></path>
                                            <path
                                                d="M-106.96,-113.901A156.25,156.25,0,0,1,-103.33,-117.205L-86.108,-97.671A130.208,130.208,0,0,0,-89.134,-94.918Z"
                                                fill="rgb(206, 39, 39)"></path>
                                            <path
                                                d="M-103.33,-117.205A156.25,156.25,0,0,1,-99.597,-120.393L-82.998,-100.327A130.208,130.208,0,0,0,-86.108,-97.671Z"
                                                fill="rgb(210, 44, 39)"></path>
                                            <path
                                                d="M-99.597,-120.393A156.25,156.25,0,0,1,-95.767,-123.462L-79.806,-102.885A130.208,130.208,0,0,0,-82.998,-100.327Z"
                                                fill="rgb(215, 48, 39)"></path>
                                            <path
                                                d="M-95.767,-123.462A156.25,156.25,0,0,1,-91.841,-126.409L-76.535,-105.341A130.208,130.208,0,0,0,-79.806,-102.885Z"
                                                fill="rgb(218, 54, 42)"></path>
                                            <path
                                                d="M-91.841,-126.409A156.25,156.25,0,0,1,-87.826,-129.231L-73.188,-107.693A130.208,130.208,0,0,0,-76.535,-105.341Z"
                                                fill="rgb(220, 59, 44)"></path>
                                            <path
                                                d="M-87.826,-129.231A156.25,156.25,0,0,1,-83.723,-131.926L-69.769,-109.939A130.208,130.208,0,0,0,-73.188,-107.693Z"
                                                fill="rgb(223, 65, 47)"></path>
                                            <path
                                                d="M-83.723,-131.926A156.25,156.25,0,0,1,-79.538,-134.491L-66.281,-112.076A130.208,130.208,0,0,0,-69.769,-109.939Z"
                                                fill="rgb(226, 70, 49)"></path>
                                            <path
                                                d="M-79.538,-134.491A156.25,156.25,0,0,1,-75.274,-136.923L-62.728,-114.102A130.208,130.208,0,0,0,-66.281,-112.076Z"
                                                fill="rgb(228, 76, 52)"></path>
                                            <path
                                                d="M-75.274,-136.923A156.25,156.25,0,0,1,-70.936,-139.22L-59.113,-116.016A130.208,130.208,0,0,0,-62.728,-114.102Z"
                                                fill="rgb(231, 81, 54)"></path>
                                            <path
                                                d="M-70.936,-139.22A156.25,156.25,0,0,1,-66.528,-141.379L-55.44,-117.816A130.208,130.208,0,0,0,-59.113,-116.016Z"
                                                fill="rgb(233, 87, 57)"></path>
                                            <path
                                                d="M-66.528,-141.379A156.25,156.25,0,0,1,-62.054,-143.399L-51.712,-119.499A130.208,130.208,0,0,0,-55.44,-117.816Z"
                                                fill="rgb(236, 92, 59)"></path>
                                            <path
                                                d="M-62.054,-143.399A156.25,156.25,0,0,1,-57.519,-145.278L-47.933,-121.065A130.208,130.208,0,0,0,-51.712,-119.499Z"
                                                fill="rgb(239, 98, 62)"></path>
                                            <path
                                                d="M-57.519,-145.278A156.25,156.25,0,0,1,-52.928,-147.013L-44.107,-122.511A130.208,130.208,0,0,0,-47.933,-121.065Z"
                                                fill="rgb(241, 103, 64)"></path>
                                            <path
                                                d="M-52.928,-147.013A156.25,156.25,0,0,1,-48.284,-148.603L-40.237,-123.835A130.208,130.208,0,0,0,-44.107,-122.511Z"
                                                fill="rgb(244, 109, 67)"></path>
                                            <path
                                                d="M-48.284,-148.603A156.25,156.25,0,0,1,-43.592,-150.046L-36.327,-125.038A130.208,130.208,0,0,0,-40.237,-123.835Z"
                                                fill="rgb(245, 115, 70)"></path>
                                            <path
                                                d="M-43.592,-150.046A156.25,156.25,0,0,1,-38.858,-151.341L-32.381,-126.118A130.208,130.208,0,0,0,-36.327,-125.038Z"
                                                fill="rgb(246, 121, 72)"></path>
                                            <path
                                                d="M-38.858,-151.341A156.25,156.25,0,0,1,-34.085,-152.487L-28.404,-127.072A130.208,130.208,0,0,0,-32.381,-126.118Z"
                                                fill="rgb(246, 127, 75)"></path>
                                            <path
                                                d="M-34.085,-152.487A156.25,156.25,0,0,1,-29.278,-153.482L-24.399,-127.902A130.208,130.208,0,0,0,-28.404,-127.072Z"
                                                fill="rgb(247, 133, 78)"></path>
                                            <path
                                                d="M-29.278,-153.482A156.25,156.25,0,0,1,-24.443,-154.326L-20.369,-128.605A130.208,130.208,0,0,0,-24.399,-127.902Z"
                                                fill="rgb(248, 139, 81)"></path>
                                            <path
                                                d="M-24.443,-154.326A156.25,156.25,0,0,1,-19.583,-155.018L-16.319,-129.182A130.208,130.208,0,0,0,-20.369,-128.605Z"
                                                fill="rgb(249, 144, 83)"></path>
                                            <path
                                                d="M-19.583,-155.018A156.25,156.25,0,0,1,-14.704,-155.557L-12.254,-129.63A130.208,130.208,0,0,0,-16.319,-129.182Z"
                                                fill="rgb(250, 150, 86)"></path>
                                            <path
                                                d="M-14.704,-155.557A156.25,156.25,0,0,1,-9.811,-155.942L-8.176,-129.951A130.208,130.208,0,0,0,-12.254,-129.63Z"
                                                fill="rgb(251, 156, 89)"></path>
                                            <path
                                                d="M-9.811,-155.942A156.25,156.25,0,0,1,-4.908,-156.173L-4.09,-130.144A130.208,130.208,0,0,0,-8.176,-129.951Z"
                                                fill="rgb(251, 162, 92)"></path>
                                            <path
                                                d="M-4.908,-156.173A156.25,156.25,0,0,1,0,-156.25L0,-130.208A130.208,130.208,0,0,0,-4.09,-130.144Z"
                                                fill="rgb(252, 168, 94)"></path>
                                            <path
                                                d="M0,-156.25A156.25,156.25,0,0,1,4.908,-156.173L4.09,-130.144A130.208,130.208,0,0,0,0,-130.208Z"
                                                fill="rgb(253, 174, 97)"></path>
                                            <path
                                                d="M4.908,-156.173A156.25,156.25,0,0,1,9.811,-155.942L8.176,-129.951A130.208,130.208,0,0,0,4.09,-130.144Z"
                                                fill="rgb(253, 179, 101)"></path>
                                            <path
                                                d="M9.811,-155.942A156.25,156.25,0,0,1,14.704,-155.557L12.254,-129.63A130.208,130.208,0,0,0,8.176,-129.951Z"
                                                fill="rgb(253, 183, 106)"></path>
                                            <path
                                                d="M14.704,-155.557A156.25,156.25,0,0,1,19.583,-155.018L16.319,-129.182A130.208,130.208,0,0,0,12.254,-129.63Z"
                                                fill="rgb(253, 188, 110)"></path>
                                            <path
                                                d="M19.583,-155.018A156.25,156.25,0,0,1,24.443,-154.326L20.369,-128.605A130.208,130.208,0,0,0,16.319,-129.182Z"
                                                fill="rgb(253, 192, 114)"></path>
                                            <path
                                                d="M24.443,-154.326A156.25,156.25,0,0,1,29.278,-153.482L24.399,-127.902A130.208,130.208,0,0,0,20.369,-128.605Z"
                                                fill="rgb(253, 197, 118)"></path>
                                            <path
                                                d="M29.278,-153.482A156.25,156.25,0,0,1,34.085,-152.487L28.404,-127.072A130.208,130.208,0,0,0,24.399,-127.902Z"
                                                fill="rgb(254, 201, 123)"></path>
                                            <path
                                                d="M34.085,-152.487A156.25,156.25,0,0,1,38.858,-151.341L32.381,-126.118A130.208,130.208,0,0,0,28.404,-127.072Z"
                                                fill="rgb(254, 206, 127)"></path>
                                            <path
                                                d="M38.858,-151.341A156.25,156.25,0,0,1,43.592,-150.046L36.327,-125.038A130.208,130.208,0,0,0,32.381,-126.118Z"
                                                fill="rgb(254, 210, 131)"></path>
                                            <path
                                                d="M43.592,-150.046A156.25,156.25,0,0,1,48.284,-148.603L40.237,-123.835A130.208,130.208,0,0,0,36.327,-125.038Z"
                                                fill="rgb(254, 215, 135)"></path>
                                            <path
                                                d="M48.284,-148.603A156.25,156.25,0,0,1,52.928,-147.013L44.107,-122.511A130.208,130.208,0,0,0,40.237,-123.835Z"
                                                fill="rgb(254, 219, 140)"></path>
                                            <path
                                                d="M52.928,-147.013A156.25,156.25,0,0,1,57.519,-145.278L47.933,-121.065A130.208,130.208,0,0,0,44.107,-122.511Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M57.519,-145.278A156.25,156.25,0,0,1,62.054,-143.399L51.712,-119.499A130.208,130.208,0,0,0,47.933,-121.065Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M62.054,-143.399A156.25,156.25,0,0,1,66.528,-141.379L55.44,-117.816A130.208,130.208,0,0,0,51.712,-119.499Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M66.528,-141.379A156.25,156.25,0,0,1,70.936,-139.22L59.113,-116.016A130.208,130.208,0,0,0,55.44,-117.816Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M70.936,-139.22A156.25,156.25,0,0,1,75.274,-136.923L62.728,-114.102A130.208,130.208,0,0,0,59.113,-116.016Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M75.274,-136.923A156.25,156.25,0,0,1,79.538,-134.491L66.281,-112.076A130.208,130.208,0,0,0,62.728,-114.102Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M79.538,-134.491A156.25,156.25,0,0,1,83.723,-131.926L69.769,-109.939A130.208,130.208,0,0,0,66.281,-112.076Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M83.723,-131.926A156.25,156.25,0,0,1,87.826,-129.231L73.188,-107.693A130.208,130.208,0,0,0,69.769,-109.939Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M87.826,-129.231A156.25,156.25,0,0,1,91.841,-126.409L76.535,-105.341A130.208,130.208,0,0,0,73.188,-107.693Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M91.841,-126.409A156.25,156.25,0,0,1,95.767,-123.462L79.806,-102.885A130.208,130.208,0,0,0,76.535,-105.341Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M95.767,-123.462A156.25,156.25,0,0,1,99.597,-120.393L82.998,-100.327A130.208,130.208,0,0,0,79.806,-102.885Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M99.597,-120.393A156.25,156.25,0,0,1,103.33,-117.205L86.108,-97.671A130.208,130.208,0,0,0,82.998,-100.327Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M103.33,-117.205A156.25,156.25,0,0,1,106.96,-113.901L89.134,-94.918A130.208,130.208,0,0,0,86.108,-97.671Z"
                                                fill="rgb(246, 223, 152)"></path>
                                            <path
                                                d="M106.96,-113.901A156.25,156.25,0,0,1,110.485,-110.485L92.071,-92.071A130.208,130.208,0,0,0,89.134,-94.918Z"
                                                fill="rgb(239, 223, 160)"></path>
                                            <path
                                                d="M110.485,-110.485A156.25,156.25,0,0,1,113.901,-106.96L94.918,-89.134A130.208,130.208,0,0,0,92.071,-92.071Z"
                                                fill="rgb(231, 222, 168)"></path>
                                            <path
                                                d="M113.901,-106.96A156.25,156.25,0,0,1,117.205,-103.33L97.671,-86.108A130.208,130.208,0,0,0,94.918,-89.134Z"
                                                fill="rgb(224, 221, 176)"></path>
                                            <path
                                                d="M117.205,-103.33A156.25,156.25,0,0,1,120.393,-99.597L100.327,-82.998A130.208,130.208,0,0,0,97.671,-86.108Z"
                                                fill="rgb(216, 221, 184)"></path>
                                            <path
                                                d="M120.393,-99.597A156.25,156.25,0,0,1,123.462,-95.767L102.885,-79.806A130.208,130.208,0,0,0,100.327,-82.998Z"
                                                fill="rgb(209, 220, 193)"></path>
                                            <path
                                                d="M123.462,-95.767A156.25,156.25,0,0,1,126.409,-91.841L105.341,-76.535A130.208,130.208,0,0,0,102.885,-79.806Z"
                                                fill="rgb(201, 220, 201)"></path>
                                            <path
                                                d="M126.409,-91.841A156.25,156.25,0,0,1,129.231,-87.826L107.693,-73.188A130.208,130.208,0,0,0,105.341,-76.535Z"
                                                fill="rgb(194, 219, 209)"></path>
                                            <path
                                                d="M129.231,-87.826A156.25,156.25,0,0,1,131.926,-83.723L109.939,-69.769A130.208,130.208,0,0,0,107.693,-73.188Z"
                                                fill="rgb(186, 218, 217)"></path>
                                            <path
                                                d="M131.926,-83.723A156.25,156.25,0,0,1,134.491,-79.538L112.076,-66.281A130.208,130.208,0,0,0,109.939,-69.769Z"
                                                fill="rgb(179, 218, 225)"></path>
                                            <path
                                                d="M134.491,-79.538A156.25,156.25,0,0,1,136.923,-75.274L114.102,-62.728A130.208,130.208,0,0,0,112.076,-66.281Z"
                                                fill="rgb(171, 217, 233)"></path>
                                            <path
                                                d="M136.923,-75.274A156.25,156.25,0,0,1,139.22,-70.936L116.016,-59.113A130.208,130.208,0,0,0,114.102,-62.728Z"
                                                fill="rgb(162, 208, 228)"></path>
                                            <path
                                                d="M139.22,-70.936A156.25,156.25,0,0,1,141.379,-66.528L117.816,-55.44A130.208,130.208,0,0,0,116.016,-59.113Z"
                                                fill="rgb(152, 199, 223)"></path>
                                            <path
                                                d="M141.379,-66.528A156.25,156.25,0,0,1,143.399,-62.054L119.499,-51.712A130.208,130.208,0,0,0,117.816,-55.44Z"
                                                fill="rgb(143, 190, 219)"></path>
                                            <path
                                                d="M143.399,-62.054A156.25,156.25,0,0,1,145.278,-57.519L121.065,-47.933A130.208,130.208,0,0,0,119.499,-51.712Z"
                                                fill="rgb(134, 181, 214)"></path>
                                            <path
                                                d="M145.278,-57.519A156.25,156.25,0,0,1,147.013,-52.928L122.511,-44.107A130.208,130.208,0,0,0,121.065,-47.933Z"
                                                fill="rgb(125, 172, 209)"></path>
                                            <path
                                                d="M147.013,-52.928A156.25,156.25,0,0,1,148.603,-48.284L123.835,-40.237A130.208,130.208,0,0,0,122.511,-44.107Z"
                                                fill="rgb(115, 162, 204)"></path>
                                            <path
                                                d="M148.603,-48.284A156.25,156.25,0,0,1,150.046,-43.592L125.038,-36.327A130.208,130.208,0,0,0,123.835,-40.237Z"
                                                fill="rgb(106, 153, 199)"></path>
                                            <path
                                                d="M150.046,-43.592A156.25,156.25,0,0,1,151.341,-38.858L126.118,-32.381A130.208,130.208,0,0,0,125.038,-36.327Z"
                                                fill="rgb(97, 144, 194)"></path>
                                            <path
                                                d="M151.341,-38.858A156.25,156.25,0,0,1,152.487,-34.085L127.072,-28.404A130.208,130.208,0,0,0,126.118,-32.381Z"
                                                fill="rgb(88, 135, 190)"></path>
                                            <path
                                                d="M152.487,-34.085A156.25,156.25,0,0,1,153.482,-29.278L127.902,-24.399A130.208,130.208,0,0,0,127.072,-28.404Z"
                                                fill="rgb(78, 126, 185)"></path>
                                            <path
                                                d="M153.482,-29.278A156.25,156.25,0,0,1,154.326,-24.443L128.605,-20.369A130.208,130.208,0,0,0,127.902,-24.399Z"
                                                fill="rgb(69, 117, 180)"></path>
                                            <path
                                                d="M154.326,-24.443A156.25,156.25,0,0,1,155.018,-19.583L129.182,-16.319A130.208,130.208,0,0,0,128.605,-20.369Z"
                                                fill="rgb(67, 111, 177)"></path>
                                            <path
                                                d="M155.018,-19.583A156.25,156.25,0,0,1,155.557,-14.704L129.63,-12.254A130.208,130.208,0,0,0,129.182,-16.319Z"
                                                fill="rgb(65, 106, 174)"></path>
                                            <path
                                                d="M155.557,-14.704A156.25,156.25,0,0,1,155.942,-9.811L129.951,-8.176A130.208,130.208,0,0,0,129.63,-12.254Z"
                                                fill="rgb(64, 100, 172)"></path>
                                            <path
                                                d="M155.942,-9.811A156.25,156.25,0,0,1,156.173,-4.908L130.144,-4.09A130.208,130.208,0,0,0,129.951,-8.176Z"
                                                fill="rgb(62, 94, 169)"></path>
                                            <path
                                                d="M156.173,-4.908A156.25,156.25,0,0,1,156.25,0L130.208,0A130.208,130.208,0,0,0,130.144,-4.09Z"
                                                fill="rgb(60, 88, 166)"></path>
                                            <path
                                                d="M156.25,0A156.25,156.25,0,0,1,156.173,4.908L130.144,4.09A130.208,130.208,0,0,0,130.208,0Z"
                                                fill="rgb(58, 83, 163)"></path>
                                            <path
                                                d="M156.173,4.908A156.25,156.25,0,0,1,155.942,9.811L129.951,8.176A130.208,130.208,0,0,0,130.144,4.09Z"
                                                fill="rgb(56, 77, 160)"></path>
                                            <path
                                                d="M155.942,9.811A156.25,156.25,0,0,1,155.557,14.704L129.63,12.254A130.208,130.208,0,0,0,129.951,8.176Z"
                                                fill="rgb(54, 71, 157)"></path>
                                            <path
                                                d="M155.557,14.704A156.25,156.25,0,0,1,155.018,19.583L129.182,16.319A130.208,130.208,0,0,0,129.63,12.254Z"
                                                fill="rgb(53, 65, 155)"></path>
                                            <path
                                                d="M155.018,19.583A156.25,156.25,0,0,1,154.326,24.443L128.605,20.369A130.208,130.208,0,0,0,129.182,16.319Z"
                                                fill="rgb(51, 60, 152)"></path>
                                            <g class="gauge-ticks">
                                                <path d="M0,-130L2.5,-130L0,-155L-2.5,-130Z" class="gauge__tick current"></path>
                                                <path
                                                    d="M-154.198,25.243A156.25,156.25,0,0,1,-154.451,23.643L-128.709,19.702A130.208,130.208,0,0,0,-128.498,21.035Z"
                                                    class="gauge__tick"></path>
                                                <path
                                                    d="M154.451,23.643A156.25,156.25,0,0,1,154.198,25.243L128.498,21.035A130.208,130.208,0,0,0,128.709,19.702Z"
                                                    class="gauge__tick"></path>
                                            </g>

                                            <g class="gauge__needle">

                                                <!-- White path to cover the lower part of the gauge needle -->
                                                <path class="gauge__needle-cover" d="M-5,0L0,-120L5,0"></path>

                                                <!-- blue triangle path for the tip of the gauge needle -->
                                                <path class="gauge__needle-tip" d="M0,-125L5,-125L0,-134L-5,-125Z"></path>
                                            </g>
                                        </g>

                                        <g>
                                            <text class="gauge__tick-label current" text-anchor="start"
                                                style="font-size: 13px;"></text><text class="gauge__tick-label" text-anchor="end"
                                                transform="translate(-159.26474492096597,35.225057487737207)"
                                                style="font-size: 13px;">0</text><text class="gauge__tick-label" text-anchor="start"
                                                transform="translate(159.26474492096594,35.225057487737264)"
                                                style="font-size: 13px;">100</text>
                                        </g>


                                        <g><text class="gauge__metric" text-anchor="middle" alignment-baseline="text-bottom"
                                                dy="-3.8662843068440758px" style="font-size: 77.3257px;"></text></g>
                                    </g>
                                </svg>
                            </div>
                        </div>
                    </div>

                    </div>
            </div>
            @endif


            @if ( isset($property->propertyImpactDetails->coBenefits) ) 
            <div class="col-lg-4 col-md-12 col-sm-12 col-12">
                <div class="ucard circular_ucard_bg graph-2 p-3">

                    <div class="dash-title circular_economy_title_color">{{ $strapi_response['circular_economy_title'] }}</div> 

                    <div class="single-graph">
                        <div id="graph-container3" class="gl">
                            <div class="score-gauge gauge">
                                <svg class="gauge__plot" preserveAspectRatio="xMidYMid" viewBox="0,0,400,250">
                                    <g transform="translate(200,187.5)">
                                        <g>
                                            <path
                                                d="M-154.326,24.443A156.25,156.25,0,0,1,-155.018,19.583L-129.182,16.319A130.208,130.208,0,0,0,-128.605,20.369Z"
                                                fill="rgb(138, 0, 50)"></path>
                                            <path
                                                d="M-155.018,19.583A156.25,156.25,0,0,1,-155.557,14.704L-129.63,12.254A130.208,130.208,0,0,0,-129.182,16.319Z"
                                                fill="rgb(140, 0, 49)"></path>
                                            <path
                                                d="M-155.557,14.704A156.25,156.25,0,0,1,-155.942,9.811L-129.951,8.176A130.208,130.208,0,0,0,-129.63,12.254Z"
                                                fill="rgb(143, 0, 48)"></path>
                                            <path
                                                d="M-155.942,9.811A156.25,156.25,0,0,1,-156.173,4.908L-130.144,4.09A130.208,130.208,0,0,0,-129.951,8.176Z"
                                                fill="rgb(145, 0, 47)"></path>
                                            <path
                                                d="M-156.173,4.908A156.25,156.25,0,0,1,-156.25,0L-130.208,0A130.208,130.208,0,0,0,-130.144,4.09Z"
                                                fill="rgb(148, 0, 46)"></path>
                                            <path
                                                d="M-156.25,0A156.25,156.25,0,0,1,-156.173,-4.908L-130.144,-4.09A130.208,130.208,0,0,0,-130.208,0Z"
                                                fill="rgb(150, 0, 45)"></path>
                                            <path
                                                d="M-156.173,-4.908A156.25,156.25,0,0,1,-155.942,-9.811L-129.951,-8.176A130.208,130.208,0,0,0,-130.144,-4.09Z"
                                                fill="rgb(153, 0, 43)"></path>
                                            <path
                                                d="M-155.942,-9.811A156.25,156.25,0,0,1,-155.557,-14.704L-129.63,-12.254A130.208,130.208,0,0,0,-129.951,-8.176Z"
                                                fill="rgb(155, 0, 42)"></path>
                                            <path
                                                d="M-155.557,-14.704A156.25,156.25,0,0,1,-155.018,-19.583L-129.182,-16.319A130.208,130.208,0,0,0,-129.63,-12.254Z"
                                                fill="rgb(158, 0, 41)"></path>
                                            <path
                                                d="M-155.018,-19.583A156.25,156.25,0,0,1,-154.326,-24.443L-128.605,-20.369A130.208,130.208,0,0,0,-129.182,-16.319Z"
                                                fill="rgb(160, 0, 40)"></path>
                                            <path
                                                d="M-154.326,-24.443A156.25,156.25,0,0,1,-153.482,-29.278L-127.902,-24.399A130.208,130.208,0,0,0,-128.605,-20.369Z"
                                                fill="rgb(163, 0, 39)"></path>
                                            <path
                                                d="M-153.482,-29.278A156.25,156.25,0,0,1,-152.487,-34.085L-127.072,-28.404A130.208,130.208,0,0,0,-127.902,-24.399Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-152.487,-34.085A156.25,156.25,0,0,1,-151.341,-38.858L-126.118,-32.381A130.208,130.208,0,0,0,-127.072,-28.404Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-151.341,-38.858A156.25,156.25,0,0,1,-150.046,-43.592L-125.038,-36.327A130.208,130.208,0,0,0,-126.118,-32.381Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-150.046,-43.592A156.25,156.25,0,0,1,-148.603,-48.284L-123.835,-40.237A130.208,130.208,0,0,0,-125.038,-36.327Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-148.603,-48.284A156.25,156.25,0,0,1,-147.013,-52.928L-122.511,-44.107A130.208,130.208,0,0,0,-123.835,-40.237Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-147.013,-52.928A156.25,156.25,0,0,1,-145.278,-57.519L-121.065,-47.933A130.208,130.208,0,0,0,-122.511,-44.107Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-145.278,-57.519A156.25,156.25,0,0,1,-143.399,-62.054L-119.499,-51.712A130.208,130.208,0,0,0,-121.065,-47.933Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-143.399,-62.054A156.25,156.25,0,0,1,-141.379,-66.528L-117.816,-55.44A130.208,130.208,0,0,0,-119.499,-51.712Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-141.379,-66.528A156.25,156.25,0,0,1,-139.22,-70.936L-116.016,-59.113A130.208,130.208,0,0,0,-117.816,-55.44Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-139.22,-70.936A156.25,156.25,0,0,1,-136.923,-75.274L-114.102,-62.728A130.208,130.208,0,0,0,-116.016,-59.113Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-136.923,-75.274A156.25,156.25,0,0,1,-134.491,-79.538L-112.076,-66.281A130.208,130.208,0,0,0,-114.102,-62.728Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-134.491,-79.538A156.25,156.25,0,0,1,-131.926,-83.723L-109.939,-69.769A130.208,130.208,0,0,0,-112.076,-66.281Z"
                                                fill="rgb(165, 0, 38)"></path>
                                            <path
                                                d="M-131.926,-83.723A156.25,156.25,0,0,1,-129.231,-87.826L-107.693,-73.188A130.208,130.208,0,0,0,-109.939,-69.769Z"
                                                fill="rgb(170, 4, 38)"></path>
                                            <path
                                                d="M-129.231,-87.826A156.25,156.25,0,0,1,-126.409,-91.841L-105.341,-76.535A130.208,130.208,0,0,0,-107.693,-73.188Z"
                                                fill="rgb(174, 9, 38)"></path>
                                            <path
                                                d="M-126.409,-91.841A156.25,156.25,0,0,1,-123.462,-95.767L-102.885,-79.806A130.208,130.208,0,0,0,-105.341,-76.535Z"
                                                fill="rgb(179, 13, 38)"></path>
                                            <path
                                                d="M-123.462,-95.767A156.25,156.25,0,0,1,-120.393,-99.597L-100.327,-82.998A130.208,130.208,0,0,0,-102.885,-79.806Z"
                                                fill="rgb(183, 17, 38)"></path>
                                            <path
                                                d="M-120.393,-99.597A156.25,156.25,0,0,1,-117.205,-103.33L-97.671,-86.108A130.208,130.208,0,0,0,-100.327,-82.998Z"
                                                fill="rgb(188, 22, 38)"></path>
                                            <path
                                                d="M-117.205,-103.33A156.25,156.25,0,0,1,-113.901,-106.96L-94.918,-89.134A130.208,130.208,0,0,0,-97.671,-86.108Z"
                                                fill="rgb(192, 26, 39)"></path>
                                            <path
                                                d="M-113.901,-106.96A156.25,156.25,0,0,1,-110.485,-110.485L-92.071,-92.071A130.208,130.208,0,0,0,-94.918,-89.134Z"
                                                fill="rgb(197, 31, 39)"></path>
                                            <path
                                                d="M-110.485,-110.485A156.25,156.25,0,0,1,-106.96,-113.901L-89.134,-94.918A130.208,130.208,0,0,0,-92.071,-92.071Z"
                                                fill="rgb(201, 35, 39)"></path>
                                            <path
                                                d="M-106.96,-113.901A156.25,156.25,0,0,1,-103.33,-117.205L-86.108,-97.671A130.208,130.208,0,0,0,-89.134,-94.918Z"
                                                fill="rgb(206, 39, 39)"></path>
                                            <path
                                                d="M-103.33,-117.205A156.25,156.25,0,0,1,-99.597,-120.393L-82.998,-100.327A130.208,130.208,0,0,0,-86.108,-97.671Z"
                                                fill="rgb(210, 44, 39)"></path>
                                            <path
                                                d="M-99.597,-120.393A156.25,156.25,0,0,1,-95.767,-123.462L-79.806,-102.885A130.208,130.208,0,0,0,-82.998,-100.327Z"
                                                fill="rgb(215, 48, 39)"></path>
                                            <path
                                                d="M-95.767,-123.462A156.25,156.25,0,0,1,-91.841,-126.409L-76.535,-105.341A130.208,130.208,0,0,0,-79.806,-102.885Z"
                                                fill="rgb(218, 54, 42)"></path>
                                            <path
                                                d="M-91.841,-126.409A156.25,156.25,0,0,1,-87.826,-129.231L-73.188,-107.693A130.208,130.208,0,0,0,-76.535,-105.341Z"
                                                fill="rgb(220, 59, 44)"></path>
                                            <path
                                                d="M-87.826,-129.231A156.25,156.25,0,0,1,-83.723,-131.926L-69.769,-109.939A130.208,130.208,0,0,0,-73.188,-107.693Z"
                                                fill="rgb(223, 65, 47)"></path>
                                            <path
                                                d="M-83.723,-131.926A156.25,156.25,0,0,1,-79.538,-134.491L-66.281,-112.076A130.208,130.208,0,0,0,-69.769,-109.939Z"
                                                fill="rgb(226, 70, 49)"></path>
                                            <path
                                                d="M-79.538,-134.491A156.25,156.25,0,0,1,-75.274,-136.923L-62.728,-114.102A130.208,130.208,0,0,0,-66.281,-112.076Z"
                                                fill="rgb(228, 76, 52)"></path>
                                            <path
                                                d="M-75.274,-136.923A156.25,156.25,0,0,1,-70.936,-139.22L-59.113,-116.016A130.208,130.208,0,0,0,-62.728,-114.102Z"
                                                fill="rgb(231, 81, 54)"></path>
                                            <path
                                                d="M-70.936,-139.22A156.25,156.25,0,0,1,-66.528,-141.379L-55.44,-117.816A130.208,130.208,0,0,0,-59.113,-116.016Z"
                                                fill="rgb(233, 87, 57)"></path>
                                            <path
                                                d="M-66.528,-141.379A156.25,156.25,0,0,1,-62.054,-143.399L-51.712,-119.499A130.208,130.208,0,0,0,-55.44,-117.816Z"
                                                fill="rgb(236, 92, 59)"></path>
                                            <path
                                                d="M-62.054,-143.399A156.25,156.25,0,0,1,-57.519,-145.278L-47.933,-121.065A130.208,130.208,0,0,0,-51.712,-119.499Z"
                                                fill="rgb(239, 98, 62)"></path>
                                            <path
                                                d="M-57.519,-145.278A156.25,156.25,0,0,1,-52.928,-147.013L-44.107,-122.511A130.208,130.208,0,0,0,-47.933,-121.065Z"
                                                fill="rgb(241, 103, 64)"></path>
                                            <path
                                                d="M-52.928,-147.013A156.25,156.25,0,0,1,-48.284,-148.603L-40.237,-123.835A130.208,130.208,0,0,0,-44.107,-122.511Z"
                                                fill="rgb(244, 109, 67)"></path>
                                            <path
                                                d="M-48.284,-148.603A156.25,156.25,0,0,1,-43.592,-150.046L-36.327,-125.038A130.208,130.208,0,0,0,-40.237,-123.835Z"
                                                fill="rgb(245, 115, 70)"></path>
                                            <path
                                                d="M-43.592,-150.046A156.25,156.25,0,0,1,-38.858,-151.341L-32.381,-126.118A130.208,130.208,0,0,0,-36.327,-125.038Z"
                                                fill="rgb(246, 121, 72)"></path>
                                            <path
                                                d="M-38.858,-151.341A156.25,156.25,0,0,1,-34.085,-152.487L-28.404,-127.072A130.208,130.208,0,0,0,-32.381,-126.118Z"
                                                fill="rgb(246, 127, 75)"></path>
                                            <path
                                                d="M-34.085,-152.487A156.25,156.25,0,0,1,-29.278,-153.482L-24.399,-127.902A130.208,130.208,0,0,0,-28.404,-127.072Z"
                                                fill="rgb(247, 133, 78)"></path>
                                            <path
                                                d="M-29.278,-153.482A156.25,156.25,0,0,1,-24.443,-154.326L-20.369,-128.605A130.208,130.208,0,0,0,-24.399,-127.902Z"
                                                fill="rgb(248, 139, 81)"></path>
                                            <path
                                                d="M-24.443,-154.326A156.25,156.25,0,0,1,-19.583,-155.018L-16.319,-129.182A130.208,130.208,0,0,0,-20.369,-128.605Z"
                                                fill="rgb(249, 144, 83)"></path>
                                            <path
                                                d="M-19.583,-155.018A156.25,156.25,0,0,1,-14.704,-155.557L-12.254,-129.63A130.208,130.208,0,0,0,-16.319,-129.182Z"
                                                fill="rgb(250, 150, 86)"></path>
                                            <path
                                                d="M-14.704,-155.557A156.25,156.25,0,0,1,-9.811,-155.942L-8.176,-129.951A130.208,130.208,0,0,0,-12.254,-129.63Z"
                                                fill="rgb(251, 156, 89)"></path>
                                            <path
                                                d="M-9.811,-155.942A156.25,156.25,0,0,1,-4.908,-156.173L-4.09,-130.144A130.208,130.208,0,0,0,-8.176,-129.951Z"
                                                fill="rgb(251, 162, 92)"></path>
                                            <path
                                                d="M-4.908,-156.173A156.25,156.25,0,0,1,0,-156.25L0,-130.208A130.208,130.208,0,0,0,-4.09,-130.144Z"
                                                fill="rgb(252, 168, 94)"></path>
                                            <path
                                                d="M0,-156.25A156.25,156.25,0,0,1,4.908,-156.173L4.09,-130.144A130.208,130.208,0,0,0,0,-130.208Z"
                                                fill="rgb(253, 174, 97)"></path>
                                            <path
                                                d="M4.908,-156.173A156.25,156.25,0,0,1,9.811,-155.942L8.176,-129.951A130.208,130.208,0,0,0,4.09,-130.144Z"
                                                fill="rgb(253, 179, 101)"></path>
                                            <path
                                                d="M9.811,-155.942A156.25,156.25,0,0,1,14.704,-155.557L12.254,-129.63A130.208,130.208,0,0,0,8.176,-129.951Z"
                                                fill="rgb(253, 183, 106)"></path>
                                            <path
                                                d="M14.704,-155.557A156.25,156.25,0,0,1,19.583,-155.018L16.319,-129.182A130.208,130.208,0,0,0,12.254,-129.63Z"
                                                fill="rgb(253, 188, 110)"></path>
                                            <path
                                                d="M19.583,-155.018A156.25,156.25,0,0,1,24.443,-154.326L20.369,-128.605A130.208,130.208,0,0,0,16.319,-129.182Z"
                                                fill="rgb(253, 192, 114)"></path>
                                            <path
                                                d="M24.443,-154.326A156.25,156.25,0,0,1,29.278,-153.482L24.399,-127.902A130.208,130.208,0,0,0,20.369,-128.605Z"
                                                fill="rgb(253, 197, 118)"></path>
                                            <path
                                                d="M29.278,-153.482A156.25,156.25,0,0,1,34.085,-152.487L28.404,-127.072A130.208,130.208,0,0,0,24.399,-127.902Z"
                                                fill="rgb(254, 201, 123)"></path>
                                            <path
                                                d="M34.085,-152.487A156.25,156.25,0,0,1,38.858,-151.341L32.381,-126.118A130.208,130.208,0,0,0,28.404,-127.072Z"
                                                fill="rgb(254, 206, 127)"></path>
                                            <path
                                                d="M38.858,-151.341A156.25,156.25,0,0,1,43.592,-150.046L36.327,-125.038A130.208,130.208,0,0,0,32.381,-126.118Z"
                                                fill="rgb(254, 210, 131)"></path>
                                            <path
                                                d="M43.592,-150.046A156.25,156.25,0,0,1,48.284,-148.603L40.237,-123.835A130.208,130.208,0,0,0,36.327,-125.038Z"
                                                fill="rgb(254, 215, 135)"></path>
                                            <path
                                                d="M48.284,-148.603A156.25,156.25,0,0,1,52.928,-147.013L44.107,-122.511A130.208,130.208,0,0,0,40.237,-123.835Z"
                                                fill="rgb(254, 219, 140)"></path>
                                            <path
                                                d="M52.928,-147.013A156.25,156.25,0,0,1,57.519,-145.278L47.933,-121.065A130.208,130.208,0,0,0,44.107,-122.511Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M57.519,-145.278A156.25,156.25,0,0,1,62.054,-143.399L51.712,-119.499A130.208,130.208,0,0,0,47.933,-121.065Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M62.054,-143.399A156.25,156.25,0,0,1,66.528,-141.379L55.44,-117.816A130.208,130.208,0,0,0,51.712,-119.499Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M66.528,-141.379A156.25,156.25,0,0,1,70.936,-139.22L59.113,-116.016A130.208,130.208,0,0,0,55.44,-117.816Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M70.936,-139.22A156.25,156.25,0,0,1,75.274,-136.923L62.728,-114.102A130.208,130.208,0,0,0,59.113,-116.016Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M75.274,-136.923A156.25,156.25,0,0,1,79.538,-134.491L66.281,-112.076A130.208,130.208,0,0,0,62.728,-114.102Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M79.538,-134.491A156.25,156.25,0,0,1,83.723,-131.926L69.769,-109.939A130.208,130.208,0,0,0,66.281,-112.076Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M83.723,-131.926A156.25,156.25,0,0,1,87.826,-129.231L73.188,-107.693A130.208,130.208,0,0,0,69.769,-109.939Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M87.826,-129.231A156.25,156.25,0,0,1,91.841,-126.409L76.535,-105.341A130.208,130.208,0,0,0,73.188,-107.693Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M91.841,-126.409A156.25,156.25,0,0,1,95.767,-123.462L79.806,-102.885A130.208,130.208,0,0,0,76.535,-105.341Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M95.767,-123.462A156.25,156.25,0,0,1,99.597,-120.393L82.998,-100.327A130.208,130.208,0,0,0,79.806,-102.885Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M99.597,-120.393A156.25,156.25,0,0,1,103.33,-117.205L86.108,-97.671A130.208,130.208,0,0,0,82.998,-100.327Z"
                                                fill="rgb(254, 224, 144)"></path>
                                            <path
                                                d="M103.33,-117.205A156.25,156.25,0,0,1,106.96,-113.901L89.134,-94.918A130.208,130.208,0,0,0,86.108,-97.671Z"
                                                fill="rgb(246, 223, 152)"></path>
                                            <path
                                                d="M106.96,-113.901A156.25,156.25,0,0,1,110.485,-110.485L92.071,-92.071A130.208,130.208,0,0,0,89.134,-94.918Z"
                                                fill="rgb(239, 223, 160)"></path>
                                            <path
                                                d="M110.485,-110.485A156.25,156.25,0,0,1,113.901,-106.96L94.918,-89.134A130.208,130.208,0,0,0,92.071,-92.071Z"
                                                fill="rgb(231, 222, 168)"></path>
                                            <path
                                                d="M113.901,-106.96A156.25,156.25,0,0,1,117.205,-103.33L97.671,-86.108A130.208,130.208,0,0,0,94.918,-89.134Z"
                                                fill="rgb(224, 221, 176)"></path>
                                            <path
                                                d="M117.205,-103.33A156.25,156.25,0,0,1,120.393,-99.597L100.327,-82.998A130.208,130.208,0,0,0,97.671,-86.108Z"
                                                fill="rgb(216, 221, 184)"></path>
                                            <path
                                                d="M120.393,-99.597A156.25,156.25,0,0,1,123.462,-95.767L102.885,-79.806A130.208,130.208,0,0,0,100.327,-82.998Z"
                                                fill="rgb(209, 220, 193)"></path>
                                            <path
                                                d="M123.462,-95.767A156.25,156.25,0,0,1,126.409,-91.841L105.341,-76.535A130.208,130.208,0,0,0,102.885,-79.806Z"
                                                fill="rgb(201, 220, 201)"></path>
                                            <path
                                                d="M126.409,-91.841A156.25,156.25,0,0,1,129.231,-87.826L107.693,-73.188A130.208,130.208,0,0,0,105.341,-76.535Z"
                                                fill="rgb(194, 219, 209)"></path>
                                            <path
                                                d="M129.231,-87.826A156.25,156.25,0,0,1,131.926,-83.723L109.939,-69.769A130.208,130.208,0,0,0,107.693,-73.188Z"
                                                fill="rgb(186, 218, 217)"></path>
                                            <path
                                                d="M131.926,-83.723A156.25,156.25,0,0,1,134.491,-79.538L112.076,-66.281A130.208,130.208,0,0,0,109.939,-69.769Z"
                                                fill="rgb(179, 218, 225)"></path>
                                            <path
                                                d="M134.491,-79.538A156.25,156.25,0,0,1,136.923,-75.274L114.102,-62.728A130.208,130.208,0,0,0,112.076,-66.281Z"
                                                fill="rgb(171, 217, 233)"></path>
                                            <path
                                                d="M136.923,-75.274A156.25,156.25,0,0,1,139.22,-70.936L116.016,-59.113A130.208,130.208,0,0,0,114.102,-62.728Z"
                                                fill="rgb(162, 208, 228)"></path>
                                            <path
                                                d="M139.22,-70.936A156.25,156.25,0,0,1,141.379,-66.528L117.816,-55.44A130.208,130.208,0,0,0,116.016,-59.113Z"
                                                fill="rgb(152, 199, 223)"></path>
                                            <path
                                                d="M141.379,-66.528A156.25,156.25,0,0,1,143.399,-62.054L119.499,-51.712A130.208,130.208,0,0,0,117.816,-55.44Z"
                                                fill="rgb(143, 190, 219)"></path>
                                            <path
                                                d="M143.399,-62.054A156.25,156.25,0,0,1,145.278,-57.519L121.065,-47.933A130.208,130.208,0,0,0,119.499,-51.712Z"
                                                fill="rgb(134, 181, 214)"></path>
                                            <path
                                                d="M145.278,-57.519A156.25,156.25,0,0,1,147.013,-52.928L122.511,-44.107A130.208,130.208,0,0,0,121.065,-47.933Z"
                                                fill="rgb(125, 172, 209)"></path>
                                            <path
                                                d="M147.013,-52.928A156.25,156.25,0,0,1,148.603,-48.284L123.835,-40.237A130.208,130.208,0,0,0,122.511,-44.107Z"
                                                fill="rgb(115, 162, 204)"></path>
                                            <path
                                                d="M148.603,-48.284A156.25,156.25,0,0,1,150.046,-43.592L125.038,-36.327A130.208,130.208,0,0,0,123.835,-40.237Z"
                                                fill="rgb(106, 153, 199)"></path>
                                            <path
                                                d="M150.046,-43.592A156.25,156.25,0,0,1,151.341,-38.858L126.118,-32.381A130.208,130.208,0,0,0,125.038,-36.327Z"
                                                fill="rgb(97, 144, 194)"></path>
                                            <path
                                                d="M151.341,-38.858A156.25,156.25,0,0,1,152.487,-34.085L127.072,-28.404A130.208,130.208,0,0,0,126.118,-32.381Z"
                                                fill="rgb(88, 135, 190)"></path>
                                            <path
                                                d="M152.487,-34.085A156.25,156.25,0,0,1,153.482,-29.278L127.902,-24.399A130.208,130.208,0,0,0,127.072,-28.404Z"
                                                fill="rgb(78, 126, 185)"></path>
                                            <path
                                                d="M153.482,-29.278A156.25,156.25,0,0,1,154.326,-24.443L128.605,-20.369A130.208,130.208,0,0,0,127.902,-24.399Z"
                                                fill="rgb(69, 117, 180)"></path>
                                            <path
                                                d="M154.326,-24.443A156.25,156.25,0,0,1,155.018,-19.583L129.182,-16.319A130.208,130.208,0,0,0,128.605,-20.369Z"
                                                fill="rgb(67, 111, 177)"></path>
                                            <path
                                                d="M155.018,-19.583A156.25,156.25,0,0,1,155.557,-14.704L129.63,-12.254A130.208,130.208,0,0,0,129.182,-16.319Z"
                                                fill="rgb(65, 106, 174)"></path>
                                            <path
                                                d="M155.557,-14.704A156.25,156.25,0,0,1,155.942,-9.811L129.951,-8.176A130.208,130.208,0,0,0,129.63,-12.254Z"
                                                fill="rgb(64, 100, 172)"></path>
                                            <path
                                                d="M155.942,-9.811A156.25,156.25,0,0,1,156.173,-4.908L130.144,-4.09A130.208,130.208,0,0,0,129.951,-8.176Z"
                                                fill="rgb(62, 94, 169)"></path>
                                            <path
                                                d="M156.173,-4.908A156.25,156.25,0,0,1,156.25,0L130.208,0A130.208,130.208,0,0,0,130.144,-4.09Z"
                                                fill="rgb(60, 88, 166)"></path>
                                            <path
                                                d="M156.25,0A156.25,156.25,0,0,1,156.173,4.908L130.144,4.09A130.208,130.208,0,0,0,130.208,0Z"
                                                fill="rgb(58, 83, 163)"></path>
                                            <path
                                                d="M156.173,4.908A156.25,156.25,0,0,1,155.942,9.811L129.951,8.176A130.208,130.208,0,0,0,130.144,4.09Z"
                                                fill="rgb(56, 77, 160)"></path>
                                            <path
                                                d="M155.942,9.811A156.25,156.25,0,0,1,155.557,14.704L129.63,12.254A130.208,130.208,0,0,0,129.951,8.176Z"
                                                fill="rgb(54, 71, 157)"></path>
                                            <path
                                                d="M155.557,14.704A156.25,156.25,0,0,1,155.018,19.583L129.182,16.319A130.208,130.208,0,0,0,129.63,12.254Z"
                                                fill="rgb(53, 65, 155)"></path>
                                            <path
                                                d="M155.018,19.583A156.25,156.25,0,0,1,154.326,24.443L128.605,20.369A130.208,130.208,0,0,0,129.182,16.319Z"
                                                fill="rgb(51, 60, 152)"></path>
                                            <g class="gauge-ticks">
                                                <path d="M0,-130L2.5,-130L0,-155L-2.5,-130Z" class="gauge__tick current"></path>
                                                <path
                                                    d="M-154.198,25.243A156.25,156.25,0,0,1,-154.451,23.643L-128.709,19.702A130.208,130.208,0,0,0,-128.498,21.035Z"
                                                    class="gauge__tick"></path>
                                                <path
                                                    d="M154.451,23.643A156.25,156.25,0,0,1,154.198,25.243L128.498,21.035A130.208,130.208,0,0,0,128.709,19.702Z"
                                                    class="gauge__tick"></path>
                                            </g>

                                            <g class="gauge__needle">

                                                <!-- White path to cover the lower part of the gauge needle -->
                                                <path class="gauge__needle-cover" d="M-5,0L0,-120L5,0"></path>

                                                <!-- blue triangle path for the tip of the gauge needle -->
                                                <path class="gauge__needle-tip" d="M0,-125L5,-125L0,-134L-5,-125Z"></path>
                                            </g>
                                        </g>

                                        <g>
                                            <text class="gauge__tick-label current" text-anchor="start"
                                                style="font-size: 13px;"></text><text class="gauge__tick-label" text-anchor="end"
                                                transform="translate(-159.26474492096597,35.225057487737207)"
                                                style="font-size: 13px;">0</text><text class="gauge__tick-label" text-anchor="start"
                                                transform="translate(159.26474492096594,35.225057487737264)"
                                                style="font-size: 13px;">100</text>
                                        </g>


                                        <g><text class="gauge__metric" text-anchor="middle" alignment-baseline="text-bottom"
                                                dy="-3.8662843068440758px" style="font-size: 77.3257px;"></text></g>
                                    </g>
                                </svg>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            @endif

        </div>

    </div>
</section>



@if ( ( isset($property->propertyImpactDetails->icon1) ) || 
      ( isset($property->propertyImpactDetails->value1) ) || 
      ( isset($property->propertyImpactDetails->header1) ) || 
      ( isset($property->propertyImpactDetails->icon2) ) || 
      ( isset($property->propertyImpactDetails->value2) ) || 
      ( isset($property->propertyImpactDetails->header2) ) || 
      ( isset($property->propertyImpactDetails->icon3) ) || 
      ( isset($property->propertyImpactDetails->value3) ) || 
      ( isset($property->propertyImpactDetails->header3) ) 

    )
<section class="section prop-sec-bg-white property-counter-score">
    <div class="container">
        <div class="row">


        @if ( ( isset($property->propertyImpactDetails->icon1) ) || 
              ( isset($property->propertyImpactDetails->value1) ) || 
              ( isset($property->propertyImpactDetails->header1) ) 
        )

            <div class="col-md-4">
                <div class="ucard counter-div counter_1_bg">

                    <div class="">
                        <span class="icon">
                            @if ( isset($property->propertyImpactDetails->icon1) ) 
                            <img src="{{ @img($property->propertyImpactDetails->icon1) }}">
                            @else
                            <img src="{{asset('assets/images/icons/logo-top.png')}}">
                            @endif
                        </span>
                        

                        @if ( isset($property->propertyImpactDetails->value1) ) 
                        <h3 class="offering-tab-title counter_1_big_label_color">{{ number_format($property->propertyImpactDetails->value1) }}</h3>
                        @else
                        <h3 class="offering-tab-title">&nbsp;</h3>
                        @endif

                        @if ( isset($property->propertyImpactDetails->header1) ) 
                        <p class="count-text counter_1_small_label_color">{{ $property->propertyImpactDetails->header1 }}</p>
                        @else
                        <p class="count-text">&nbsp;</p>
                        @endif
                    </div>

                </div>
            </div>
            @endif


            @if ( ( isset($property->propertyImpactDetails->icon2) ) || 
              ( isset($property->propertyImpactDetails->value2) ) || 
              ( isset($property->propertyImpactDetails->header2) ) 
            )
            <div class="col-md-4">
                <div class="ucard counter-div counter_2_bg">
                    <div class="">
                        <span class="icon">
                            @if ( isset($property->propertyImpactDetails->icon2) ) 
                            <img src="{{ @img($property->propertyImpactDetails->icon2) }}">
                            @else
                            <img src="{{asset('assets/images/icons/logo-top.png')}}">
                            @endif
                        </span>
                        

                        @if ( isset($property->propertyImpactDetails->value2) ) 
                        <h3 class="offering-tab-title counter_2_big_label_color">{{ number_format($property->propertyImpactDetails->value2) }}</h3>
                        @else
                        <h3 class="offering-tab-title">&nbsp;</h3>
                        @endif

                        @if ( isset($property->propertyImpactDetails->header2) ) 
                        <p class="count-text counter_2_small_label_color">{{ $property->propertyImpactDetails->header2 }}</p>
                        @else
                        <p class="count-text">&nbsp;</p>
                        @endif
                    </div>
                </div>
            </div>
            @endif


            @if ( ( isset($property->propertyImpactDetails->icon3) ) || 
              ( isset($property->propertyImpactDetails->value3) ) || 
              ( isset($property->propertyImpactDetails->header3) ) 
            )
            <div class="col-md-4">
                <div class="ucard counter-div counter_3_bg">
                <div class="">
                        <span class="icon">
                            @if ( isset($property->propertyImpactDetails->icon3) ) 
                            <img src="{{ @img($property->propertyImpactDetails->icon3) }}">
                            @else
                            <img src="{{asset('assets/images/icons/logo-top.png')}}">
                            @endif
                        </span>
                        

                        @if ( isset($property->propertyImpactDetails->value3) ) 
                        <h3 class="offering-tab-title counter_3_big_label_color">${{ number_format($property->propertyImpactDetails->value3) }}</h3>
                        @else
                        <h3 class="offering-tab-title">&nbsp;</h3>
                        @endif

                        @if ( isset($property->propertyImpactDetails->header3) ) 
                        <p class="count-text counter_3_small_label_color">{{ $property->propertyImpactDetails->header3 }}</p>
                        @else
                        <p class="count-text">&nbsp;</p>
                        @endif
                    </div>
                </div>
            </div>
            @endif

        </div>
    </div>

</section>
@endif



<!-- Details -->
@php
$tab_counter = 0;
$document_tab = 0;
if ( (isset($property->investor)) || (isset($property->titlereport)) || (isset($property->termsheet)) || (isset($property->propertyUpdatesDoc)) ) {
    $document_tab = 1;
    $tab_counter++;
}

$media_tab = 0;
if ($property_images_count > 0 ) {
    $media_tab = 1;
    $tab_counter++;
}

$mgmt_members_tab = 0;
if ($mgmt_members_count > 0) {
    $mgmt_members_tab = 1;
    $tab_counter++;
}

$updates_tab = 0;
if ($updates_count > 0) {
    $updates_tab = 1;
    $tab_counter++;
}


$website_tab = 0;
if ( $property->websiteLink != '') {
    $website_tab = 1;
    $tab_counter++;
}


$owner_tab = 1;
//if ($owner_count > 0) {
    //$updates_tab = 1;
    $tab_counter++;
//}


$overview_tab = 1;
if ( ($document_tab == 1) || ($media_tab == 1) || ($mgmt_members_tab == 1) || ($updates_tab == 1) ||
($website_tab == 1)  || ($owner_tab == 1) ) {
    $overview_tab = 1;
    $tab_counter++;
}




$css_col_size = 'col-lg-7';
if ($tab_counter == 5) {
    $css_col_size = 'col-lg-8';
}
else if ($tab_counter > 5) {
    $css_col_size = 'col-lg-10';
}

@endphp


<section class="section prop-sec-bg-white">
    <div class="container">
        <div class="row justify-content-center">
            <div class="{{@$css_col_size}} col-md-12 col-sm-12 col-12">

                @if (Auth::check())

                @if ($overview_tab == 1)
                <div class="offerings-filters-mobile offering-tabs-mobile">
                    <div class="current-filter">
                        <span class="icon">
                        <img src="{{ $hostnm . $strapi_response['overview_tab_icon']['data']['attributes']['url'] }}" alt="{{ $strapi_response['overview_tab_icon']['data']['attributes']['alternativeText'] }}"
                            title="{{ $strapi_response['overview_tab_icon']['data']['attributes']['alternativeText'] }}">
                        </span>
                        <span class="title">{{ $strapi_response['overview_title_text'] }}</span>
                    </div>
                    <span class="ic-filter"></span>
                </div>
                @endif


                <div class="offering-modal-mobile">

                    <div class="offerings-filters offering-tabs">



                        <span class="close-filter-mobile"></span>

                        @if ($overview_tab == 1)
                        <a href="javascript:;" class="items active" data-retrive="overview">
                            <span class="icon">
                            <img src="{{ $hostnm . $strapi_response['overview_tab_icon']['data']['attributes']['url'] }}" alt="{{ $strapi_response['overview_tab_icon']['data']['attributes']['alternativeText'] }}"
                                title="{{ $strapi_response['overview_tab_icon']['data']['attributes']['alternativeText'] }}">
                            </span>
                            <span class="title">{{ $strapi_response['overview_title_text'] }}</span>
                        </a>
                        @endif


                        @if ($document_tab == 1)
                        <a href="javascript:;" class="items" data-retrive="document">
                            <span class="icon">
                            <img src="{{ $hostnm . $strapi_response['documents_tab_icon']['data']['attributes']['url'] }}" alt="{{ $strapi_response['documents_tab_icon']['data']['attributes']['alternativeText'] }}"
                                title="{{ $strapi_response['documents_tab_icon']['data']['attributes']['alternativeText'] }}">
                            </span>
                            <span class="title">{{ $strapi_response['documents_title_text'] }}</span>
                        </a>
                        @endif

                        @if ($media_tab == 1)
                        <a href="javascript:;" class="items" data-retrive="media">
                            <span class="icon">
                                <img src="{{ $hostnm . $strapi_response['media_tab_icon']['data']['attributes']['url'] }}" alt="{{ $strapi_response['media_tab_icon']['data']['attributes']['alternativeText'] }}"
                                    title="{{ $strapi_response['media_tab_icon']['data']['attributes']['alternativeText'] }}">
                            </span>
                            <span class="title">{{ $strapi_response['media_title_text'] }}</span>
                        </a>
                        @endif

                        @if ($mgmt_members_tab == 1)
                        <a href="javascript:;" class="items" data-retrive="managementTeam">
                            <span class="icon">
                            <img src="{{ $hostnm . $strapi_response['management_tab_icon']['data']['attributes']['url'] }}" alt="{{ $strapi_response['management_tab_icon']['data']['attributes']['alternativeText'] }}"
                                    title="{{ $strapi_response['management_tab_icon']['data']['attributes']['alternativeText'] }}">
                            </span>
                            <span class="title">{{ $strapi_response['management_team_title_text'] }}</span>
                        </a>
                        @endif

                        @if ($updates_tab == 1)
                        <a href="javascript:;" class="items" data-retrive="updates">
                            <span class="icon">
                                <img src="{{ $hostnm . $strapi_response['updates_tab_icon']['data']['attributes']['url'] }}" alt="{{ $strapi_response['updates_tab_icon']['data']['attributes']['alternativeText'] }}"
                                    title="{{ $strapi_response['updates_tab_icon']['data']['attributes']['alternativeText'] }}">
                            </span>
                            <span class="title">{{ $strapi_response['updates_title_text'] }}</span>
                        </a>
                        @endif

                        @if ($website_tab == 1)
                        <a href="javascript:;" class="items" data-retrive="website">
                            <span class="icon">
                                <img src="{{ $hostnm . $strapi_response['website_tab_icon']['data']['attributes']['url'] }}" alt="{{ $strapi_response['website_tab_icon']['data']['attributes']['alternativeText'] }}"
                                    title="{{ $strapi_response['website_tab_icon']['data']['attributes']['alternativeText'] }}">
                            </span>
                            <span class="title">{{ $strapi_response['website_title_text'] }}</span>
                        </a>
                        @endif


                    

                    </div>
                </div>

                @endif

            </div>
        </div>


        <div class="row offering-tabs-details live" id="overview">
            <div class="col-12">
                <div class="offering-tab-title">{{ $strapi_response['overview_title_text'] }}</div>
                <span class="section-details">
                    {!! nl2br(@$property->propertyOverview) !!}
                </span>
            </div>

            @if($property->propertyHighlights != '')
            <div class="col-12">
                <div class="offering-tab-title">Highlights</div>
                <span class="section-details">
                    {!! nl2br(@$property->propertyHighlights) !!}
                </span>
            </div>
            @endif

        </div>


        @if ($document_tab == 1)
        <div class="row offering-tabs-details" id="document">
            <div class="col-12">
                <div class="offering-tab-title">{{ $strapi_response['documents_title_text'] }}</div>
                <div class="row">


                    @if(isset($property->investor))
                    <div class="col-lg-4 col-md-6 col-sm-12 mb-4">
                        <a href="{{ @img($property->investor) }}" class="pdf" target="_blank">{{ $strapi_response['doc_tab_project_desc'] }}</a>
                    </div>
                    @endif


                    @if(isset($property->titlereport))
                    <div class="col-lg-4 col-md-6 col-sm-12 mb-4">
                        <a href="{{ @img($property->titlereport) }}" class="pdf" target="_blank">{{ $strapi_response['doc_tab_financials'] }}</a>
                    </div>
                    @endif


                    @if(isset($property->propertyUpdatesDoc))
                    <div class="col-lg-4 col-md-6 col-sm-12 mb-4">
                        <a href="{{ @img($property->propertyUpdatesDoc) }}" class="pdf" target="_blank">{{ $strapi_response['doc_tab_additional_info'] }}</a>
                    </div>
                    @endif


                    @if(isset($property->termsheet))
                    <div class="col-lg-4 col-md-6 col-sm-12 mb-4">
                        <a href="javascript:;" data-website="" data-url="{{ @img($property->termsheet) }}"
                            class="popupmodal video">
                            <video width="400px" src="{{ @img($property->termsheet) }}"></video>
                        </a>
                    </div>
                    @endif


                </div>
            </div>
        </div>
        @endif


        @if ($media_tab == 1)
        <div class="row offering-tabs-details" id="media">
            <div class="col-12">
                <div class="offering-tab-title">{{ $strapi_response['media_title_text'] }}</div>


                <div id="media-slider" class="row owl-carousel pt-3 mt-md-0 mt-sm-4 mt-4">
                    @php
                    $sl =0;
                    @endphp
                    @foreach(@$property->propertyImages as $image)
                    @if ( ($image->image == "") && ($image->header == "") &&
                    ($image->media_link == "") && ($image->description == "") )
                    @else

                    @if(pathinfo($image->image, PATHINFO_EXTENSION) != 'mp4')
                    <div class="col-lg-12 col-md-12 col-sm-12 col-12 pm-0" data-slide-index="{{$sl}}">
                        <div class="ucard teams popupmodal" data-url="{{ @img($image->image) }}"
                            data-title="{{ $image->header }}" data-website="{{ $image->media_link }}"
                            data-desc="{{ $image->description }}">
                            <div class="icon">
                                <img src="{{ @img($image->image) }}">
                            </div>
                        </div>
                    </div>
                    @else
                    <div class="col-lg-12 col-md-12 col-sm-12 col-12 pm-0" data-slide-index="{{$sl}}">
                        <div class="ucard teams popupmodal video" data-url="{{ @img($image->image) }}"
                            data-title="{{ $image->header }}" data-website="{{ $image->media_link }}"
                            data-desc="{{ $image->description }}">
                            <div class="icon">
                                <video>
                                    <source id="videourl" src="{{ @img($image->image) }}" type="video/mp4">
                                </video>
                            </div>
                        </div>
                    </div>
                    @endif
                        @php
                        $sl =0;
                        @endphp
                    @endif

                    @endforeach

                </div>
            </div>
        </div>
        @endif
        

        @if ($mgmt_members_tab == 1)
        <div class="row offering-tabs-details" id="managementTeam">
            <div class="col-12">
                <div class="offering-tab-title">{{ $strapi_response['management_team_title_text'] }}</div>


                <div id="teams-slider" class="row owl-carousel pt-3 mt-md-0 mt-sm-4 mt-4">

                    @php
                    $sl =0;
                    @endphp
                    @foreach(@$property->members as $member)
                    @if ( ($member->memberName == "") && ($member->memberPic == "") &&
                    ($member->memberPosition == "") && ($member->memberDescription == "") )
                    @else
                    <div class="col-lg-12 col-md-12 col-sm-12 col-12 pm-0" data-slide-index="{{$sl}}">
                        <div class="ucard teams" data-image="{{ img(@$member->memberPic) }}"
                            data-name="{{ @$member->memberName }}" data-designation="{{ @$member->memberPosition }}"
                            data-desc="{{ @$member->memberDescription }}">
                            <div class="icon">
                                <img src="{{ img(@$member->memberPic) }}">
                            </div>
                            <div class="body">
                                <span class="title">
                                    {{ @$member->memberName }}
                                </span>
                                <span class="description">
                                    {{ @$member->memberPosition }}
                                </span>
                            </div>
                        </div>
                    </div>
                            @php
                            $sl++;
                            @endphp
                    @endif
                    @endforeach



                </div>
            </div>
        </div>
        @endif


        @if ($updates_tab == 1)
        <div class="row offering-tabs-details" id="updates">
            <div class="col-12">
                <div class="offering-tab-title">{{ $strapi_response['updates_title_text'] }}</div>



                <div class="offering-update">

                    <div id="offering-update" class="owl-carousel">

                        @if(!@empty($property->updates))
                            @php
                            $sl =0;
                            @endphp
                        @foreach ($property->updates as $key => $update)

                        @if(($key % 2) == 0)
                        @php
                        $class = 'even';
                        @endphp
                        @else
                        @php
                        $class = '';
                        @endphp
                        @endif

                        @if( ($update->date != '') || ($update->description != '') )
                        <div class="milestone {{ @$class }}" data-slide-index="{{$sl}}">

                            <div class="icon">
                                @if($update->date == '')
                                    <span>-</span>
                                @else
                                <span>{{ @date('d', strtotime($update->date)) }} {{ @date('M', strtotime($update->date))
                                    }} {{ @date('y', strtotime($update->date)) }}</span>
                                @endif
                            </div>
                            @if($update->description == '')
                            <div class="token">
                                <span class="title">-</span>
                            </div>
                            @else
                            <div class="token">
                                <span class="title">{{ @$update->description }}</span>
                            </div>
                            @endif
                        </div>

                                @php
                                $sl++;
                                @endphp
                        @endif

                        @endforeach
                        @endempty

                    </div>
                </div>
            </div>
        </div>
        @endif


        @if ($website_tab == 1)
        <div class="row offering-tabs-details" id="website">
            <div class="col-12">
                <div class="offering-tab-title">{{ $strapi_response['website_title_text'] }}</div>

                <span class="section-details">
                    <a class="btn center btn-blue" target="_blank" href="{{ @$property->websiteLink }}">{{ $strapi_response['visit_website_button_label'] }}</a>
                </span>

            </div>
        </div>
        @endif


    </div>
</section>



<!-- Profiler modal -->
<div class="profiler-modal">
    <div class="profiler-modal-holder">
        <button class="ic-close">
            <img src="{{asset('assets/images/icons/ic-cross.svg')}}">
        </button>
        <div class="row">
            <div class="col-lg-5">
                <span class="profiler-image"></span>
            </div>
            <div class="col-lg-7">
                <span class="profiler-title"></span>
                <span class="profiler-designation"></span>
                <span class="profiler-description"></span>
            </div>
        </div>
    </div>
</div>


<!-- Media modal -->
<div class="image-video-modal">
    <div class="modal-holder">
        <button class="ic-close">
            <img src="{{asset('assets/images/icons/ic-cross.svg')}}">
        </button>
        <div class="row">
            <div class="col-lg-7 col-md-12 col-sm-12 col-12" id="mediadata">
            </div>
            <div class="col-lg-5 col-md-12 col-sm-12 col-12" id="mediatext">
                <span class="media-title"></span>
                <span class="media-website"></span>
                <span class="media-description"></span>
            </div>
        </div>
    </div>
</div>


<!--Impact modal -->
<div id="impact-modal" class="image-video-modal_impact">
    <div class="modal-holder">
        <button class="ic-close close">
            <img src="{{asset('assets/images/icons/ic-cross.svg')}}">
        </button>
        <div class="row">
            <div class="col-lg-7 col-md-12 col-sm-12 col-12">
                <div id="modalImage" ></div>
            </div>
            <div class="col-lg-5 col-md-12 col-sm-12 col-12" id="mediatext">
                <span class="media-title" id="modalHeading"></span>
                <span class="media-website" id='modalLink'></span>
                <span class="media-description"  id="modalDescription"></span>
            </div>
        </div>      
    </div>
</div>

<!--Impact modal -->


@endsection


@section('scripts')
<script src="{{asset('assets/js/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('assets/js/dataTables.bootstrap5.min.js')}}"></script>

<script src="https://cdn.datatables.net/buttons/2.3.2/js/dataTables.buttons.min.js" type="text/javascript"></script>
<script src="https://cdn.datatables.net/buttons/2.3.2/js/buttons.bootstrap5.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js" type="text/javascript"></script>
<script src="https://cdn.datatables.net/buttons/2.3.2/js/buttons.html5.min.js" type="text/javascript"></script>


<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    var slideid5 = 'media-slider';
    callcarousel(slideid5);

    var slideid6 = 'teams-slider';
    callcarousel(slideid6);

    var slideid7 = 'offering-update';
    callcarousel(slideid7);
});
</script>


<script src="{{asset('assets/js/d3min.js')}}"></script>
<script src="{{asset('assets/js/draw.js')}}"></script>
<script src="{{asset('assets/js/jquery.waypoints.min.js')}}"></script>


<script type="text/javascript">
$(document).ready(function(){
  $('[data-toggle="tooltip"]').tooltip();
});

@php
if($impact_graph_data==""){
@endphp
var data = "";
@php
}else{
@endphp
var data = {!! $impact_graph_data !!};
@php
}
@endphp


if (data!=""){
const initialMeanScore = data.reduce((sum, d) => sum + (d.score * d.weight), 0) / data.reduce((sum, d) => sum + d.weight, 0);


data.forEach((d, index) => {
    d.id = d.id;
    d.order = +d.order;
    d.color = d.color;
    d.weight = +d.weight;
    d.score = +d.score;
    d.width = +d.weight;
    d.label = d.label;
    d.label_img = d.label_img;

    // Generate a safe class name for the label
    const labelClass = `label-${index}`;
    const listItem = dataList.append("li")
        .attr("data-id", d.id)
        .attr("data-toggle", "tooltip")
        .attr("title", d.label)
        .attr("score" , d.score)
        .attr("class", `list-item ${labelClass}`);

    const img = listItem
        .append("img")
        .attr("src", d.label_img)
        .attr("class", "list-item-image"); 
        
        
    // Set list item color to the corresponding color
    listItem.style("color", "#ffffff");
    listItem.style("background-color", d.color);

    // Add event listeners for list items to handle hover events
    listItem.on('mouseover', function () {
      const listItem = d3.select(this);
      const dataId = listItem.attr("data-id");
      const correspondingPath = svg.selectAll(".solidArc")
        .filter(d => d.data.id === dataId);
    
      // Perform the same actions as when hovering over a path
      svg.selectAll(".solidArc")
        .attr("fill", "#dddddd");
      correspondingPath.attr("fill", d => d.originalColor);
      centerText.text(Math.round(correspondingPath.datum().data.score));
      centerText.attr("fill", correspondingPath.datum().originalColor);
    
      // Change the color of the hovered list item
      listItem.style("color", "#fff");
      listItem.style("background-color", correspondingPath.datum().originalColor);
      // Add dimmed class to all list items except the corresponding one
      d3.selectAll(".list-item").classed("dimmed", true);
      listItem.classed("dimmed", false);
    })
    .on('mouseout', function () {
      const listItem = d3.select(this);
    
      // Reset the actions and colors
      svg.selectAll(".solidArc")
        .attr("fill", d => d.originalColor);
      centerText.text(Math.round(initialMeanScore));
      centerText.attr("fill", "gray");
    
      // Reset the color of the list item
      listItem.style("color",  "#ffffff");
      listItem.style("background-color",  d.color);
    
      // Reset the dimmed class on all list items
      d3.selectAll(".list-item").classed("dimmed", false);
    })
    .on("click", () => {
        if (d.pop_show==1) {
            openModal(d);
        }
    });
    
  });



  const centerText = svg.append("text")
    .attr("class", "aster-score")
    .attr("dy", ".35em")
    .attr("text-anchor", "middle").attr("fill", "gray")
    .text(Math.round(initialMeanScore));

  const path = svg.selectAll(".solidArc")
    .data(pie(data))
    .enter().append("path")
    .attr("fill", d => d.data.color)
    .attr("class", "solidArc")
    .attr("stroke", "lightgray")
    .attr("score" , d => d.data.score)
    .attr("d", arc)
    .each(function (d) {
      d.originalColor = d.data.color;
    })
    .on('mouseover', function (d) {
      const path = d3.select(this);

      // Apply dimmed class to all list items except the corresponding one
      d3.selectAll(".list-item").classed("dimmed", true);
      const dataId = d.data.id;
      const correspondingListItem = d3.select(`[data-id="${dataId}"]`);
      correspondingListItem.classed("dimmed", false);

      // Perform the same actions as when hovering over a list item
      svg.selectAll(".solidArc")
        .attr("fill", "#dddddd");
      path.attr("fill", d.originalColor);
      centerText.text(Math.round(d.data.score));
      centerText.attr("fill", d.originalColor);

      hoveredLabel = d.data.label;
    })
    .on('mouseout', function () {
      const path = d3.select(this);

      // Reset the dimmed class on all list items
      d3.selectAll(".list-item").classed("dimmed", false);

      // Reset the actions and colors
      svg.selectAll(".solidArc")
        .attr("fill", d => d.originalColor);
      centerText.text(Math.round(initialMeanScore));
      centerText.attr("fill", "gray");

      // Reset the color of the corresponding list item
      if (hoveredLabel) {
        const correspondingListItem = d3.select(`[data-label="${hoveredLabel}"]`);
        correspondingListItem.style("color", "gray");
        hoveredLabel = null;
      }
    });
    

  const outerPath = svg.selectAll(".outlineArc")
    .data(pie(data))
    .enter().append("path")
    .attr("fill", "none")
    .attr("stroke", "#eeeeee")
    .attr("class", "outlineArc")
    .attr("d", outlineArc);


    function openModal(data) {
        const modal = document.getElementById("impact-modal");
        const moadalLink = document.getElementById("modalLink");
        const modalHeading = document.getElementById("modalHeading");
        const modalDescription = document.getElementById("modalDescription");

        let web_text='';
        if(data.link!=''){
            web_text='Website : <a href="'+data.link+'" target="_blank">'+data.link+"</a>";
        }

        let iffffile="";
        if (data.ifile_type=='impact_vid') {
            iffffile='<video controls autoplay><source id="videourl" src="'+data.ifile+'" type="video/mp4"></video>';
        }
        else if (data.ifile_type=='impact_img'){
            iffffile='<img src="'+data.ifile+'" class="mediaimage has-image">';
        }

        modalHeading.textContent = data.head;
        modalDescription.textContent = data.desc;
        $("#modalLink").html(web_text);
        $("#modalImage").html(iffffile);

        
        modal.style.display = "block";

        const closeBtn = document.querySelector(".close");
        closeBtn.addEventListener("click", () => {
            modal.style.display = "none";
        });

        window.addEventListener("click", (event) => {
            if (event.target == modal) {
            modal.style.display = "none";
            }
        });
    }

}

    //second graph

// Define the desired scores for each gauge
@php
if ( isset($property->propertyImpactDetails->carbonScore) ) {
@endphp   
const desiredScore1 = {!! $property->propertyImpactDetails->carbonScore !!};    
calculateGaugeMetric(desiredScore1, 'graph-container1');

var waypoints = $('#graph-container1').waypoint(function(direction) {
    calculateGaugeMetric(desiredScore1, 'graph-container1');
}, {
  offset: '50%'
});

$("#graph-container1").mouseover(function(){
    calculateGaugeMetric(desiredScore1, 'graph-container1');
});
@php    
}
@endphp


@php
if ( isset($property->propertyImpactDetails->esgScore) ) {
@endphp   
const desiredScore2 = {!! $property->propertyImpactDetails->esgScore !!}; 
calculateGaugeMetric(desiredScore2, 'graph-container2');

var waypoints = $('#graph-container2').waypoint(function(direction) {
    calculateGaugeMetric(desiredScore2, 'graph-container2');
}, {
  offset: '50%'
});

$("#graph-container2").mouseover(function(){
    calculateGaugeMetric(desiredScore2, 'graph-container2');
});
@php    
}
@endphp


@php
if ( isset($property->propertyImpactDetails->coBenefits) ) {
@endphp   
const desiredScore3 = {!! $property->propertyImpactDetails->coBenefits !!}; 
calculateGaugeMetric(desiredScore3, 'graph-container3');

var waypoints = $('#graph-container3').waypoint(function(direction) {
    calculateGaugeMetric(desiredScore3, 'graph-container3');
}, {
  offset: '50%'
});

$("#graph-container3").mouseover(function(){
    calculateGaugeMetric(desiredScore3, 'graph-container3');
});

@php    
}
@endphp


function calculateGaugeMetric(desiredScore, containerId) {
  // Select the elements for the specific graph container
  const gaugeMetricElement = document.querySelector(`#${containerId} .gauge__metric`);
  const gaugeNeedleElement = document.querySelector(`#${containerId} .gauge__needle`);
  const gaugeTickLabelElement = document.querySelector(`#${containerId} .gauge__tick-label.current`);
  const gaugeTickCurrentElement = document.querySelector(`#${containerId} .gauge__tick.current`);

  // Calculate the initial angle based on the desired score
  const initialAngle = -100 + (desiredScore / 100) * 200;

  // Update the gauge tick label text
  gaugeTickLabelElement.textContent = desiredScore;

  // Calculate label radius based on desired score
  let labelRadius;
  if (desiredScore < 45) {
    labelRadius = radius + 22;
  } else {
    labelRadius = radius + 17;
  }

  // Calculate label position
  const labelAngle = (initialAngle * Math.PI) / 180;
  const labelX = labelRadius * Math.sin(labelAngle);
  const labelY = -labelRadius * Math.cos(labelAngle);

  // Update the transform attribute of the gauge tick label element
  gaugeTickLabelElement.setAttribute("transform", `translate(${labelX},${labelY})`);

  // Update the transform attribute of the gauge tick current element
  gaugeTickCurrentElement.style.transform = `rotate(${initialAngle}deg)`;

  // Calculate tick start and end positions for the path
  const tickStartX = labelX;
  const tickStartY = labelY;
  const tickEndX = labelX - 10;
  const tickEndY = labelY;

  const tickPath = `M${tickStartX},${tickStartY} L${tickEndX},${tickEndY}`;

  // Initialize the score and calculate the max angle
  let score = 0;
  const maxAngle = (desiredScore <= 0) ? 0 : 200 * (desiredScore / 100);

  // Animate the gauge needle
  const scoreIncrementer = setInterval(() => {
    gaugeMetricElement.textContent = score;

    const angle = -100 + (score / desiredScore) * maxAngle;

    gaugeNeedleElement.style.transform = `rotate(${angle}deg)`;

    if (score === desiredScore) {
      clearInterval(scoreIncrementer);
    } else {
      score++;
    }
  }, 30);

  return score;
}

</script>



@endsection

@section('header-class', 'offerhead')
@section('nav-offerwall-class', 'active')