{% load static %}
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Limitless - Responsive Web Application Kit by Eugene Kopyov</title>

    <!-- Global stylesheets -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css">
    <link href="{% static 'css/icons/icomoon/styles.css' %}" rel="stylesheet" type="text/css">
    <link href="{% static 'css/bootstrap.css' %}" rel="stylesheet" type="text/css">
    <link href="{% static 'css/core.css' %}" rel="stylesheet" type="text/css">
    <link href="{% static 'css/components.css' %}" rel="stylesheet" type="text/css">
    <link href="{% static 'css/colors.css' %}" rel="stylesheet" type="text/css">
    <!-- /global stylesheets -->

    <!-- Core JS files -->
    <script type="text/javascript" src="{% static 'js/plugins/loaders/pace.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/core/libraries/jquery.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/core/libraries/bootstrap.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/plugins/loaders/blockui.min.js' %}"></script>

    <!-- /core JS files -->

    <!-- Theme JS files -->
    <script type="text/javascript" src="{% static 'js/plugins/forms/selects/select2.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/plugins/visualization/d3/d3.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/plugins/visualization/d3/d3_tooltip.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/plugins/forms/styling/switchery.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/plugins/forms/styling/uniform.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/plugins/forms/selects/bootstrap_multiselect.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/plugins/ui/moment/moment.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/plugins/pickers/daterangepicker.js' %}"></script>

    <script type="text/javascript" src="{% static 'js/core/app.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/pages/dashboard.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/plugins/ui/nicescroll.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/plugins/ui/drilldown.js' %}"></script>


    <script type="text/javascript" src="{% static 'js/pages/form_layouts.js' %}"></script>
    <!-- /theme JS files -->



    <!-- /theme JS files -->
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
    <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>

    <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.css">
    <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.Default.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet.locatecontrol/dist/L.Control.Locate.min.css" />
    <link rel="stylesheet" href="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.css" />
    <link rel="stylesheet" href="https://unpkg.com/esri-leaflet-geocoder@2.3.3/dist/esri-leaflet-geocoder.css">

    <script src="https://cdn.jsdelivr.net/npm/leaflet.locatecontrol/dist/L.Control.Locate.min.js" charset="utf-8"></script>

    <!-- CSS Files -->
    <link href="{% static 'css/plugin.css'%}" rel="stylesheet" />
    <!-- CSS Just for demo purpose, don't include it in your project -->
    <script src="{% static 'js/Leaflet.Editables.js' %}"></script>
</head>

<body>

    <!-- Main navbar -->
    <div class="navbar navbar-inverse" style="background-color: #40777c;">
        <div class="navbar-header">
            <a class="navbar-brand" href="{% url 'apps:dashboard' %}">
                <!-- <h3>NationalAddress</h3> -->
                <i class=" icon-location4"></i>
                <b>&nbsp;&nbsp;OKU-GIS</b>
            </a>

            <ul class="nav navbar-nav pull-right visible-xs-block">
                <li><a data-toggle="collapse" data-target="#navbar-mobile"><i class="icon-tree5"></i></a></li>
            </ul>
        </div>
        <div class="navbar-collapse collapse" id="navbar-mobile">

            <p class="navbar-text"><span class="label bg-success-400">Online</span></p>
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown dropdown-user">
                    <a class="dropdown-toggle" data-toggle="dropdown">
                        <img src="{% static 'img/placeholder.jpg' %}" alt="">
                        <span>{{user.username}}</span>
                        <i class="caret"></i>
                    </a>

                    <ul class="dropdown-menu dropdown-menu-right">
                        <li><a href="#"><i class="icon-user-plus"></i> My profile</a></li>
                        <li><a href="#"><i class="icon-cog5"></i> Account settings</a></li>
                        <li class="divider"></li>

                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <!-- /main navbar -->


    <!-- Page container -->
    <div class="page-container">

        <!-- Page content -->
        <div class="page-content">

            <!-- Main sidebar -->
            <div class="sidebar sidebar-main">
                <div class="sidebar-content">

                    <!-- User menu -->
                    <div class="sidebar-user">
                        <div class="category-content">
                            <div class="media">
                                <a href="#" class="media-left"><img src="assets/images/placeholder.jpg" class="img-circle img-sm" alt=""></a>
                                <div class="media-body">
                                    <span class="media-heading text-semibold">Victoria Baker</span>
                                    <div class="text-size-mini text-muted">
                                        <i class="icon-pin text-size-small"></i> &nbsp;Santa Ana, CA
                                    </div>
                                </div>

                                <div class="media-right media-middle">
                                    <ul class="icons-list">
                                        <li>
                                            <a href="#"><i class="icon-cog3"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- Page container -->
    <div class="page-container">

        <!-- Page content -->
        <div class="page-content">

            <!-- Main content -->
            <div class="content-wrapper">



                <!-- 2 columns form -->
                <form class="form-horizontal" action="#">
                    <div class="panel panel-flat">
                        <div class="panel-heading">
                            <h5 class="panel-title">Informasi Kelurahan & Batas Wilayah</h5>
                        </div>

                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-6" style="margin-left: 30px;
                                    max-width: 500px;">
                                    <fieldset>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Image</label>
                                            <div class="col-lg-9">
                                                <input type="file" class="file-styled">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Kode Kelurahan/Desa:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value={{result_poly.administrasi.f1}}>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Kelurahan/Desa</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value={{result_poly.administrasi.f2}}>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Kecamatan</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value={{result_poly.administrasi.f3}}>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Kabupaten/Kota</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value={{result_poly.administrasi.f4}}>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Provinsi:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value={{result_poly.administrasi.f5}}>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Luas Desa:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value={{result_poly.administrasi.f8}}>
                                            </div>
                                        </div>
                                    </fieldset>
                                </div>
                                <div class="col-md-6">
                                    <div>
                                        <!-- Main content -->
                                        <div id="map" class="map-container" style="padding-top: -100px; max-width:600px; max-height:385px"></div>
                                        <!-- /main content -->
                                    </div>
                                </div>
                            </div>

                            <div class="text-right">
                                <button type="submit" id="info-ke-pol" class="btn btn-primary">Save Polygon <i class="icon-arrow-right14 position-right"></i></button>
                            </div>
                        </div>
                    </div>
                </form>
                <!-- /2 columns form -->


                <!-- 2 columns form -->
                <form class="form-horizontal" action="#">
                    <div class="panel panel-flat">
                        <div class="panel-heading">
                            <h5 class="panel-title">Informasi Kependudukan</h5>

                        </div>

                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-4" style="margin-left: 30px;
                                    max-width: 400px;">
                                    <fieldset>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Jumlah Penduduk:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value={{result_poly.administrasi.f6}}>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Jumlah KK:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value={{result_poly.administrasi.f7}}>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Jumlah Laki-laki:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value={{result_poly.penduduk.f1}}>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Jumlah Perempuan:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value={{result_poly.penduduk.f2}}>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Belum Kawin</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value={{result_poly.penduduk.f3}}>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Kawin</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value={{result_poly.penduduk.f4}}>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Cerai Hidup</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value={{result_poly.penduduk.f5}}>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Cerai Mati</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value={{result_poly.penduduk.f6}}>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">wajib KTP</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value={{result_poly.penduduk.f7}}>
                                            </div>
                                        </div>
                                    </fieldset>
                                </div>

                                <div class="col-md-4" style="max-width: 400px;">
                                    <fieldset>

                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Islam:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.penduduk.f8}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Kristen:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.penduduk.f9}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Katolik:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.penduduk.f10}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Hindu:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.penduduk.f11}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Budha:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.penduduk.f12}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Konghucu:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.penduduk.f13}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Kepercayaan Lain:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.penduduk.f14}}">
                                            </div>
                                        </div>
                                    </fieldset>
                                </div>


                                <div class="col-md-4" style="max-width: 400px;">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <fieldset>
                                                <div class="form-group">
                                                    <label class="col-lg-3 control-label">U0:</label>
                                                    <div class="col-lg-9">
                                                        <input type="text" class="form-control" value="{{result_poly.penduduk.f15}}">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-lg-3 control-label">U5:</label>
                                                    <div class="col-lg-9">
                                                        <input type="text" class="form-control" value="{{result_poly.penduduk.f16}}">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-lg-3 control-label">U10:</label>
                                                    <div class="col-lg-9">
                                                        <input type="text" class="form-control" value="{{result_poly.penduduk.f17}}">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-lg-3 control-label">U15:</label>
                                                    <div class="col-lg-9">
                                                        <input type="text" class="form-control" value="{{result_poly.penduduk.f18}}">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-lg-3 control-label">U20:</label>
                                                    <div class="col-lg-9">
                                                        <input type="text" class="form-control" value="{{result_poly.penduduk.f19}}">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-lg-3 control-label">U25:</label>
                                                    <div class="col-lg-9">
                                                        <input type="text" class="form-control" value="{{result_poly.penduduk.f20}}">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-lg-3 control-label">U30:</label>
                                                    <div class="col-lg-9">
                                                        <input type="text" class="form-control" value="{{result_poly.penduduk.f21}}">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-lg-3 control-label">U35:</label>
                                                    <div class="col-lg-9">
                                                        <input type="text" class="form-control" value="{{result_poly.penduduk.f22}}">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-lg-3 control-label">U40:</label>
                                                    <div class="col-lg-9">
                                                        <input type="text" class="form-control" value="{{result_poly.penduduk.f23}}">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-lg-3 control-label">U45:</label>
                                                    <div class="col-lg-9">
                                                        <input type="text" class="form-control" value="{{result_poly.penduduk.f24}}">
                                                    </div>
                                                </div>
                                            </fieldset>

                                        </div>
                                        <div class="col-md-6">
                                            <fieldset>
                                                <div class="form-group">
                                                    <label class="col-lg-3 control-label">U50:</label>
                                                    <div class="col-lg-9">
                                                        <input type="text" class="form-control" value="{{result_poly.penduduk.f25}}">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-lg-3 control-label">U55:</label>
                                                    <div class="col-lg-9">
                                                        <input type="text" class="form-control" value="{{result_poly.penduduk.f26}}">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-lg-3 control-label">U60:</label>
                                                    <div class="col-lg-9">
                                                        <input type="text" class="form-control" value="{{result_poly.penduduk.f27}}">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-lg-3 control-label">U65:</label>
                                                    <div class="col-lg-9">
                                                        <input type="text" class="form-control" value="{{result_poly.penduduk.f28}}">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-lg-3 control-label">U70:</label>
                                                    <div class="col-lg-9">
                                                        <input type="text" class="form-control" value="{{result_poly.penduduk.f29}}">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-lg-3 control-label">U75:</label>
                                                    <div class="col-lg-9">
                                                        <input type="text" class="form-control" value="{{result_poly.penduduk.f30}}">
                                                    </div>
                                                </div>
                                            </fieldset>
                                        </div>
                                    </div>
                                </div>

                            </div>

                            <div class="text-right">
                                <button type="submit" class="btn btn-primary">Submit form <i class="icon-arrow-right14 position-right"></i></button>
                            </div>
                        </div>
                    </div>
                </form>
                <!-- /2 columns form -->


                <!-- 2 columns form -->
                <form class="form-horizontal" action="#">
                    <div class="panel panel-flat">
                        <div class="panel-heading">
                            <h5 class="panel-title">Informasi Pendidikan & Pekerjaan</h5>
                        </div>

                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-6" style="margin-left: 30px;
                                    max-width: 500px;">
                                    <fieldset>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Tidak Sekolah</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f1}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Belum Tamat:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f2}}">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Tamat SD:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f3}}">
                                            </div>
                                        </div>


                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Tamat SLTP:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f4}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Tamat SLTA:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f5}}">
                                            </div>
                                        </div>
                                    </fieldset>
                                </div>

                                <div class="col-md-6" style="margin-left: 30px;
                                    max-width: 500px;">
                                    <fieldset>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Diploma I:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f6}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Diploma III:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f6}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Diploma IV/ Strata I:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f7}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Starta II:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f8}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Satrta III:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f9}}">
                                            </div>
                                        </div>
                                    </fieldset>
                                </div>
                            </div>

                            <div class="text-right">
                                <button type="submit" class="btn btn-primary">Submit form <i class="icon-arrow-right14 position-right"></i></button>
                            </div>
                        </div>
                    </div>
                </form>
                <!-- /2 columns form -->

                <!-- 2 columns form -->
                <form class="form-horizontal" action="#">
                    <div class="panel panel-flat">
                        <div class="panel-heading">
                            <h5 class="panel-title">Informasi Pekerjaan</h5>
                        </div>

                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-4" style="margin-left: 30px;
                                    max-width: 400px;">
                                    <fieldset>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Tidak Bekerja:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f10}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Aparatur Pemerintah:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f11}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Tenaga Pendidik:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f12}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Wiraswasta:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f13}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Pertanian:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f14}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Tenaga Kesehatan:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f15}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Pensiunan:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f17}}">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Pegawai:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f18}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Tentara:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f19}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Kepolisian:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f20}}">
                                            </div>
                                        </div>
                                        <div class="form-group">

                                            <label class="col-lg-3 control-label">Dosen:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f32}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Guru:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f33}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Pilot:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f34}}">
                                            </div>
                                        </div>
                                    </fieldset>
                                </div>
                                <div class="col-md-4" style="margin-left: 30px;max-width: 400px;">
                                    <fieldset>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Pedagang:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f21}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Petani:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f22}}">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Peternak:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f23}}">
                                            </div>
                                        </div>


                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Nelayan:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f24}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Karyawan:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f25}}">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Buruh:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f26}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Pembantu:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f27}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Tukang:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f28}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Pendeta:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f29}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Pastor:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f30}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Ustadz:</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f31}}">
                                            </div>
                                        </div>
                                    </fieldset>
                                </div>
                                <div class="col-md-4" style="margin-left: 30px;
                                    max-width: 400px;">
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">Pengacara:</label>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f35}}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">Notaris:</label>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f36}}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">Arsitek:</label>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f37}}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">Akuntan:</label>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f38}}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">Dokter:</label>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f39}}">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">Bidan:</label>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f40}}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">Perawat:</label>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f41}}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">Psikiater:</label>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f42}}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">Sopir:</label>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f43}}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">Lainnya:</label>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f44}}">
                                        </div>
                                    </div>
                                    </fieldset>
                                </div>
                            </div>

                            <div class="text-right">
                                <button type="submit" class="btn btn-primary">Submit form <i class="icon-arrow-right14 position-right"></i></button>
                            </div>
                        </div>
                    </div>
                </form>
                <!-- /2 columns form -->

                <!-- 2 columns form -->
                <form class="form-horizontal" action="#">
                    <div class="panel panel-flat">
                        <div class="panel-heading">
                            <h5 class="panel-title">Informasi Jumlah Tempat Penting</h5>
                        </div>

                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-6" style="margin-left: 30px;
                                                        max-width: 500px;">
                                    <fieldset>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Puskesmas</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.poi.f1}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Sekolah</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.poi.f2}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Sarana Ibadah</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.poi.f3}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-3 control-label">Tempat Wisata</label>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" value="{{result_poly.poi.f3}}">
                                            </div>
                                        </div>
                                    </fieldset>
                                </div>

                                <div class="col-md-6" style="margin-left: 30px;
                                                        max-width: 500px;">
                                </div>
                            </div>

                            <div class="text-right">
                                <button type="submit" class="btn btn-primary">Submit form <i class="icon-arrow-right14 position-right"></i></button>
                            </div>
                        </div>
                    </div>
                </form>
                <!-- /2 columns form -->

            </div>
            <!-- /main content -->

        </div>
        <!-- /page content -->

    </div>
    <!-- /page container -->

</body>

</html>

<script>
    var map = L.map('map', {
        editable: true,
        zoomControl: false,
        drawControl: true
    }).setView([-4.125826277307029, 104.1881561279297], 10);

    maps = L.tileLayer('https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}&s=Gal&apistyle=s.t:0|s.e:l|p.v:off', {
        maxZoom: 22,
        minZoom: 4,
    }).addTo(map);

    var polygon_edit = "{{ result_poly }}".replace(/&#x27;/g, '"');
    var poldit = JSON.parse("" + polygon_edit + "")

    map.setView(["{{ avg_lo }}", "{{ avg_la }}"], 12);
    //
    let lop_poly_edit = poldit['geometry']['coordinates'][0][0];
    let list_poly_edit = [];
    for (var i = 0; i < lop_poly_edit.length; i++) {
        geoj = lop_poly_edit[i][0];
        polygigi = [lop_poly_edit[i][1], lop_poly_edit[i][0]]
        list_poly_edit.push(polygigi);
    };

    var polyly = L.polygon(list_poly_edit).addTo(map)
    polyly.enableEdit();
</script>