{% load static %}
<ul class="dock" style="right: 0;position: absolute;">
    <li class="fixed-plugin" style="top: 100px;">
        <div class="dropdown show-dropdown">
            <a href="#" data-toggle="dropdown">
                <i class="fa fa-map-o fa-2x" style="color: white;
                padding: 10px;
                border-radius: 0 0 6px 6px;
                width: auto;"> </i>
            </a>
            <ul class="dropdown-menu" x-placement="bottom-start">
                <li class="header-title text-center">Maps BaseLayer</li>
                <div class="dropdown-content-body">
                    <div class="row text-center">
                        <div class="col-md-3" style="margin-top: 2px;">
                            <ul class="menu-list">
                                <a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="OpenStreetMap">
                                    <img src="{% static 'img/maps/osm.PNG' %}" alt="" style="min-width: 180px; min-height:20px;max-height: 130px;">
                                    <span class="menu-heading">
                                        Google Street</span>
                                </a>
                            </ul>
                        </div>
                        <div class="col-md-3">
                            <ul class="menu-list">
                                <a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="WorldImagery">
                                    <img src="{% static 'img/maps/esri.png' %}" alt="" style="min-width: 180px; max-height: 130px;
                                min-height: 130px">
                                    <span class="menu-heading">
                                            World Imagery</span>
                                </a>
                            </ul>
                        </div>
                        <div class="col-md-3">
                            <ul class="menu-list">
                                <a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="BingSatellite">
                                    <img src="{% static 'img/maps/bing.png' %}" alt="" style="min-width: 180px; max-height: 130px;
                                min-height: 130px">
                                    <span class="menu-heading">
                                        Bing Satellite</span>
                                </a>
                            </ul>
                        </div>
                        <div class="col-md-3">
                            <ul class="menu-list">
                                <a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="GoogleSatellite">
                                    <img src="{% static 'img/maps/esri.png' %}" alt="" style="min-width: 180px; max-height: 130px;
                                min-height: 130px">
                                    <span class="menu-heading">
                                        Google Satellite</span>
                                </a>
                            </ul>
                        </div>
                    </div>
                </div>
            </ul>
        </div>
    </li>
    <li class="fixed-plugin" style="top: 160px;">

        <div class="dropdown show-dropdown">
            <a href="#" data-toggle="dropdown">
                <i class="fa fa-cog fa-2x" style="font-size: 36px;
                color: white;
                margin: 4px;
                margin-left: 10px;"> </i>
            </a>
            <ul class="dropdown-menu">
                <li class="header-title text-center">Sidebar Filters</li>
                <!-- <div id="sidebar" onmouseleave="overll()">
                    <div class="sidebar-wrapper">
                        <div class="panel panel-default" id="features">
                            <div class="panel-body"> -->
                <div class="row" style="margin: 0;padding: 0;">
                    <div class="col-md-6">

                        <div class="checkbox">
                            <label>
                                <input type="checkbox" id="geo_tuplah" onclick="geotuplah()" style="margin-top:2px;">
                                Lahan
                            </label>
                        </div>


                        <div class="checkbox">
                            <label>
                            <input type="checkbox" id="geo_building" style="margin-top:2px;">
                            Bangunan
                        </label>
                        </div>
                        <ul class="nasted active">
                            <div class="checkbox">
                                <label>
                                <input type="checkbox" id="2d-maps" style="margin-top:2px;">
                                Bangunan 2D Maps
                            </label>
                            </div>
                            <div class="checkbox">
                                <label>
                                <input type="checkbox" id="3d-maps" onclick="map3d()" style="margin-top:2px;">
                                Bangunan 3D Maps
                            </label>
                            </div>
                        </ul>






                        <div class="checkbox">
                            <label>
                                <input type="checkbox" id="geo_jalan" onclick="geojalan()" style="margin-top:2px;">
                                Jalan
                            </label>
                        </div>

                        <div class="checkbox">
                            <label>
                                <input type="checkbox" id="geo_sungai" onclick="geosungai()" style="margin-top:2px;">
                                Sungai
                            </label>
                        </div>
                        <div class="checkbox">
                            <label>
                                    <input type="checkbox" id="batas_all" onclick="batasall()" style="margin-top:2px;" >
                                    Batas Teritori
                                </label>
                        </div>
                        <ul class="nasted active">
                            <div class="checkbox">
                                <label>
                                        <input class="active" checked="true" type="checkbox" id="batas_kota" onclick="bataskota()" style="margin-top:2px;">
                                        Batas Kabupaten/Kota
                                    </label>
                            </div>

                            <div class="checkbox">
                                <label>
                                        <input type="checkbox" id="batas_kec" onclick="bataskec()" style="margin-top:2px;">
                                        Batas Kecamatan     
                                    </label>
                            </div>

                            <div class="checkbox">
                                <label>
                                        <input type="checkbox" id="batas_desa" onclick="batasdesa()" style="margin-top:2px;">
                                        Batas Desa/Kelurahan
                                    </label>
                            </div>
                        </ul>
                    </div>
                    <div class="col-md-6">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" id="po_all" onclick="gas_all()" value="BLACK" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
                                    Point
                            </label>
                        </div>

                        <ul class="nasted active">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="knt_adm" onclick="k_adm()" value="BLACK" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
                                    Kantor Administrasi
                                </label>
                            </div>

                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="lyn_kes" onclick="l_kes()" value="RED" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
                                    Layanan Kesehatan     
                                </label>
                            </div>

                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="pus" onclick="pks()" value="YELLOW" class="checkboxOccInfo"  name="checkOccInfo" style="margin-top:2px;">
                                    Puskesmas
                                </label>
                            </div>
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="rusak" onclick="rs()" value="YELLOW" class="checkboxOccInfo"  name="checkOccInfo" style="margin-top:2px;">
                                    Rumah Sakit
                                </label>
                            </div>
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="ibdh" onclick="fiksi()" value="YELLOW" class="checkboxOccInfo"  name="checkOccInfo" style="margin-top:2px;">
                                    Sarana Ibadah
                                </label>
                            </div>
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="dididik" onclick="didik()" value="YELLOW" class="checkboxOccInfo"  name="checkOccInfo" style="margin-top:2px;">
                                    Sarana Pendidikan
                                </label>
                            </div>
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="pom_bengsin" onclick="pom_mini()" value="YELLOW" class="checkboxOccInfo"  name="checkOccInfo" style="margin-top:2px;">
                                    SPBU
                                </label>
                            </div>
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="tasiun" onclick="sthall()" value="YELLOW" class="checkboxOccInfo"  name="checkOccInfo" style="margin-top:2px;">
                                    Stasiun
                                </label>
                            </div>
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="caheum" onclick="temanggung()" value="YELLOW" class="checkboxOccInfo"  name="checkOccInfo" style="margin-top:2px;">
                                    Terminal Bus
                                </label>
                            </div>
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="cabud" onclick="cb100()" value="YELLOW" class="checkboxOccInfo"  name="checkOccInfo" style="margin-top:2px;">
                                    Cagar Budaya dan Pariwisata
                                </label>
                            </div>
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="gardu" onclick="gl100()" value="YELLOW" class="checkboxOccInfo"  name="checkOccInfo" style="margin-top:2px;">
                                    Gardu Listrik
                                </label>
                            </div>
                        </ul>
                    </div>
                </div>
            </ul>
        </div>
    </li>
    <!-- Second navbar -->

</ul>