{% extends "master/layout.html" %}
{% load staticfiles %}
{% block content %}
    <!DOCTYPE html>
    <script src="{% static 'javascripts/jquery-1.12.0.min.js' %}" type="text/javascript"></script>
    <script src="{% static 'javascripts/jquery.dataTables.min.js' %}" type="text/javascript"></script>
    <script src="{% static 'javascripts/bootstrap.min.js' %}" type="text/javascript"></script>
    <script src="{% static 'javascripts/dataTables.bootstrap.min.js' %}" type="text/javascript"></script>
    <script src="{% static 'javascripts/markerclusterer.js' %}" type="text/javascript"></script>
    <script src="http://maps.google.cn/maps/api/js?key=AIzaSyAeshLSAWF5DhBWPNbwdR251wiPlJJdAcY&language=zh-CN"></script>
    <script src="{% static 'javascripts/googlemap.js' %}" type="text/javascript"></script>


    <div>
        <div class="col-lg-12">
            <div class="col-lg-12">
                <div class="col-lg-8">
                    区域编号:
                    <select type="text" id="areaid">
                        <option value=0>-全部-</option>
                        {% for id in areaid %}

                                <option value={{ id.id }}>{{ id.adressid }}</option>
                        {% endfor %}
                    </select>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    虫种:
                    <select type="text" id="pestname">
                        <option value=0>-全部-</option>
                        {% for name in pestname %}
                            {% if name.pestname != NULL %}
                                <option value={{ name.id }}>{{ name.pestname }}</option>
                            {% endif %}
                        {% endfor %}
                    </select>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    调查人:
                    <select type="text" id="researchpeople">
                        <option value=0>-全部-</option>
                        {% for name in researchname %}
                            <option value={{ name.id }}>{{ name.username }}</option>
                        {% endfor %}
                    </select>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="button" id="search" value="查询">
                </div>
                <br>
                <br>
            </div>
            <br>
            <br>
        </div>
        <div class="col-md-12"></div>
        <div class="col-md-12">
            <div id="map" class="col-md-12" style="height: 600px;">
            </div>
        </div>
    </div>

    <!-- Employee Form Modal -->
    <form id="pestdetailForm" role="form" class="form-horizontal col-lg-12" enctype="multipart/form-data">
        <div class="modal" id="treeModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">

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

{% endblock %}