@extends('layouts.dashboardIndex')
@section('title', 'Monitoring Kelurahan')
@section('dashboard_content')
<!-- Show Ketua RW Modal -->
<div class="modal fade" id="showrw" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5><i class="fas fa-user"></i> Rumah Ketua RW : <b id="rw-nomorRw-modal"></b></h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <center id="loading-data-rw" style="display:none;">
                    <div class="loader mb-2"></div>
                    <h5>Sedang memproses data...</h5>
                </center>
                <div id="data-rw" style="display:none;">
                <p><i class="fas fa-home"></i> Kelurahan <b id="rw-lurah-modal"></b></p>
                <hr>
                <ul style="list-style:none;left:-40px;position:relative">
                    <li><i class="fas fa-user"></i> Ketua RW : <b id="rw-ketuarw-modal"></b>
                        <ul>
                            <li>Sekretaris : <b id="rw-sekretaris-modal"></b>
                            </li>
                            <li>Bendahara : <b id="rw-bendahara-modal"></b>
                            </li>
                        </ul>
                    </li>
                </ul>
                <hr>
                <p><i class="fas fa-city"></i> Total Bangunan : <b id="rw-totalBangunan-modal"></b> Bangunan
                </p>
                <hr>
                <p><i class="fas fa-id-card"></i> Total Kartu keluarga : <b id="rw-totalKK-modal"></b> lembar</p>
                <hr>
                <p><i class="fas fa-users"></i> Total Warga RW : <b id="rw-totalWarga-modal"></b> orang</p>
                <hr>
                <p><i class="fas fa-map-marker-alt"></i> Lokasi kantor RW (Latitude / Longitude) : <b
                        id="kantorRw-latitude-modal"></b> / <b id="kantorRw-longitude-modal"></b></p>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<!-- Show Ketua RT Modal -->
<div class="modal fade" id="showrt" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5><i class="fas fa-user"></i> Rumah Ketua RT : <b id="rt-nomorRt-modal"></b></h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <center id="loading-data-rt" style="display:none;">
                    <div class="loader mb-2"></div>
                    <h5>Sedang memproses data...</h5>
                </center>
                <div id="data-rt" style="display:none;">
                    <p><i class="fas fa-home"></i> RW <b id="rt-nomorRw-modal"></b> <b
                            id="rt-lurah-modal"></b></p>
                    <hr>
                    <ul style="list-style:none;left:-40px;position:relative">
                        <li><i class="fas fa-user"></i> Ketua RT : <b id="rt-ketuart-modal"></b>
                            <ul>
                                <li>Sekretaris : <b id="rt-sekretaris-modal"></b>
                                </li>
                                <li>Bendahara : <b id="rt-bendahara-modal"></b>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <hr>
                    <p><i class="fas fa-city"></i> Total Bangunan : <b id="rt-bangunan-modal"></b> Bangunan</p>
                    <hr>
                    <p><i class="fas fa-id-card"></i> Kartu keluarga : <b id="rt-kk-modal"></b> Lembar</p>
                    <hr>
                    <p><i class="fas fa-users"></i> Total Warga : <b id="rt-totalWarga-modal"></b> orang</p>
                    <hr>
                    <p><i class="fas fa-map-marker-alt"></i> Lokasi rumah ketua RT (Latitude / Longitude) : <b
                            id="ketuaRt-latitude-modal"></b> / <b id="ketuaRt-longitude-modal"></b></p>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<!-- Content -->
<div id="mapid"></div>
<div id="modalisi"></div>
@endsection

@section('jsExternalAdd')
@include('layouts.mapsJS.indexJS')
@endsection