@extends('sidebaradmin')
@section('content')
    <div class=" m-auto  d-lg-flex  p-4  ">
        <div>

            <div class="d-flex align-items-center">
                <img src="{{ asset('assets/images/logo.png') }}"style="width=50px" height="50px" alt="">
                <div class="m-lg-3 ">
                    <h4 class=" m-0"style="color:#276547;font-weight:700;">PETA SAMARINDA</h4>
                    <h4 class=" m-0" style="color:#276547;font-weight:700;">Tahun {{ $tahun }}</h4>
                </div>

            </div>
            <svg class="map-sm m-0 " style="text-decoration: none;" fill="#fefde8" stroke="#000" width="400px"
                id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 451.59 704.12">
                <defs>
                    <style>
                        .cls-1 {
                            fill: #fefde8;
                            stroke: #000;

                        }

                        .cls-2 {
                            fill: #fefde8;
                            stroke: #000;

                        }

                        .cls-3 {
                            fill: #fefde8;
                            stroke: #000;

                        }

                        .cls-4 {
                            fill: #fefde8;
                            stroke: #000;


                        }

                        .cls-5 {
                            fill: #fefde8;
                            stroke: #000;

                        }

                        .cls-6 {
                            fill: #fefde8;
                            stroke: #000;

                        }

                        .cls-7 {
                            fill: #fefde8;
                            stroke: #000;

                        }

                        .cls-8 {
                            fill: #fefde8;
                            stroke: #000;

                        }

                        .cls-9 {
                            fill: #fefde8;
                            stroke: #000;

                        }

                        .cls-10 {
                            fill: #fefde8;
                            stroke: #000;

                        }
                    </style>
                </defs>
                <a id="object1" class="cls-1 object" data-bs-toggle="modal"href="#modal-2" data-bs-target="#modal-2"
                    data-kecamatan="SAMARINDA UTARA" data-organisasi="{{ $org_7 }}" data-pemuda="{{ $agt_7 }}"
                    data-gedung="{{ $gedung_organisasi_7 == null ? 0 : $gedung_organisasi_7->sum('gedung') }}"
                    data-olahraga="{{ $club_7 }}"
                    data-gd_olga="{{ $gedung_olahraga_7 == null ? 0 : $gedung_olahraga_7->sum('gedung') }}">

                    <path
                        d="m133.9,141.32c.87-3.71,1.27-7.39,1.39-11.16.06-2.04.81-4.38,2.04-5.97,1.17-1.52,3.26-2.51,5.13-3.24,2.57-1.01,5.29-1.71,8-2.27,3.95-.82,4.75-2.73,5.44-6.29.45-2.33.58-4.72.96-7.07.11-.65.48-1.37.96-1.81,1.32-1.24,2.69-2.45,4.18-3.48,1.98-1.37,3.08-2.96,2.93-5.53-.31-5.29.55-10.47,1.96-15.57.42-1.52.49-3.08.92-4.63.8-2.92,1.99-5.64,3.29-8.32,1.49-3.06,3.15-6.04,4.79-9.03.33-.6.88-1.1,1.36-1.61.71-.75,1.49-.74,2.38-.23,3.47,2.03,7.01,3.95,10.41,6.08,3.32,2.08,6.76,3.76,10.61,4.61.96.21,1.77,1.23,2.88.65,2.01-1.06,4.27-1.78,5.4-4.02.93-1.84,1.89-3.68,2.85-5.5.44-.83.91-1.65,1.39-2.45.52-.87,1.2-.9,2.01-.35,1.84,1.25,3.65,2.53,5.55,3.68,1.41.86,2.93,1.56,4.42,2.28,1.88.91,3.65-.7,4.73-2.7,1.31-2.42,2.24-5.06,3.14-7.68.65-1.92,1.49-3.04,3.77-3.27,2.89-.3,5.73-1.17,8.57-1.88,2.41-.6,3.42-2.41,3.73-4.72.33-2.43.62-4.93,1.14-7.25.58-2.6.1-5.42,1.54-7.87.33-.56.22-1.67-.12-2.29-1.09-1.96-1.54-4.1-2-6.23-.13-.58-.02-1.26.13-1.85.45-1.78,1.72-2.21,3.13-1.06.61.5,1.23,1.04,1.68,1.68,1.56,2.24,3.87,2.26,5.99,1.6,2.55-.8,5.02-2.09,6.78-4.22,2.01-2.44,4.43-2.77,7.29-2.01,4.32,1.15,8.22.43,11.43-2.88,1.21-1.25,2.36-2.55,3.53-3.84.16-.18.26-.4.43-.58,1.72-1.81,3.55-2.13,5.74-1,.14.07.22.23.36.31,3.59,2.12,2.79,1.83,5.23-.64,1.08-1.08,3.46-1.53,4.85-.95.79.33.89,1,.56,1.57-1.41,2.49-.66,5.14-.6,7.71.04,1.79,1.92,3.24,3.97,3.56.24.04.48.06.72.03,5.73-.49,9.35,2.66,12.17,7.12,1.52,2.41,2.91,4.9,4.39,7.34.96,1.57,2.2,2.83,3.9,3.66,3.9,1.93,7.74,3.99,11.66,5.89,1.86.9,2.98,2.33,3.59,4.19.26.8.37,1.8.13,2.57-1.52,4.95-.43,10-.67,14.99,1.15,2.41.68,5,.87,7.53.21,2.85-.62,5.45-1.48,8.09-.55,1.7-1.2,3.43-1.32,5.19-.2,2.78,2.72,5.04,5.46,4.48,5-1.01,9.79-2.7,14.57-4.48,2.11-.79,4.44-1.18,6.7-1.36,2.78-.23,5.59-.04,8.39-.06,1.58-.01,3.1.03,4.65-.74,1.28-.64,2.88-.41,4.36-1,3.1-1.24,5.95-2.87,8.65-4.76,4.6-3.23,9.27-3.93,14.34-1.08,2.85,1.61,5.88,2.58,9.29,2.56,3.82-.01,7.64.5,11.46.69,1.49.07,2.58.74,3.51,1.77,2.12,2.36,3.61,5.01,3.75,8.28.06,1.39.87,2.68.2,4.2-.69,1.57-1.38,2.99-2.92,3.91-.81.48-1.5,1.18-2.26,1.76-1.56,1.18-2.27,2.58-1.55,4.57.26.73.26,1.57.31,2.36.06,1.08-.22,1.96-1.16,2.7-1.32,1.04-2.44,2.28-2.11,4.23.06.36-.14.77-.26,1.15-.59,1.89-.34,2.99,1.34,4.04,3.37,2.11,4.57,5.27,4.93,9.02.21,2.2.58,4.41,1.16,6.54.88,3.21,3.46,4.31,6.48,4.76,1.71.26,3.54.41,5.05,1.15,1.07.53,1.96,1.86,2.44,3.03.73,1.77-.4,4.91-2.07,5.95-4.6,2.86-7.37,7.35-10.48,11.52-1.66,2.22-4.04,2.67-6.01.68-1.17-1.18-2.13-2.57-3.23-3.82-.86-.97-1.34-2.68-2.84-2.57-1.64.12-1.53,2.01-2.13,3.14-.79,1.47-1.31,3.08-2.12,4.54-2.87,5.2-5.72,10.43-9.98,14.68-1.44,1.44-2.91,2.79-4.79,3.73-2.97,1.48-3.51,5.3-1.2,7.89,3.8,4.26,5.22,9.41,4.44,14.82-.49,3.35-1.01,6.69-.6,9.95.52,4.1.83,8.39,3.82,11.81,1.61,1.84,1.58,4.25,1.45,6.6-.23,4.28-1.37,8.33-2.84,12.35-.83,2.29-.98,4.82-1.53,7.21-.53,2.31-1.21,4.58-1.76,6.89-.47,1.99-.8,4-1.24,5.99-.64,2.84-1.3,5.68-1.99,8.51-.81,3.33-1.79,6.62-2.47,9.97-.64,3.14-2.54,5.31-5.1,6.83-2.43,1.44-4.65,3.04-6.48,5.15-1.33,1.54-2.63,3.14-3.7,4.86-1.8,2.9-3.46,5.88-5.07,8.89-.5.93-1.09,1.28-2.08,1.17-2.68-.3-5.43.3-8.05-.78-.7-.29-1.58-.16-2.38-.16-3.12-.02-6.24.07-9.35-.04-1.73-.06-3.44-.48-5.17-.7-.95-.12-1.91-.21-2.86-.22-3.76-.03-7.52.08-11.27-.05-2.05-.07-4.08-.57-6.13-.73-2.07-.17-4.17-.39-6.22-.17-2.36.25-3.73-.84-4.87-2.6-2.75-4.26-4.87-8.81-6.31-13.66-.76-2.56-1.36-5.17-1.83-7.8-.19-1.04.02-2.22.32-3.26.48-1.67,1.36-3.24,1.78-4.92,1.01-4.11.7-6.39-2.82-8.99-1.77-1.3-3.64-2.58-5.65-3.4-2.34-.96-4.71-2.01-7.51-.91-2.55.99-5.25.36-7.54-1.1-2.61-1.66-5.13-3.48-7.54-5.42-.97-.78-1.88-1.07-3.04-1.05-1.6.03-3.2-.06-4.8.02-3.1.15-5.89-.59-8.32-2.6-.4-.33-1.02-.56-1.53-.53-2.05.1-4.17.07-6.14.56-1.97.5-3.38-.23-4.75-1.29-3.68-2.85-5.29-6.93-6.84-11.16-1.37-3.76-3.2-7.36-4.9-11-1.24-2.66-2.47-5.33-3.93-7.88-2.16-3.77-4.14-7.71-7.64-10.51-1.31-1.05-2.81-1.83-4.58-1.83-2.16,0-4.32-.03-6.48.01-2,.04-3.66.87-5.02,2.34-.54.58-1.15,1.11-1.65,1.73-.97,1.22-1.73,2.48-1.94,4.16-.45,3.62-1.15,7.21-1.87,10.79-.58,2.87-.55,5.61.34,8.48,1.17,3.8,2.81,7.38,4.24,11.06.98,2.52,1.67,5.08.99,7.91-.62,2.62-1.98,4.9-3.88,6.43-4.05,3.26-8.2,6.47-12.95,8.72-1.9.9-3.91.64-5.84.24-.92-.19-1.52-.92-1.79-2.01-.74-3.05-2.03-5.86-4.28-8.15-1.02-1.03-2.13-1.8-3.57-2.26-2.51-.79-4.85-2-6.95-3.63-1.24-.96-2.55-1.84-3.8-2.8-2.32-1.77-4.67-3.5-6.9-5.37-2.01-1.68-3.7-3.57-4.82-6.09-1.12-2.51-2.31-4.97-3.07-7.61-.83-2.89-1.8-5.78-2.31-8.73-.99-5.77-3.37-10.81-6.82-15.51-2.65-3.6-5.65-7.02-7.23-11.31-.57-1.54-.83-3.21-1.49-4.71-1.66-3.78-3.7-7.33-6.51-10.44-1.69-1.87-2.99-4.09-4.53-6.09-1.02-1.32-2.01-2.73-3.28-3.78-2.19-1.81-3.96-4.08-6.56-5.47-2.21-1.19-4.13-2.94-6.16-4.46-1-.75-1.07-1.38-.02-2.01,1.49-.9,3.04-1.8,4.68-2.33,3.52-1.16,4.48-2.72,3.45-6.24-.75-2.55.06-3.69,2.65-3.69.71,0,1.45.03,2.14.2,2.18.53,2.17.55,4.12-.54Z" />

                </a>
                <a id="object2" class="cls-4 object" data-bs-toggle="modal" data-bs-target="#modal-2"
                    data-bs-toggle="modal"href="#modal-2" data-bs-target="#modal-2" data-kecamatan="SUNGAI KUNJANG"
                    data-organisasi="{{ $org_9 }}" data-pemuda="{{ $agt_9 }}"
                    data-gedung="{{ $gedung_organisasi_9 == null ? 0 : $gedung_organisasi_9->sum('gedung') }}"
                    data-olahraga="{{ $club_9 }}"
                    data-gd_olga="{{ $gedung_olahraga_9 == null ? 0 : $gedung_olahraga_9->sum('gedung') }}">

                    <path
                        d="m145.55,305.7c.93,1.15.8,2.24.38,3.33-1.04,2.73-1.86,5.58-3.22,8.15-1,1.9-.95,3.69-.46,5.49.33,1.2.11,1.93-.63,2.78-2.73,3.18-5.56,6.29-8.06,9.64-1.98,2.67-3.26,5.74-3.64,9.15-.2,1.78-.73,3.52-1.17,5.26-.52,2.05-1.16,4.07-1.63,6.12-.96,4.17-1.65,8.43-3.68,12.26-.92,1.74-2.06,3.4-3.33,4.9-1.65,1.93-2.98,4.05-4.3,6.2-.42.69-.89,1.59-2,1.42-2.26-.34-4.14.95-6.2,1.43-.62.15-1.22.4-1.84.45-3.1.25-6.2.6-9.31.64-3.35.04-6.36,1.16-9.45,2.23-5.6,1.95-10.49,5.11-15.21,8.56-2.77,2.03-5.18,4.53-6.35,7.85-.65,1.83-.83,3.82-1.21,5.74-.05.23,0,.48-.04.72-1.42,7.96-1.49,16-1.48,24.04,0,6.64-.02,13.27.02,19.91.01,1.89-.43,3.53-1.39,5.21-1.88,3.3-3.4,6.8-5.17,10.16-1.17,2.23-2.75,4.28-3.71,6.59-.89,2.15-2.39,3.74-3.74,5.51-1.28,1.68-3.2,2.3-5.08,2.95-.57.2-1.31.17-1.9-.01-4.27-1.3-8.1-3.4-10.85-6.98-1.32-1.72-2.14-3.69-1.05-6.11,1.05-2.34,1.58-4.91,2.35-7.38.31-.98.67-1.93.96-2.91,1.95-6.54.96-12.62-2.42-18.54-1.82-3.19-3.05-6.74-4.45-10.16-.29-.7-.29-1.59-.19-2.37.41-3.13-1.4-4.86-3.8-6.21-1.58-.89-3.22-1.69-4.8-2.52-.34-1.11-.25-2.01.35-3.01,2.02-3.41,1.26-6.85.05-10.34-1.33-3.85-3.1-7.57-3.38-11.74-.14-2.06-.46-4.11-.68-6.17-.3-2.89.52-5.61,1.86-8.04,1.26-2.28,1.78-4.55,1.62-7.07-.03-.48-.06-.97,0-1.44.41-3.3-1.42-5.36-3.85-7.1-.26-.19-.51-.38-.78-.55-1.94-1.26-2.23-2.43-1-4.33,1.47-2.27,2.18-4.78,2.12-7.46-.05-2.47-.19-4.95-.44-7.41-.21-2.08-.83-2.59-2.93-2.7-1.43-.08-2.88,0-4.32-.03-.88-.02-1.77-.04-2.62-.23-2.55-.59-3.84-3.39-2.47-5.61,1.76-2.85,4.13-5.2,6.84-7.16,2.05-1.49,4.3-2.69,6.32-4.22,1.98-1.51,3.17-3.57,3.12-6.17-.05-3.14.78-6.12,1.5-9.15.61-2.53,1-5.16,1.11-7.75.18-4.23-.04-8.48.08-12.71.1-3.63,1.52-6.77,4.32-9.15,2.7-2.3,3.81-5.49,2.15-9.41-.18-.43-.38-.92-.35-1.38.26-4.44-1.96-8.1-3.69-11.91-1.28-2.83-2.79-5.62-2.42-8.85.39-3.4,1.3-6.61,4.09-9,2.32-1.98,2.24-2.03,1.29-4.88-.22-.67-.25-1.41-.3-2.12-.26-3.93.22-7.7,1.92-11.34,1.24-2.65,2-5.52,3.16-8.21,1.53-3.53,3.19-7.01,4.9-10.47,1.55-3.15,1.88-3.13,3.84-.25,1.52,2.23,3.09,4.41,4.62,6.63,2.31,3.36,4.55,6.77,6.9,10.09,2.38,3.36,4.9,6.61,7.29,9.96,2.62,3.67,5.09,7.44,7.74,11.08,1.99,2.75,4.19,5.36,6.23,8.08,2.52,3.35,4.96,6.76,7.47,10.12,1.22,1.63,2.49,3.21,3.78,4.78,2.77,3.37,5.58,6.7,8.33,10.08,2.44,3.01,5.23,5.62,8.13,8.22,3.93,3.52,7.96,7.09,11.03,11.51.76,1.1,1.79,2.02,2.56,3.11,1.46,2.07,2.56,4.33,3.24,6.79.15.53.44,1.02.69,1.52,1.67,3.37,3.3,3.85,6.58,2.03,2.67-1.49,5.39-2.89,8.06-4.38,2.02-1.14,3.82-.65,5.54.61.5.37.94.84,1.38,1.29,1.39,1.44,2.98,2.33,5.06,2.14.7-.06,1.41.11,1.98.17Z" />

                </a>
                <a id="object3" class="cls-3 object"data-bs-toggle="modal"href="#modal-2" data-bs-target="#modal-2"
                    data-kecamatan="SAMBUTAN" data-organisasi="{{ $org_8 }}" data-pemuda="{{ $agt_8 }}"
                    data-gedung="{{ $gedung_organisasi_8 == null ? 0 : $gedung_organisasi_8->sum('gedung') }}"
                    data-olahraga="{{ $club_8 }}"
                    data-gd_olga="{{ $gedung_olahraga_8 == null ? 0 : $gedung_olahraga_8->sum('gedung') }}">

                    <path
                        d="m228.53,303.76c1.84,0,3.68-.07,5.51.02,1.34.07,2.67.37,4.01.51,1.27.14,2.54.29,3.81.3,4.96.04,9.91-.06,14.87.05,2.29.05,4.57.5,6.85.74.79.08,1.59.11,2.39.11,4.48.01,8.96-.08,13.43.04,2.45.07,4.89.52,7.34.77.79.08,1.59.11,2.39.12,4.56.01,9.11-.07,13.67.04,2.22.05,4.44.44,6.65.66.79.08,1.59.17,2.38.18,3.92.02,7.83-.03,11.75.03,1.69.02,3.1-.29,4.15-1.8.33-.48,1.19-.87,1.8-.85,1.5.04,2.99.35,4.48.54.87.11,1.74.26,2.6.27,3.84.03,7.68-.08,11.51.05,2.21.07,4.4.52,6.61.77.71.08,1.43.11,2.15.11,3.36.01,6.72-.07,10.07.04,1.82.06,3.63.43,5.45.64.71.08,1.43.18,2.14.2,1.28.03,2.56-.02,3.84.02,2.28.07,3,1.09,2.33,3.25-.51,1.63-1.09,3.25-1.58,4.89-.15.52-.1,1.11-.14,1.66-.04.56.1,1.21-.14,1.66-1.3,2.42-.97,5.05-.66,7.5.32,2.57,1.05,5.15,2.29,7.53.65,1.26,1.08,2.65,1.58,3.99.14.37.3.79.26,1.16-.32,2.92-.69,5.83-1.05,8.74-.12.94-.27,1.88-.36,2.83-.14,1.42-.23,2.85-.35,4.28-.27,3.11,1.14,4.61,3.73,4.65,3.2.04,6.4,0,9.59.04,2.68.03,3.13.54,3.22,3.26.07,2.18-.29,3.97-2.44,5.24-1.76,1.03-2.42,2.87-2.72,4.98-.46,3.25.68,5.9,2.29,8.54,3.22,5.28,6.35,10.61,9.54,15.9,1.43,2.38,1.02,4.99.83,7.48-.31,3.9.2,7.59,1.49,11.27,1.99,5.66,4.38,11.2,5.24,17.2.01.08.03.16.05.23.76,2.88.61,3.14-2.31,3.23-1.18.04-2.42-.05-3.55-.37-1.35-.39-2.5-1.09-3.22-2.54-.69-1.39-1.73-2.66-2.82-3.79-1.28-1.32-2.13-1.18-3.44.09-.97.93-1.89,1.96-3,2.68-1.71,1.11-2.87.45-3.1-1.59-.17-1.56-.03-3.09-.79-4.65-.91-1.89-2.18-3.23-4.12-3.62-2.76-.55-4.62-2.39-6.62-4.04-1.71-1.41-3.31-2.97-4.83-4.58-1.35-1.43-2.97-2.18-4.86-2.04-1.8.13-3.66-.1-5.36.88-.57.33-1.4.27-2.11.27-2.35-.03-4.08,1.07-5.35,2.92-1.88,2.74-3.74,5.51-5.54,8.31-1.49,2.32-3.47,3.66-6.3,3.59-1.36-.03-2.72-.03-4.08.01-2.42.08-2.86.41-3.68,2.63-.11.3-.3.59-.32.9-.28,4.37-.87,8.78.36,13.07.68,2.36-.36,3.69-2.59,3.5-2.2-.19-4.46.27-6.6-.74-.6-.29-1.41-.17-2.13-.19-1.43-.04-2.86.12-4.19-.68-.43-.26-1.09-.2-1.64-.21-3-.02-5.76-1.11-8.54-1.99-1.22-.39-2.16-1.61-3.36-2.12-3.35-1.41-6.73-2.74-10.17-3.9-3.41-1.16-6.92-2-10.34-3.13-3.96-1.32-7.86-2.82-11.8-4.21-4.63-1.63-9.29-3.18-13.9-4.86-2.72-.99-5.34-2.28-8.08-3.22-5.14-1.78-9.75-4.48-14.27-7.47-3.49-2.31-6.74-4.88-9.94-7.54-1.65-1.37-3.42-2.61-4.95-4.1-5.24-5.12-10.55-10.17-15.51-15.55-2.67-2.89-5.54-5.68-7.65-9.09-.88-1.42-.94-2.58-.12-3.97,2.84-4.84,5.63-9.72,7.99-14.82.97-2.09,1.61-4.27,1.56-6.65-.09-4.08-.1-8.16,0-12.23.08-3.42-.45-6.61-2.46-9.47-.6-.86-.44-1.84.23-2.66,1.15-1.42,2.2-2.94,3.51-4.2,3.52-3.37,5.65-7.56,7.37-12.01.25-.64.22-1.41.23-2.13.04-1.68-.02-3.36.04-5.04.08-2.14.47-2.52,2.57-2.55,2.32-.04,4.64,0,6.95,0Z" />
                </a>
                <a class="cls-2 object"id="object4" data-bs-toggle="modal"href="#modal-2" data-bs-target="#modal-2"
                    data-kecamatan="PALARAN" data-organisasi="{{ $org_2 }}" data-pemuda="{{ $agt_2 }}"
                    data-gedung="{{ $gedung_organisasi_2 == null ? 0 : $gedung_organisasi_2->sum('gedung') }}"
                    data-olahraga="{{ $club_2 }}"
                    data-gd_olga="{{ $gedung_olahraga_2 == null ? 0 : $gedung_olahraga_2->sum('gedung') }}">
                    <path
                        d="m174.75,628.66c-1.75-.1-3.33-.14-4.91-.3-2.15-.22-4.18-.77-5.84-2.34-.95-.9-3.33-.86-4.5-.08-.53.35-.97.83-1.51,1.16-1,.63-2.07.8-3.14.17-3.01-1.78-5.38-4.21-6.83-7.38-1.24-2.71-3.09-4.77-5.64-6.25-.14-.08-.28-.15-.41-.24-3.01-1.98-3.18-2.52-2.07-6.12.21-.68.36-1.42.33-2.12-.17-3.44,1.48-6.31,2.95-9.19.47-.92,1.47-1.68,2.39-2.24,3.29-1.99,5.72-4.79,7.93-7.87,2.64-3.7,4.9-7.61,6.76-11.74,1.13-2.51,1.75-5.25,2.87-7.76.82-1.84.7-3.7.93-5.58.52-4.17,1.14-8.33,1.88-12.46.3-1.71.8-3.45,1.59-4.98.87-1.68.59-2.36-1.01-3.6-2.31-1.8-4.8-3.37-7.15-5.13-2.72-2.02-5.41-4.05-7.42-6.88-1.2-1.7-2.89-2.77-5-3.44-1.63-.52-3.18-.84-4.85-.83-.24,0-.51.05-.71-.05-3.35-1.56-6.92-.56-10.36-.95-1.59-.18-3.37-.53-4.6-1.43-1.27-.93-2.27-2.52-2.88-4.02-1.04-2.56-1.73-5.26-2.49-7.93-.62-2.18-1.14-4.39-1.68-6.59-.11-.46-.15-.94-.18-1.42-.04-.56.14-1.2-.08-1.66-.94-1.92-.89-3.99-1.13-6.03-.21-1.81-.62-3.6-.92-5.4-.37-2.27-.64-4.56-1.1-6.81-.39-1.91-1.04-3.77-1.46-5.67-.77-3.54-2.53-6.8-2.82-10.46-.42-5.27,1.43-9.56,5.26-13.17,4.66-4.4,9.23-8.89,13.78-13.4,3.87-3.84,7.7-7.72,11.48-11.65,2.24-2.34,4.3-4.85,6.52-7.21,4.28-4.55,8.62-9.05,12.94-13.57,2.67-2.79,5.37-5.55,8.03-8.35.84-.88,1.69-1.34,2.96-.82,1.31.53,2.49-.02,3.56-.82,3.66-2.73,7.31-5.46,10.97-8.19,2.73-2.03,5.46-4.07,8.21-6.08.63-.46,1.35-.78,2.23-1.28,1.34,1.63,2.57,3.15,3.83,4.65.75.89,1.55,1.75,2.34,2.61,1.44,1.58,2.98,3.08,4.31,4.75,3.54,4.4,7.58,8.3,11.82,11.99,2.93,2.55,5.89,5.09,8.97,7.45,3.5,2.69,7.24,5.07,10.73,7.77,3.31,2.55,7.28,3.75,10.87,5.73,2.31,1.28,4.98,1.93,7.49,2.84,3.67,1.33,7.35,2.63,11.02,3.96,3.84,1.38,7.66,2.84,11.53,4.13,2.61.87,5.3,1.47,7.93,2.28,2,.62,3.97,1.36,5.94,2.08,3.74,1.37,7.48,2.74,11.2,4.15.8.31,1.6.7,2.3,1.21,1.9,1.39,4.15,1.78,6.28,2.58,2.09.78,4.49.12,6.33,1.62.11.09.3.1.46.12,2.84.3,5.67.81,8.51.84,4.89.04,9.73.27,14.54,1.2,1.01.2,2.07.18,3.11.18,3.68.02,7.35,0,11.03.01,1.83,0,3.68-.18,5.41.7.34.17.78.19,1.18.18,2.83-.06,5.41.96,8.05,1.78,2.58.8,5.22,1.43,7.79,2.26,2.39.77,4.74,1.69,7.09,2.57,2.95,1.09,5.96,2.03,8.81,3.32,4.27,1.92,8.67,3.46,12.78,5.84,5.84,3.39,9.7,8.2,12.17,14.27.89,2.19,1.46,4.54,1.21,7-.24,2.38-.94,3.01-3.27,3.16-3.61.24-6.81-1.23-10.08-2.33-3.29-1.11-6.74-1.8-9.77-3.65-.83-.51-2.34.21-2.92,1.47-.73,1.57-1.17,3.27-1.77,4.9-.89,2.42-.49,5.09-1.14,7.44-.71,2.54-.42,5.04-.85,7.5-.6,3.46-1.16,6.88-3.97,9.65-3.33,3.28-6.64,6.52-10.47,9.22-.7.5-1.22,1.24-1.88,1.82-3.23,2.84-6.67,5.12-11.11,5.88-2.91.49-5.77,1.67-8.45,2.97-1.79.87-3.28,2.36-4.17,4.37-.8,1.81-1.97,3.44-2.96,5.17-1.08,1.87-2.73,3.08-4.57,4.08-3.93,2.12-8.22,3.18-12.44,4.52-2.26.72-4.77.16-6.82,1.63-.33.24-.93.11-1.41.13-2.41.09-3.65,1.54-4.81,3.54-1.53,2.65-.33,4.73.82,6.87,1.97,3.67,4.12,7.25,6.04,10.95.73,1.39,1.12,2.99,1.49,4.53.63,2.6-.46,4.9-1.73,7.01-1.7,2.84-3.71,5.44-6.12,7.79-2.89,2.83-5.43,6.01-8.19,8.97-1.84,1.97-3.68,3.98-5.77,5.66-2.36,1.9-4.87,3.65-7.76,4.76-2.07.8-4.09,1.72-6.11,2.65-3.69,1.68-7.56,2.04-11.45,1.24-3.29-.67-5.84.09-8.27,2.41-2.83,2.71-6,5.06-8.98,7.63-3.49,3-7.08,5.98-9.18,10.17-.91,1.8-1.37,3.89-1.71,5.91-1,5.89-3.19,11.37-5.59,16.78-.51,1.15-1.29,2.17-1.93,3.26-1.14,1.94-1.8,4.04-2.22,6.26-.46,2.46-1.2,4.88-1.81,7.31-.04.15-.09.31-.11.47-.32,3.32-.78,6.63-.91,9.95-.08,2.16-.63,3.73-2.84,4.38-1.8.52-3.6,1.06-5.4,1.58-.6.17-1.21.31-1.81.5-.3.09-.58.39-.85.38-3.2-.21-6.28.66-9.42,1-.81.09-1.67-.32-2.51-.52-2.35-.56-4.7-.79-7,.15-2.54,1.05-5.01,2.3-7.59,3.23-2.02.73-3.98.14-5.55-1.31-2.66-2.45-4.6-5.48-6.14-8.71-1.22-2.56-1.97-5.27-2.2-8.2-.15-1.93-1.2-3.9-2.22-5.63-.7-1.19-2.01-1.98-3.63-1.84-2.25.19-4.18-.77-6.04-1.87-2.81-1.65-5.67-3.23-8.34-5.08-2.18-1.51-4.13-3.38-6.17-5.09-1.03-.86-1.37-1.95-1.45-3.32-.2-3.55,1.11-6.48,3.22-9.2,2.59-3.35,4.35-7.16,5.85-11.1,1.22-3.19,2.47-6.37,3.64-9.58.4-1.1.57-2.28.91-3.72Z" />

                </a>
                <a id="object5" class="cls-5 object"data-bs-toggle="modal"href="#modal-2" data-bs-target="#modal-2"
                    data-kecamatan="SAMARINDA ULU" data-organisasi="{{ $org_6 }}" data-pemuda="{{ $agt_6 }}"
                    data-gedung="{{ $gedung_organisasi_6 == null ? 0 : $gedung_organisasi_6->sum('gedung') }}"
                    data-olahraga="{{ $club_6 }}"
                    data-gd_olga="{{ $gedung_olahraga_6 == null ? 0 : $gedung_olahraga_6->sum('gedung') }}">

                    <path
                        d="m163.04,306.61c.03,2.29-.41,4.23.65,6.16.66,1.19.96,2.65,1.14,4.02.19,1.41.04,2.86.04,4.47-.59.21-1.16.43-1.74.62-.6.19-1.37.18-1.8.56-1.53,1.35-3.33,1.38-5.19,1.34-1.44-.03-2.88-.09-4.31.01-2.01.15-3.76-.61-5.48-1.43-1.42-.68-1.73-1.33-1.37-2.91.21-.92.64-1.8.99-2.68,1.02-2.56,2.27-5.06,2.98-7.7.52-1.93.76-4.2-1.51-5.52-.65-.38-1.46-.85-2.12-.75-2.58.42-4.5-.7-6.14-2.42-2.65-2.76-5.85-2.34-8.86-1.27-2.59.92-4.96,2.49-7.36,3.91-2.21,1.31-2.92,1.18-3.86-1.33-1.33-3.54-3.03-6.89-5.24-9.92-1.35-1.85-3.14-3.38-4.77-5-3.42-3.4-6.84-6.8-10.33-10.13-3.85-3.68-7.13-7.84-10.4-12-3.47-4.42-6.88-8.89-10.3-13.35-2.41-3.15-4.76-6.33-7.16-9.48-2.1-2.75-4.48-5.33-6.3-8.26-2.55-4.1-5.55-7.85-8.27-11.81-2.5-3.64-5.08-7.24-7.63-10.85-2.96-4.19-5.93-8.37-8.89-12.55-.95-1.35-.78-1.82.56-2.86,2.42-1.88,5.13-2.69,8.16-2.59.96.03,1.92-.04,2.88.01,5.49.27,10.32-1.61,14.78-4.62,1.36-.92,2.6-2.02,3.89-3.05,1.44-1.16,3.06-1.64,4.9-1.32,1.1.19,2.2.41,3.31.48,1.44.09,2.4-.63,2.82-2.02.64-2.12,1.23-4.25,1.88-6.36,1.05-3.39,3.1-5.96,6.55-7.01,3.74-1.14,6.04-3.61,7.46-7.12.68-1.69.98-1.79,2.69-1.12.58.23,1.13.55,1.67.89,1.81,1.14,3.33.69,4.87-.63,1.55-1.33,3.24-2.48,4.86-3.73.88-.68,1.74-.63,2.65-.05.53.34,1.12.59,1.63.96,3.18,2.31,6.47,4.5,9.48,7.01,2.09,1.74,4.2,3.51,5.56,6.08,1,1.89,2.75,3.37,4.05,5.12,2.73,3.7,5.61,7.32,7.2,11.71.4,1.1.39,2.36.82,3.44,1.58,3.93,4.26,7.21,6.64,10.65,1.88,2.71,4.01,5.27,5.34,8.3.65,1.49,1.01,3.12,1.43,4.7,1,3.76,1.85,7.56,2.98,11.28.92,3.02,1.99,6.02,3.3,8.9,1.01,2.21,2.58,4.01,4.51,5.7,3.08,2.7,6.32,5.18,9.56,7.65,2.71,2.06,5.71,3.73,8.59,5.56.26.17.58.36.87.36,3.05.03,4.03,2.41,5.2,4.55,1.81,3.29,2.44,6.25-.81,9.37-2.09,2-3.84,4.34-6.17,6.17-2.44,1.91-3.87,4.56-4.16,7.7-.14,1.57.36,2.94,1.41,4.19.7.83,1.25,1.86,1.57,2.9.55,1.79.86,3.66,1.3,5.48.23.92.59,1.81.81,2.73.58,2.45.07,3.14-2.39,3.06-1.01-.03-2-.42-3.01-.62-1.4-.28-2.79-.64-4.2-.76-1.55-.13-2.63.75-2.95,2.23-.3,1.36-1.19,2.06-2.31,2.52-1.36.55-2.81.91-4.2,1.38-.89.3-1.77.67-2.76,1.06Z" />
                </a>
                <a id="object6"class="cls-6 object"data-bs-toggle="modal"href="#modal-2" data-bs-target="#modal-2"
                    data-kecamatan="SUNGAI PINANG" data-organisasi="{{ $org_10 }}" data-pemuda="{{ $agt_10 }}"
                    data-gedung="{{ $gedung_organisasi_10 == null ? 0 : $gedung_organisasi_10->sum('gedung') }}"
                    data-olahraga="{{ $club_10 }}"
                    data-gd_olga="{{ $gedung_olahraga_10 == null ? 0 : $gedung_olahraga_10->sum('gedung') }}">

                    <path
                        d="m324.22,304.57c-4.69-.21-8.98.53-13.25-.54-1.14-.29-2.38-.29-3.57-.3-4-.03-7.99,0-11.99-.02-2.47-.01-4.94.16-7.34-.75-.86-.32-1.9-.19-2.85-.19-4.48-.02-8.95,0-13.43-.01-2.31,0-4.61.04-6.87-.75-.94-.33-2.06-.23-3.09-.24-4.32-.02-8.64.08-12.95-.04-2.62-.07-5.23-.47-7.84-.7-1.03-.09-2.07-.17-3.11-.18-5.44-.02-10.87.02-16.31-.04-1.17-.01-2.33-.37-3.5-.54-2.05-.31-4.1-.61-6.15-.89-.79-.11-1.6-.06-2.37-.24-2.35-.53-4.05-1.59-4.94-4.19-.84-2.48-2.35-4.81-3.91-6.96-1.61-2.23-4.57-2.44-6.73-.68-1.16.94-2.2,2.08-3.08,3.28-1.75,2.36-2.32,3-4.14,3.83-.14-.25-.41-.5-.43-.77-.28-3.49-1.33-6.73-3.44-9.54-.8-1.07-.67-1.78-.1-2.96,1.95-4.01,5.42-6.65,8.44-9.64,5.46-5.4,3.02-4.65,10.88-4.64,1.85,0,3.4-.86,4.85-1.77,2.96-1.86,5.9-3.77,8.64-5.92,3.08-2.42,5.45-5.43,6.66-9.31.46-1.47,1.12-2.86.7-4.37-.54-1.94-1.25-3.83-1.95-5.72-.99-2.68-2.03-5.34-3.04-8.01-.61-1.61-1.3-3.19-1.76-4.84-.25-.89-.32-1.95-.1-2.84.77-3.05,1.62-6.07,1.91-9.24.17-1.85.87-3.65,1.41-5.45.73-2.47,2.67-3.55,5.01-3.78,2.14-.21,4.33-.27,6.46-.02,2.71.32,4.82,1.76,6.14,4.29,1.8,3.42,3.74,6.77,5.56,10.18,1.16,2.17,2.2,4.4,3.35,6.58,1.37,2.59,2.54,5.25,3.43,8.03.29.9.28,1.93.7,2.76,1.91,3.83,4.1,7.43,7.56,10.17,2.98,2.35,5.91,2.37,9.02.52.95-.56,1.67-.61,2.54.24,2.08,2.06,4.81,2.67,7.59,2.92,1.98.18,3.99.11,5.98.01,1.81-.08,3.18.52,4.45,1.84,2.78,2.87,6.24,4.77,9.94,6.21.5.19,1.11.12,1.66.12,1.84,0,3.69.1,5.51-.07,4.06-.39,7.24,1.37,10.13,3.9,1.85,1.62,2.22,3.27,1.39,5.56-.27.75-.48,1.54-.88,2.22-1.75,3.04-1.63,6.2-.92,9.51.98,4.59,2.41,9.06,4.27,13.33,1.34,3.07,3.43,5.82,5.15,8.73.28.48.39,1.06.71,1.95Z" />
                </a>
                <a href="#modal-2" id="object7" class="cls-7 object" data-bs-toggle="modal" data-bs-target="#modal-2"
                    data-kecamatan="LOA JANAN ILIR" data-organisasi="{{ $org_1 }}"
                    data-pemuda="{{ $agt_1 }}"
                    data-gedung="{{ $gedung_organisasi_1 == null ? 0 : $gedung_organisasi_1->sum('gedung') }}"
                    data-olahraga="{{ $club_1 }}"
                    data-gd_olga="{{ $gedung_olahraga_1 == null ? 0 : $gedung_olahraga_1->sum('gedung') }}">

                    <path
                        d="m167.49,353.66c.2.43.37.63.4.85.4,2.65.75,5.32,1.18,7.97.32,1.95.73,3.89,1.1,5.83.64,3.36,1.42,6.72,1.24,10.17-.09,1.83-.39,3.65-.5,5.49-.13,2.15-.21,4.31-.19,6.47.01,1.69-.44,3.07-1.69,4.29-4.82,4.72-9.63,9.45-14.32,14.29-2.48,2.55-4.62,5.43-7.06,8.02-3.07,3.24-6.32,6.3-9.43,9.49-1.33,1.36-2.56,2.83-3.8,4.28-4.29,5.03-9.2,9.45-13.91,14.07-.68.66-1.5,1.17-2.21,1.79-3.58,3.15-6.81,6.44-8.53,11.17-1.04,2.88-.95,5.62-.84,8.42.07,1.76.96,3.48,1.44,5.22.66,2.45,1.29,4.9,1.92,7.36.55,2.13,1.11,4.25,1.64,6.38.13.54.17,1.1.2,1.65.07,1.09-.11,2.18.73,3.17.34.4.13,1.23.23,1.86.16,1,.35,2,.56,2.99.2.94-.47,1.8-1.28,1.38-1.48-.77-2.74-.15-4.15.07-2.97.48-5.81-.3-8.64-1.22-2.17-.71-3.65-1.98-4.72-3.99-.98-1.85-3.13-2.43-4.87-2.52-4.04-.22-6.49-2.69-8.79-5.4-1.1-1.3-1.74-2.99-2.55-4.53-.74-1.41-.78-2.74.11-4.21.89-1.46,1.6-3.08,2.09-4.72.76-2.52.81-5.02-1.18-7.16-1.02-1.1-2.02-2.23-2.87-3.45-1.27-1.81-3.1-2.83-5.08-3.37-2.35-.65-4.82-.86-7.23-1.26-.31-.05-.62-.12-1.12-.21-.05-.68-.14-1.37-.14-2.07,0-8.39-.04-16.79.03-25.18.01-1.49.47-2.97.65-4.46.17-1.42.27-2.86.34-4.29.14-2.93-.4-5.9.79-8.75.2-.48.06-1.11.09-1.67.22-4.23,1.72-7.68,5.07-10.57,3.21-2.77,6.77-4.95,10.32-7.17,1.78-1.11,3.89-1.7,5.87-2.46,1.67-.64,3.36-1.26,5.08-1.76.82-.24,1.73-.23,2.6-.27,2.45-.12,4.96.38,7.3-.78.07-.03.16-.05.23-.04,2.66.15,5.2-.42,7.72-1.17.43-.13.93-.02,1.38-.02,1.44,4.37,2.82,8.68,4.28,12.97.48,1.41,1.01,2.83,1.76,4.11,1.88,3.18,4.41,3.63,7.33,1.41,5.06-3.85,9.55-8.27,13.37-13.37,1.27-1.69,2.59-3.35,4-4.94,1.27-1.43,1.79-3.17,2.38-4.9,1.65-4.82,3.9-9.36,6.41-13.78.97-1.7,2.1-3.36,3.42-4.81,2.72-2.98,6.3-4.78,9.86-6.53.57-.28,1.36-.12,1.98-.16Z" />
                </a>
                <a id="object8" class="cls-8 object"data-bs-toggle="modal"href="#modal-2" data-bs-target="#modal-2"
                    data-kecamatan="SAMARINDA SEBERANG" data-organisasi="{{ $org_5 }}"
                    data-pemuda="{{ $agt_5 }}"
                    data-gedung="{{ $gedung_organisasi_5 == null ? 0 : $gedung_organisasi_5->sum('gedung') }}"
                    data-olahraga="{{ $club_5 }}"
                    data-gd_olga="{{ $gedung_olahraga_5 == null ? 0 : $gedung_olahraga_5->sum('gedung') }}">
                    <path
                        d="m163.64,325.27c1.49,1.12,3.17,2.54,5.01,3.72,1.37.88,2.89,1.44,4.59,1.71,3.03.48,5.93,1.56,8.62,3.04.72.4,1.37,1.15,1.76,1.9.91,1.69,2.25,2.91,3.87,3.79,1.91,1.03,2.79,2.42,2.51,4.64-.18,1.42.03,2.88-.06,4.31-.07,1.01-.35,2.01-.53,3.02-.11.62-.28,1.24-.3,1.87-.06,1.9-.33,3.74-.71,5.63-.45,2.22-.59,4.6.42,6.99.74,1.76.98,3.78,1.96,5.52.93,1.66,1.69,3.41,2.66,5.05,1.1,1.85.91,2.7-.81,3.94-2.94,2.13-5.78,4.4-8.71,6.55-2.73,2-5.51,3.94-8.28,5.88-.3.21-.71.25-1.4.48-.1-1.12-.27-2.02-.26-2.93.07-5.04.22-10.07.24-15.11,0-1.16-.4-2.32-.6-3.48-.12-.7-.16-1.41-.3-2.11-.18-.92-.41-1.82-.64-2.73-.1-.38-.32-.73-.37-1.12-.55-3.78-1.07-7.56-1.6-11.34-.04-.32-.12-.63-.2-.94-.8-3.06-2.8-3.86-5.68-2.31-2.06,1.11-4.15,2.18-6.23,3.25-3.44,1.76-5.84,4.56-7.77,7.81-1.99,3.33-4.13,6.57-5.51,10.23-.87,2.3-1.8,4.57-2.72,6.84-1.61,3.99-4.51,7.02-7.43,10.04-3.04,3.14-6.1,6.25-9.22,9.31-.72.7-1.66,1.22-2.58,1.65-1.04.49-1.73-.25-2.09-1.06-1.11-2.46-2.19-4.94-3.12-7.47-.79-2.15-1.43-4.35-1.99-6.57-.18-.71-.14-1.72.24-2.29,2.28-3.34,4.57-6.67,7.08-9.83,2.21-2.79,3.58-5.92,4.56-9.27.57-1.95,1.19-3.89,1.74-5.85.4-1.43.74-2.88,1.03-4.34.77-3.89,1.49-7.79,2.27-11.68.14-.68.39-1.37.75-1.97,2.79-4.73,6.45-8.79,9.92-13.01,1.04-1.27,2.23-1.76,3.79-1.21,2.83,1,5.78,1.1,8.7.83,2.42-.23,4.81-.88,7.4-1.38Z" />

                </a>
                <a id="object9"class="cls-9 object"data-bs-toggle="modal"href="#modal-2" data-bs-target="#modal-2"
                    data-kecamatan="SAMARINDA ILIR" data-organisasi="{{ $org_3 }}"
                    data-pemuda="{{ $agt_3 }}"
                    data-gedung="{{ $gedung_organisasi_3 == null ? 0 : $gedung_organisasi_3->sum('gedung') }}"
                    data-olahraga="{{ $club_3 }}"
                    data-gd_olga="{{ $gedung_olahraga_3 == null ? 0 : $gedung_olahraga_3->sum('gedung') }}">

                    <path
                        d="m188.38,297.93c2.34-2.66,4.6-5.4,7.05-7.95,1.48-1.54,2.69-1.32,3.83.57,1.33,2.22,2.59,4.5,3.68,6.86,1.13,2.45,3.12,3.71,5.56,4.29,2.3.54,4.67.78,7.19,1.18.12.67.3,1.27.31,1.87.04,1.6-.07,3.2.01,4.8.23,4.05-1.52,7.38-3.87,10.44-1.88,2.45-3.92,4.78-5.95,7.11-1.86,2.14-1.87,4.52-.82,6.92,1.1,2.5,1.96,5,1.86,7.79-.09,2.8-.24,5.62.03,8.39.48,4.92-1.08,9.29-3.27,13.49-1.76,3.39-3.75,6.67-5.69,9.97-.38.65-.96,1.18-1.55,1.88-1.78-1.43-2.58-3.25-3.39-5.04-1.33-2.9-2.76-5.84-2.43-9.12.31-3.15.99-6.27,1.49-9.4.11-.71.24-1.43.21-2.13-.22-4.21.62-8.28,1.7-12.28.48-1.81,1.34-3.62,2.44-5.13,2.33-3.2,3.63-6.63,3.49-10.6-.17-4.87-.15-9.75-.45-14.61-.27-4.39-2.47-5.66-5.26-6.46-2.01-.58-4.35-.52-6.17-2.81Z" />
                </a>
                <a id="object10" class="cls-10 object"data-bs-toggle="modal"href="#modal-2" data-bs-target="#modal-2"
                    data-kecamatan="SAMARINDA KOTA" data-organisasi="{{ $org_4 }}"
                    data-pemuda="{{ $agt_4 }}"
                    data-gedung="{{ $gedung_organisasi_4 == null ? 0 : $gedung_organisasi_4->sum('gedung') }}"
                    data-olahraga="{{ $club_4 }}"
                    data-gd_olga="{{ $gedung_olahraga_4 == null ? 0 : $gedung_olahraga_4->sum('gedung') }}">

                    <path
                        d="m165.89,308.76c4.02-.96,7.15-2.62,9.23-5.86.58-.9,1.12-1.04,2.16-.5,1.24.64,2.64,1.09,4.02,1.31,2.08.33,4.12,0,5.86-1.33.66-.5,1.2-.55,1.96-.25,1.53.61,3.08,1.19,4.67,1.6,1.77.45,2.98,1.54,2.97,3.26-.03,4.47,1.6,8.73,1.3,13.26-.25,3.79-1.63,7.06-3.33,10.29-1.03,1.96-2.19,3.86-3.19,5.84-.8,1.59-1.28,1.77-2.63.56-1.29-1.16-2.64-2.3-3.72-3.64-2.52-3.12-6.02-4.23-9.7-4.73-2.74-.37-4.97-1.54-7.06-3.17-.93-.72-1.39-1.62-1.36-2.88.1-3.81.23-7.64-.98-11.35-.23-.71-.13-1.53-.19-2.4Z" />

                </a>

            </svg>
        </div>
        <div class="d-flex flex-column justify-content-center m-lg-5">
            <div class="card">
                <div class="card-body px-4 py-4-5">
                    <div class="row">
                        <div class="col-md-4 col-lg-12 col-xl-12 col-xxl-5 d-flex justify-content-start">
                            <div class="stats-icon blue mb-2 ">
                                <i class="bi bi-people-fill center"></i>
                            </div>
                        </div>
                        <div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
                            <h6 class="text-muted font-semibold">
                                Organisasi
                            </h6>
                            <h6 class="font-extrabold mb-0">{{ $organisasi }}</h6>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="card-body px-4 py-4-5">
                    <div class="row">
                        <div class="col-md-4 col-lg-12 col-xl-12 col-xxl-5 d-flex justify-content-start">
                            <div class="stats-icon green mb-2">
                                <i class="bi bi-file-person center"></i>
                            </div>
                        </div>
                        <div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
                            <h6 class="text-muted font-semibold">
                                Pemuda Yang Terdaftar
                            </h6>
                            <h6 class="font-extrabold mb-0">{{ $anggota }}</h6>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="card-body px-4 py-4-5">
                    <div class="row">
                        <div class="col-md-4 col-lg-12 col-xl-12 col-xxl-5 d-flex justify-content-start">
                            <div class="stats-icon red mb-2">
                                <i class="bi bi-building center"></i>
                            </div>
                        </div>
                        <div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
                            <h6 class="text-muted font-semibold">
                                Gedung Organisasi
                            </h6>
                            <h6 class="font-extrabold mb-0">{{ $gdg_organisasi }}</h6>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="card-body px-4 py-4-5">
                    <div class="row">
                        <div class="col-md-4 col-lg-12 col-xl-12 col-xxl-5 d-flex justify-content-start">
                            <div class="stats-icon purple mb-2">
                                <i class="bi bi-building-fill center"></i>
                            </div>
                        </div>
                        <div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
                            <h6 class="text-muted font-semibold">
                                Gedung Olahraga
                            </h6>
                            <h6 class="font-extrabold mb-0">{{ $gdg_olahraga }}</h6>
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>



    {{-- modal-Kecamatan --}}



    <div class="modal modalkc card shadow flex-row" id="modal1">
        <img class="modal-img rounded mr-3" src="{{ asset('assets/images/logo.png') }}" alt="">
        <h6 class="text-green-dark m-0 ">SAMARINDA UTARA</h6>
    </div>
    <div class="modal modalkc card shadow flex-row" id="modal2">
        <img class="modal-img rounded mr-3" src="{{ asset('assets/images/logo.png') }}" alt="">
        <h6 class="text-green-dark m-0 ">SUNGAI KUNJANG</h6>
    </div>
    <div class="modal modalkc card shadow flex-row" id="modal3">
        <img class="modal-img rounded mr-3" src="{{ asset('assets/images/logo.png') }}" alt="">
        <h6 class="text-green-dark m-0 ">SAMBUTAN</h6>
    </div>
    <div class="modal modalkc card shadow flex-row" id="modal4">
        <img class="modal-img rounded mr-3" src="{{ asset('assets/images/logo.png') }}" alt="">
        <h6 class="text-green-dark m-0 ">PALARAN</h6>
    </div>
    <div class="modal modalkc card shadow flex-row" id="modal5">
        <img class="modal-img rounded mr-3" src="{{ asset('assets/images/logo.png') }}" alt="">
        <h6 class="text-green-dark m-0 ">SAMARINDA ULU</h6>
    </div>
    <div class="modal modalkc card shadow flex-row" id="modal6">
        <img class="modal-img rounded mr-3" src="{{ asset('assets/images/logo.png') }}" alt="">
        <h6 class="text-green-dark m-0 ">SUNGAI PINANG</h6>
    </div>
    <div class="modal modalkc card shadow flex-row" id="modal7">
        <img class="modal-img rounded mr-3" src="{{ asset('assets/images/logo.png') }}" alt="">
        <h6 class="text-green-dark m-0 ">LOA JANAN ILIR</h6>
    </div>
    <div class="modal modalkc card shadow flex-row" id="modal8">
        <img class="modal-img rounded mr-3" src="{{ asset('assets/images/logo.png') }}" alt="">
        <h6 class="text-green-dark m-0 ">SAMARINDA SEBRANG</h6>
    </div>
    <div class="modal modalkc card shadow flex-row" id="modal9">
        <img class="modal-img rounded mr-3" src="{{ asset('assets/images/logo.png') }}" alt="">
        <h6 class="text-green-dark m-0 ">SAMARINDA ILIR</h6>
    </div>
    <div class="modal modalkc card shadow flex-row" id="modal10">
        <img class="modal-img rounded mr-3" src="{{ asset('assets/images/logo.png') }}" alt="">
        <h6 class="text-green-dark m-0 ">SAMARINDA KOTA</h6>
    </div>

    <script>
        // Ambil semua objek dan modal bersidarkan class
        const objects = document.querySelectorAll('.object');
        const modals = document.querySelectorAll('.modal');

        // Fungsi untuk menampilkan modal
        function showModal(modal) {
            modal.style.display = 'flex';
        }

        // Fungsi untuk menyembunyikan modal
        function hideModal(modal) {
            modal.style.display = 'none';
        }

        // Fungsi untuk menggerakkan modal berdasarkan posisi mouse
        function moveModal(e, modal) {
            const x = e.clientX;
            const y = e.clientY;

            modal.style.left = x + 15 + 'px';
            modal.style.top = y + 15 + 'px';
        }

        // Loop melalui semua objek dan tambahkan event listener yang sesuai
        objects.forEach((object, index) => {
            object.addEventListener('mouseover', () => {
                showModal(modals[index]);
            });

            object.addEventListener('mouseout', () => {
                hideModal(modals[index]);
            });

            object.addEventListener('mousemove', (e) => {
                moveModal(e, modals[index]);
            });
        });
    </script>
    {{-- modal-kecamatan --}}
    {{-- Modal-Keterangan-click --}}
    <div class="modal fade" id="modal-2" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <img class="mr-3" src="{{ asset('assets/images/logo.png') }}"style="width=50px" height="50px"
                        alt="">
                    <h5 class="modal-title td" id="Title"></h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="box p-4 " style="border-radius: 10px!important;">
                        <table>
                            <tbody>
                                <tr id="tr">
                                    <td class="text-green">Organisasi</td>
                                    <td class="pl-3 pr-3 text-green-dark">:</td>
                                    <td class="td text-green-dark" id="organisasi"></td>
                                </tr>
                                <tr id="tr">
                                    <td class="text-green">Jumlah Pemuda</td>
                                    <td class="pl-3 pr-3 text-green-dark">:</td>
                                    <td class="td text-green-dark" id="pemuda"></td>
                                </tr>
                                <tr id="tr">
                                    <td class="text-green">Gedung Organisasi</td>
                                    <td class="pl-3 pr-3 text-green-dark">:</td>
                                    <td class="td text-green-dark" id="gedung"></td>
                                </tr>
                                <tr id="tr">
                                    <td class="text-green">Organisasi Olahraga</td>
                                    <td class="pl-3 pr-3 text-green-dark">:</td>
                                    <td class="td text-green-dark" id="olahraga"></td>
                                </tr>
                                <tr id="tr">
                                    <td class="text-green">Gedung Olahraga</td>
                                    <td class="pl-3 pr-3 text-green-dark">:</td>
                                    <td id="gd_olga" class="td text-green-dark"></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="modal-footer" style="background-color:#3F8664!important;">
                    <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    @push('script-modal')
        <script>
            $(document).on('click', '.object', function() {
                let organisasi = $(this).data('organisasi')
                let pemuda = $(this).data('pemuda')
                let gedung = $(this).data('gedung')
                let olahraga = $(this).data('olahraga')
                let gd_olga = $(this).data('gd_olga')
                let kecamatan = $(this).data('kecamatan')



                $('.td').empty();
                $('#tr #organisasi').append(organisasi);
                $('.modal-header #Title').append(kecamatan);
                $('#tr #pemuda').append(pemuda);
                $('#tr #gedung').append(gedung);
                $('#tr #olahraga').append(olahraga);
                $('#tr #gd_olga').append(gd_olga);

            });
        </script>
    @endpush
    {{-- Modal-Keterangan-click --}}
@endsection