{% load staticfiles %}
<script src="{% static 'javascripts/jquery-1.12.0.min.js' %}" type="text/javascript"></script>
<script src={% static 'javascripts/bootstrap.min.js' %})" type="text/javascript"></script>

<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span style="font-size: 28px"
                                                                                      aria-hidden="true">&times;</span>
    </button>
    <h4 class="modal-title" id="myModalLabel">详细信息</h4>
</div>
<div class="modal-body">
    <div class="row">
        <div class="col-md-12">
            <table class="table table-bordered">
                <tbody>
                {% for pest in pestinfo %}
                    <tr>
                        <td width="25%" style="text-align: right;
                            font-weight: bold">录入日期:
                        </td>
                        <td width="40%">{{ pest.date }}</td>
                        <td width="35%" style="text-align: center;
                            font-weight: bold">实景图片:
                        </td>
                    </tr>
                    <tr>
                        <td width="25%" style="text-align: right;
                            font-weight: bold">区域编号:
                        </td>
                        <td width="40%">{{ pest.adressid }}</td>
                        <td rowspan="3" width="35%">
                            <img src='{{ pest.pestpicurl1 }}' width="200px" height="280px"/>
                        </td>
                    </tr>
                    <tr>
                        <td width="25%" style="text-align: right;
                            font-weight: bold">虫种:
                        </td>
                        <td width="40%">{{ pest.pestname }}</td>
                    </tr>
                    <tr>
                        <td width="25%" style="text-align: right;
                            font-weight: bold">害虫时期:
                        </td>
                        <td width="40%">{{ pest.pestfirstgrade }} {{ pest.pestsecondgrade }}</td>
                    </tr>

                    <tr>
                        <td width="25%" style="text-align: right;
                            font-weight: bold">备注:
                        </td>
                        <td width="40%">{{ pest.remark }}</td>
                        <td rowspan="7" width="35%">
                            <img src='{{ pest.pestpicurl2 }}' width="200px" height="280px"/>
                        </td>
                    </tr>
                    <tr>
                        <td width="25%" style="text-align: right;
                            font-weight: bold">调查者:
                        </td>
                        <td width="40%">{{ pest.researchpeople }}</td>
                    </tr>
                    </tbody>
                {% endfor %}
            </table>
        </div>
    </div>
</div>