Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Shared/String.php on line 526

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Shared/String.php on line 527

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Shared/String.php on line 538

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Shared/String.php on line 539

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Shared/String.php on line 541

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Shared/String.php on line 542

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Calculation.php on line 2551

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Calculation.php on line 2551

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Calculation.php on line 2672

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Calculation.php on line 2672

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Calculation.php on line 2676

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Calculation.php on line 2764

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Calculation.php on line 2768

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Calculation.php on line 2780

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Calculation.php on line 3034

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Calculation.php on line 3166

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Calculation.php on line 3168

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Calculation.php on line 3169

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Calculation.php on line 3457

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Calculation.php on line 3457

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Calculation.php on line 3460

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Calculation.php on line 3461

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Calculation.php on line 3891

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Calculation.php on line 3891

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Calculation.php on line 3936

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Calculation.php on line 3942

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Calculation.php on line 3998

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Calculation.php on line 4001

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Worksheet/AutoFilter.php on line 720

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/admindisdik/public_html/simsarpras.disdikpku.org/application/libraries/PHPExcel/Worksheet/AutoFilter.php on line 720
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <title>Sistem Aplikasi Sarana dan Prasarana</title>
    <meta name="description" content="">
    <meta name="keywords" content="">

    <!-- Favicons -->
    <link href="https://simsarpras.disdikpku.org/assets/foto/intel.png" rel="icon">
    <link href="https://simsarpras.disdikpku.org/assets/landing2/img/apple-touch-icon.png" rel="apple-touch-icon">

    <!-- Fonts -->
    <link href="https://fonts.googleapis.com" rel="preconnect">
    <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Bitter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

    <!-- Vendor CSS Files -->
    <link href="https://simsarpras.disdikpku.org/assets/landing2/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://simsarpras.disdikpku.org/assets/landing2/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
    <link href="https://simsarpras.disdikpku.org/assets/landing2/vendor/aos/aos.css" rel="stylesheet">
    <link href="https://simsarpras.disdikpku.org/assets/landing2/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">

    <!-- Main CSS File -->
    <link href="https://simsarpras.disdikpku.org/assets/landing2/css/main.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.3/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/2.3.4/css/dataTables.bootstrap5.css">
    <style>
        #jam span {
            /* float: left; */
            color: white;
            text-align: center;
            font-size: 20px;
            margin: 0 2.5%;
            padding: 20px;
            width: 15%;
            border-radius: 10px;
            box-sizing: border-box;
            background-color: #7d85f5;
        }


        #jam::after {
            content: "";
            display: block;
            clear: both;
        }

        #unit span {
            float: left;
            width: 20%;
            margin-top: 30px;
            text-align: center;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-size: 18px;
            text-shadow: 1px 1px 1px rgba(10, 10, 10, 0.7)
        }

        span.turn {
            animation: turn 0.7s ease;
        }

        @keyframes turn {
            0% {
                transform: rotateX(0deg)
            }

            100% {
                transform: rotateX(360deg)
            }
        }

        @media screen and (max-width: 980px) {
            #jam span {
                /* float: left; */
                text-align: center;
                font-size: 20px;
                margin: 0 1.5%;
                padding: 20px;
                width: 20%;
            }

            h1 {
                margin: 20px 5%;
            }

            .jam-digital {
                width: 100%;
                margin: 10% 20%;
            }

            #unit span {
                width: 23%;
            }
        }
    </style>
</head>

<body class="index-page">
    <header id="header" class="header d-flex align-items-center sticky-top">
        <div class="container position-relative d-flex align-items-center justify-content-between">

            <a href="https://simsarpras.disdikpku.org/home" class="logo d-flex align-items-center me-auto me-xl-0" style="text-decoration: none;font-weight: bold;">
                <!-- Uncomment the line below if you also wish to use an image logo -->
                <img src="https://simsarpras.disdikpku.org/assets/foto/intel.png" alt="">
                <h1 class="sitename">SIMSARPRAS</h1>
                <!-- <p>home</p> -->
            </a>

            <nav id="navmenu" class="navmenu">
                <ul>
                    <li><a href="https://simsarpras.disdikpku.org/" class="active" style="text-decoration: none;">Home</a></li>
                    <li class="dropdown"><a href="#"><span style="text-decoration: none;">Kategori</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
                        <ul>
                            <li><a href="https://simsarpras.disdikpku.org/sarpras?kategori=baik">Sarpras Baik</a></li>
                            <li><a href="https://simsarpras.disdikpku.org/sarpras?kategori=rusakringan">Sarpras Rusak Ringan</a></li>
                            <li><a href="https://simsarpras.disdikpku.org/sarpras?kategori=rusaksedang">Sarpras Rusak Sedang</a></li>
                            <li><a href="https://simsarpras.disdikpku.org/sarpras?kategori=rusakberat">Sarpras Rusak Berat</a></li>
                        </ul>
                    </li>
                </ul>
                <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
            </nav>

            <a class="btn-getstarted d-none d-sm-block" href="https://simsarpras.disdikpku.org/auth" style="text-decoration: none;">LOGIN</a>

        </div>
    </header>    <main class="main">
        <section>
            <div class="row">
                <div class="col-md">
                    <!-- <div class="row mb-3" style="margin-left: 30px;margin-right: 30px;">
                        <img src="https://simsarpras.disdikpku.org/assets/foto/disdik.jpg" alt="" class="img-fluid" style="width:100%;height:50vh">
                    </div> -->
                    <div class="box box-danger  box-solid ">
                        <div class="box-header">
                            <h3 class="box-title text-center">SD NEGERI 103 PEKANBARU</h3>
                        </div>
                        <div class="box-body justify-content-center m-4">
                            <div class="box-body table-responsive no-padding">
                                <div class="row justify-content-center">
                                    <div class="col-md-3 mb-3">
                                        <div class="card" style="width: 100%;">
                                            <img src="https://simsarpras.disdikpku.org/assets/foto/gambartidaktersedia.png " alt="" class="img-thumbnail">
                                            <div class="card-body">
                                                <h5 class="card-title">SD NEGERI 103 PEKANBARU</h5>
                                                <p class="card-text">Jl. Teluk Leok</p>

                                                <div class="map">
                                                    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDfO6Du-DCCxXCQ__2i3emrw5L7GVMkw1o&callback=mapApi" async defer></script>
                                                    <div data-aos="zoom-out">
                                                        <div id="map_canvas"></div>
                                                    </div>
                                                </div>
                                                <a class="btn btn-secondary mt-2 justify-content-center" id="goToSekolah">Lokasi</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-5">
                                        <div class="row">
                                            <a href="https://simsarpras.disdikpku.org/home/pdf_sekolah/89" class="col-md-2 mb-3 btn btn-secondary" target="_blank">DOWNLOAD</a>
                                        </div>
                                        <div class="row">
                                            <table id="" class="table table-bordered table-striped mb-2">
                                                <thead class="table-light">
                                                    <tr>
                                                        <th>NAMA SARPRAS</th>
                                                        <th class="text-center">BAIK</th>
                                                        <th class="text-center">RUSAK RINGAN</th>
                                                        <th class="text-center">RUSAK SEDANG</th>
                                                        <th class="text-center">RUSAK BERAT</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                                                                            <tr>
                                                            <td colspan=5 class="text-center">Data Kosong</td>
                                                        </tr>
                                                                                                    </tbody>
                                            </table>
                                        </div>

                                        <div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
                                            <div class="modal-dialog modal-dialog-centered">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <h5 class="modal-title" id="staticBackdropLabel">SD NEGERI 103 PEKANBARU</h5>
                                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                    </div>
                                                    <div class="modal-body">
                                                        <div class="justify-content-center fotoSarpras text-center">
                                                            <!-- <img src="https://simsarpras.disdikpku.org/assets/foto/disdik.jpg " alt="" class="img-thumbnail"> -->
                                                        </div>
                                                        <hr>
                                                        <div class="text-center">
                                                            <h4 id="namaSarpras"></h4>
                                                        </div>
                                                        <hr>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </main>   <footer id="footer" class="footer light-background">
       <!-- <footer id="footer"> -->

       <div class="container">
           <div class="row ">
               <div class="col-md">
                   <div class="footer-content mb-3 justify-content-center text-center">
                       <a href="https://simsarpras.disdikpku.org/" class="logo" style="text-decoration: none;">
                           <span class="sitename" style="text-shadow:1px 1px 1px black;color:black">SIMSARPRAS</span>
                       </a>
                       <h4 class="mt-3" style="color:white;text-shadow:1px 1px 1px black">SISTEM SARANA DAN PRASARANA</h4>
                       <!-- <p class="mb-4">SISTEM SARANA DAN PRASARANA - DINAS PENDIDIKAN KOTA PEKANBARU</p> -->
                   </div>
                   <div class="card">
                       <div class="card-body">
                           <!-- This is some text within a card body. -->
                           <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7417.700186649319!2d101.35424436270029!3d0.4973004200899575!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31d5aea2015751ed%3A0x781c2801aeec1e6f!2sDinas%20Pendidikan%20-%20Kota%20Pekanbaru!5e1!3m2!1sid!2sid!4v1759923547879!5m2!1sid!2sid" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                       </div>
                   </div>
               </div>
               <!-- <div class="col-md"> -->
               <!-- </div> -->
               <!-- <div class="col-md-2">
                   <div class="footer-links">
                       <h4>TK</h4>
                   </div>
               </div>

               <div class="col-md-2">
                   <div class="footer-links">
                       <h4>SD</h4>
                       <ul>
                           <li><a href="https://simsarpras.disdikpku.org/home/sekolah/86" target="_blank"><i class="bi bi-chevron-right"></i> SDN 1 PEKANBARU</a></li>
                           <li><a href="https://simsarpras.disdikpku.org/home/sekolah/184" target="_blank"><i class=" bi bi-chevron-right"></i> SDN 2 PEKANBARU</a></li>
                           <li><a href="https://simsarpras.disdikpku.org/home/sekolah/194" target="_blank"><i class=" bi bi-chevron-right"></i> SDN 3 PEKANBARU</a></li>
                           <li><a href="https://simsarpras.disdikpku.org/home/sekolah/213" target="_blank"><i class=" bi bi-chevron-right"></i> SDN 5 PEKANBARU</a></li>
                           <li><a href="https://simsarpras.disdikpku.org/home/sekolah/221" target="_blank"><i class=" bi bi-chevron-right"></i> SDN 6 PEKANBARU</a></li>
                       </ul>
                   </div>
               </div>

               <div class="col-md-2">
                   <div class="footer-links">
                       <h4>SMP</h4>
                       <ul>
                           <li><a href="https://simsarpras.disdikpku.org/home/sekolah/365" target="_blank"><i class=" bi bi-chevron-right"></i> SMPN 1 PEKANBARU</a></li>
                           <li><a href="https://simsarpras.disdikpku.org/home/sekolah/375" target="_blank"><i class=" bi bi-chevron-right"></i> SMPN 2 PEKANBARU</a></li>
                           <li><a href="https://simsarpras.disdikpku.org/home/sekolah/386" target="_blank"><i class=" bi bi-chevron-right"></i> SMPN 3 PEKANBARU</a></li>
                           <li><a href="https://simsarpras.disdikpku.org/home/sekolah/397" target="_blank"><i class=" bi bi-chevron-right"></i> SMPN 4 PEKANBARU</a></li>
                           <li><a href="https://simsarpras.disdikpku.org/home/sekolah/403" target="_blank"><i class=" bi bi-chevron-right"></i> SMPN 5 PEKANBARU</a></li>
                       </ul>
                   </div>
               </div> -->
           </div>
       </div>

       <div class="footer-bottom" style="background-color: white;">
           <div class="container">
               <div class="row align-items-center">
                   <div class="col-lg-6">
                       <div class="copyright">
                           <p>© <span>Copyright</span> <strong class="px-1 sitename">Dinas Pendidikan Pekanbaru</strong> <span>2026</span></p>
                       </div>
                   </div>
               </div>
           </div>
       </div>

   </footer>

   <!-- Scroll Top -->
   <a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

   <!-- Preloader -->
   <div id="preloader"></div>

   <!-- Vendor JS Files -->
   <script src="https://code.jquery.com/jquery-3.7.1.js"></script>
   <script src="https://cdn.datatables.net/2.3.4/js/dataTables.js"></script>
   <script src="https://cdn.datatables.net/2.3.4/js/dataTables.bootstrap5.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.3/js/bootstrap.bundle.min.js"></script>
   <script src="https://simsarpras.disdikpku.org/assets/landing2/vendor/php-email-form/validate.js"></script>
   <script src="https://simsarpras.disdikpku.org/assets/landing2/vendor/aos/aos.js"></script>
   <script src="https://simsarpras.disdikpku.org/assets/landing2/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
   <script src="https://simsarpras.disdikpku.org/assets/landing2/vendor/isotope-layout/isotope.pkgd.min.js"></script>
   <script src="https://simsarpras.disdikpku.org/assets/landing2/vendor/glightbox/js/glightbox.min.js"></script>

   <!-- Main JS File -->
   <script src="https://simsarpras.disdikpku.org/assets/landing2/js/main.js"></script>
   <script>
       let peta;
       let tanda;

       $(document).ready(function() {
           let jenjang = 'SD';
           let sarpras = 12;
           let table = new DataTable('#datatable');

           $('#tablesarana').DataTable({
               //    "info": false,
               "language": {
                   "lengthMenu": "_MENU_", // This will only show the dropdown
                   "emptyTable": "Data Tidak Tersedia",

               },
               "pageLength": 15,
               lengthMenu: [10, 15, 25, 50, 100]
           });
           //    table.info(false)
           table.column(0).visible(false)
           $('#jenjang').on('change', function() {
               table.destroy();
               jenjang = $(this).val();
               $('#downloadHomePDF').attr('href', "https://simsarpras.disdikpku.org/home/pdf?jenjang=" + jenjang + '&&sarpras=' + sarpras)
               $('#downloadHomeExcel').attr('href', "https://simsarpras.disdikpku.org/home/excel?jenjang=" + jenjang + '&&sarpras=' + sarpras)
               let url = 'https://simsarpras.disdikpku.org/home/getData/' + jenjang + '/' + sarpras
               table = $('#datatable').DataTable({
                   'ajax': {
                       "url": url,
                       'type': 'GET'
                   },
                   "info": false,
                   "language": {
                       "lengthMenu": "_MENU_", // This will only show the dropdown
                       "emptyTable": "Data Tidak Tersedia"
                   }
               });
               table.column(0).visible(false)
           });

           $('#sarpras').on('change', function() {
               let nama = $(this).find(":selected").text();
               $('#namaSarpras').html(nama)
               //    console.log(nama)
               table.destroy();
               sarpras = $(this).val();
               $('#downloadHomePDF').attr('href', "https://simsarpras.disdikpku.org/home/pdf?jenjang=" + jenjang + '&&sarpras=' + sarpras)
               $('#downloadHomeExcel').attr('href', "https://simsarpras.disdikpku.org/home/excel?jenjang=" + jenjang + '&&sarpras=' + sarpras)
               let url = 'https://simsarpras.disdikpku.org/home/getData/' + jenjang + '/' + sarpras
               table = $('#datatable').DataTable({
                   'ajax': {
                       "url": url,
                       'type': 'GET'
                   },
                   "info": false,
                   "language": {
                       "lengthMenu": "_MENU_", // This will only show the dropdown
                       "emptyTable": "Data Tidak Tersedia"
                   }
               });
               table.column(0).visible(false)
           });

           //    $('.detailSekolahHome').on('click', function() {})
           const urlPath = window.location.pathname;
           const segments = urlPath.split('/').filter(segment => segment !== '');
           const idSekolah = segments.at(-1);

           $.ajax({
               type: "GET",
               url: 'https://simsarpras.disdikpku.org/home/getSekolah/' + idSekolah,
               dataType: "json",
               encode: true,
           }).done(function(data) {
               if (data.latitude == '' || data.longitude == '') {
                   $('.font_canvas').remove()
                   $('#map_canvas').append("<h6 class='font_canvas'>Data Latitude Longitude Tidak Tersedia</h6>")
                   $('.font_canvas').css({
                       "font-weight": 'bold'
                   })
               } else {
                   $('#map_canvas').css({
                       "width": '100%',
                       "height": '30vh'
                   })
                   var sekolah = new google.maps.LatLng(data.latitude, data.longitude);
                   var petaoption = {
                       zoom: 12.5,
                       center: sekolah,
                       mapTypeId: google.maps.MapTypeId.HYBRID
                   };

                   peta = new google.maps.Map(document.getElementById("map_canvas"), petaoption);

                   let mark = new google.maps.Marker({
                       position: sekolah, // Marker's position
                       map: peta, // The map object to which the marker is added
                       title: data.nama_sekolah // Optional title for the marker (appears on hover)
                   });
               }
           });

           $('#goToSekolah').on('click', function() {
               const urlPath = window.location.pathname;
               const segments = urlPath.split('/').filter(segment => segment !== '');
               const idSekolah = segments.at(-1);
               $.ajax({
                   url: "https://simsarpras.disdikpku.org/home/getSekolah/" + idSekolah,
                   success: function(result) {
                       navigator.geolocation.getCurrentPosition(
                           function(position) {
                               let latitude = position.coords.latitude;
                               let longitude = position.coords.longitude;
                               let namaSekolah = JSON.parse(result).nama_sekolah

                               let url = `https://www.google.com/maps/dir/${latitude},${longitude}/${namaSekolah}`
                               window.open(url, '_blank');
                           }
                       );
                   }
               });
           })

           $('#tipeSarana').on('change', function() {
               let id = $(this).val();
               window.location.href = `https://simsarpras.disdikpku.org/sarpras?kategori=${id}`;
           })
       });
       $(document).on('click', '#sarprasSekolah', function() {
           //    console.log($(this).data('id'))
           const id = $(this).data('id')
           const nama = $(this).data('nama')
           $('.noFoto').remove()
           $('.sarprasFoto').remove()
           $.ajax({
               url: "https://simsarpras.disdikpku.org//home/getFotoSarpras/" + id,
               type: "GET",
               dataType: "json",
               success: function(r) {
                   console.log(r);
                   $('#namaSarpras').html(nama)
                   if (r.length == 0) {
                       $('.fotoSarpras').append('<h4 class="noFoto">Foto Tidak Tersedia</h4>')
                   } else {
                       $('.fotoSarpras').append(`<img src ='http://localhost:8080/simsarpras/assets/foto/foto_prasarana/${r[0].foto}' class ='img-thumbnail sarprasFoto' >`)
                   }
                   //    $(".judul").html("UBAH - " + r.nama_sekolah);
                   //    $("#file_foto_sekolah").attr(
                   //        "src",
                   //        `/storage/${r.npsn}/${r.foto_sekolah}`
                   //    );
                   //    $("#file_foto_kepsek").attr(
                   //        "src",
                   //        `/storage/${r.npsn}/${r.foto_kepsek}`
                   //    );
                   //    $("#hp_koperasi").val(r.no_hp_koperasi);
               },
           });
       })
   </script>



   </body>

   </html>