{% load static %}
<!-- modal det -->
<div class="modal fade" id="featureModal" tabindex="-1" role="dialog" style="padding-top: 50px;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button class="close" type="button" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title text-primary" id="feature-title">Information</h4>
            </div>
            <div class="modal-body" id="feature-info">

            </div>
            <div class="modal-footer">
                <div class="row">
                    {% if user.is_superuser %}
                    <div class="col-sm-6 text-left" id="button-ijo">
                    </div>
                    <div class="col-sm-6 ">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                    {% else %}
                    <div class="col-sm-12">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>
<!-- end modal det -->

<!-- modal kelurahan -->
<div class="modal fade" id="modalkelurahan" tabindex="-1" role="dialog" style="padding-top: 50px;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button class="close" type="button" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title text-primary" id="feature-title">Information</h4>
            </div>
            <div class="modal-body" id="featurekelurahan">

            </div>
            <div class="modal-footer">
                <div class="row">
                    {% if user.is_superuser %}
                    <div class="col-sm-6 text-left" id="button-ijo">
                    </div>
                    <div class="col-sm-6 ">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                    {% else %}
                    <div class="col-sm-12">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="modal_delete_1" tabindex="+1" role="dialog">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">DELETE</h4>
            </div>
            <div class="modal-body">
                <h4>Delete ??</h4>
                <fieldset id="data-poly">

                    <table class="table table_input table-striped table-bordered table-condensed hidden">
                        <tr>
                            <th>Id</th>
                            <td><input size="58" name="id_poly_delete" type="text" id="id_poly_delete" value=""></td>
                        </tr>

                    </table>
                    <div id='actionedit' style="padding-top: 20px;">
                        <div class="navbar-right">
                            <input id='buttondelete' class="btn btn-danger" type="submit" value="Delete">
                            <input class="btn btn-default" type="button" value="Close" data-dismiss='modal'>
                        </div>
                    </div>
                </fieldset>

            </div>
        </div>
    </div>
</div>

<div id="modal_detail" class="modal fade mymodal" style="padding-top: 0px;padding-bottom: 0px;right: -11px;width: 100%!important;">
    <div class="modal-dialog modal-lg" style="width: 100%;height: 100%;margin: 0;bottom: 0;">
        <div class="modal-content" style="height: 100%;">
            <div class="modal-header bg-info" style="background-color:#28343a">
                <button type="button" class="close" data-dismiss="modal"> <i class='fa fa-times'></i> </button>
                <h6 class="modal-title">Info Detail</h6>
            </div>

            <div class="modal-body" style="max-height: 100%;overflow-y: auto;">

                <div class="panel-body" id="isi_modal_detail">
                    <table class="table table-responsive datatable-show-all table-sm" id="isi_detail" style="word-wrap:break-word;">
                    </table>
                </div>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-link" onclick="cetakExcel()">Cetak</button>
            </div>
        </div>
    </div>
</div>

<!-- modal jalan -->

<div id="modal-jalan" class="modal fade">
    <div class="modal-dialog" style="width: max-content;height: max-content;">
        <div class="modal-content">
            <div class="modal-header bg-info" style="background-color: #40777c;">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h6 class="modal-title">Maps Jalan</h6>
            </div>
            <input type="text" name="idjalan" id="idjalan" class="form-control hidden" value="` + feature.properties.f1 + `">

            <input type="text" name="coordinatejalan" id="coordinatejalan" class="form-control hidden" value="">
            <div class="modal-body" style="max-height: 450px;overflow-y: auto;">

                <div id="map-jalan" style="width:400px;height: 350px;">
                </div>
                <br>
                <table>
                    <tr>
                        <th>
                            Image
                        </th>
                        <td>
                            <input type="file" id="imgjalan" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
                        </td>
                    </tr>
                    <tr>
                        <th>
                            Nama Jalan
                        </th>
                        <td>
                            <input type="text" id="namajalan" class="form-control" value="">
                        </td>
                    </tr>
                    <tr>
                        <th>
                            Panjang Jalan (m)
                        </th>
                        <td>
                            <input type="text" id="panjangjalan" class="form-control" value="">
                        </td>
                    </tr>
                    <tr>
                        <th>
                            Lebar Jalan (m)
                        </th>
                        <td>
                            <input type="text" id="lebarjalan" class="form-control" value="">
                        </td>
                    </tr>
                    <tr>
                        <th>
                            Tipe Jalan
                        </th>
                        <td>
                            <input type="text" id="tipejalan" class="form-control" value="">
                        </td>
                    </tr>
                </table>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
                <button type="button" id="btnsavejalan" class="btn btn-info">Save changes</button>
            </div>
        </div>
    </div>
</div>


<div id="modal_theme_info" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content" style="width: 400px;margin-left: 100px;">
            <div class="modal-header bg-info">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h6 class="modal-title">Info header</h6>
            </div>

            <div class="modal-body" style="max-height: 450px;overflow-y: auto;">

                <img id="blah" src="#" style="max-width: 275px;max-height: 275px;margin-left: 45px;" alt="your image" />
                <table id="valid-edit-kel" style="margin-bottom: 20px;"></table>
                <table id="valid-edit-penduduk" style="margin-bottom: 20px;"></table>
                <table id="valid-edit-pendidik" style="margin-bottom: 20px;"></table>
                <table id="valid-edit-pekerja" style="margin-bottom: 20px;"></table>
                <div id="validasi-edit" style="width: 350px; margin-left:10px;">

                </div>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
                <button type="button" id="btnsavevalidasi" class="btn btn-info">Save changes</button>
            </div>
        </div>
    </div>
</div>


<!-- modal bangunan -->
<div id="modal_bangunan_edit" class="modal fade">
    
</div>

<div id="modal_bangunan_delete" class="modal fade">
    
</div>

<!-- modal tuplah -->
<div id="modal-edit-tuplah" class="modal fade">
    <div class="modal-dialog" style="width: max-content;height: max-content;">
        <div class="modal-content">
            <div class="modal-header bg-info" style="background-color: #40777c;">


                <button type="button" class="close" data-dismiss="modal">&times;</button>

                <h6 class="modal-title">Batas Lahan</h6>
            </div>
            <input type="text" name="idtuplah" id="idtuplah" class="form-control hidden" value="">

            <input type="text" name="coordinatetuplah" id="coordinatetuplah" class="form-control hidden" value="">
            <div class="modal-body" style="max-height: 450px;overflow-y: auto;">

                <div id="map-edit-tuplah" style="width:400px;height: 350px;">
                </div>
                <br>
                <table>
                    <tr>
                        <th>
                            Image
                        </th>
                        <td>
                            <input type="file" id="imgtuplah" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
                        </td>
                    </tr>
                </table>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
                <button type="button" id="btnsavetuplah" class="btn btn-info">Save changes</button>
            </div>
        </div>
    </div>
</div>

<!-- modal point -->

<div class="modal fade" id="modald_adm">
    
</div>

<div class="modal fade" id="modal_adm">

</div>

<!-- <div class="modal fade" id="modald_lk">
    
</div>

<div class="modal fade" id="modal_lk">

</div>

<div class="modal fade" id="modald_puskes">
    
</div>

<div class="modal fade" id="modal_puskes">

</div>

<div class="modal fade" id="modald_rs">
    
</div>

<div class="modal fade" id="modal_rs">

</div> -->