<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="zh-cn">
<link rel="stylesheet" href="adm/css/base.css"/>
<link rel="stylesheet" href="adm/css/info-mgt.css"/>
<style>
    .layui-layer-title {
        background: url(adm/images/righttitlebig.png) repeat-x;
        font-weight: bold;
        color: #46647e;
        border: 1px solid #c1d3de;
        height: 33px;
        line-height: 33px;
    }
    .grid-demo{padding: 10px; line-height: 50px; text-align: center; background-color: #79C48C; color: #fff;}
    .grid-demo-bg1{background-color: #63BA79;}
    .dl-horizontal li{
      clear: both;
    }
    .dl-horizontal li div{
        width:33% !important;
        float: left;
    }
    .thumbnail .caption h3{
        text-align: center;
        font-size:16px;
    }

</style>
<title>应急资源管理系统</title>
<head>
<link rel="stylesheet" href="adm/css1/pintuer.css">
<link rel="stylesheet" href="adm/css1/admin.css">
<link rel="stylesheet" href="<%=path%>/admin/css/bootstrap.min.css">
<link rel="stylesheet" href="<%=path%>/admin/adm/assets/css/atlantis.min.css">
<link rel="stylesheet" href="adm/layui/css/layui.css" media="all">
</head>
<body class="gray-bg">
<div class="title ue-clear">
    <h2>首页</h2>
</div>
<div class="container">
    <div class="layui-card-body row">
            <div class="layui-carousel" id="test-carousel-img" style="margin: auto;width: 100%;background-color: #f0f0f0;">
                <div carousel-item="">
                    <div><img src="img/p_big1.jpg"></div>
                    <div><img src="img/p_big5.jpg"></div>
                    <div><img src="img/p_big4.jpg"></div>

                </div>
            </div>
     </div>
    <div class="row">
        <div class="col-md-6">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">资源信息列表</h3>
                </div>
                <div class="panel-body">
                        <ul class="dl-horizontal">
                        <c:forEach items="${rlist}" var="u" varStatus="num" end="10">
                            <li>
                            <div>${num.count}</div>
                            <div>${u.name}</div>
                                <div><fmt:formatDate value="${u.pubtime}"  pattern="yyyy-MM-dd HH:mm:ss" /></div>
                            </li>
                        </c:forEach>
                        </ul>

                </div>
            </div>

        </div>
        <div class="col-md-6">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">案例信息列表</h3>
                </div>
                <div class="panel-body">
                    <ul class="dl-horizontal">
                        <c:forEach items="${nlist}" var="n" varStatus="num" end="5">
                            <li>
                                <div>${num.count}</div>
                                <div>${n.name}</div>
                                <div>${n.pubtime}</div>
                            </li>
                        </c:forEach>
                    </ul>
                </div>
            </div>
        </div>

    </div>
<%--    <div class="row layui-row layui-col-space30">--%>
<%--            <div class="layui-col-md4">--%>
<%--                <div class="grid-demo grid-demo-bg1">--%>
<%--                    1/3--%>
<%--                </div>--%>
<%--            </div>--%>
<%--            <div class="layui-col-md6">--%>
<%--                <div class="grid-demo">--%>
<%--                    <button id="button1" class="layui-btn"> 物资捐赠</button>--%>
<%--                </div>--%>
<%--            </div>--%>
<%--            <div class="layui-col-md6">--%>
<%--                <div class="grid-demo grid-demo-bg1">--%>
<%--                    <button id="button2" class="layui-btn"> 资金捐赠</button>--%>

<%--                </div>--%>
<%--            </div>--%>
<%--        </div>--%>

    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">捐赠信息列表</h3>
                </div>
                <div class="panel-body">

                    <div class="col-md-4">
                        <div class="thumbnail">
                            <a href="map.jsp"><img src="../img/title_1.png" alt="救援基地"></a>
                            <div class="caption">
                                <h3><a href="map.jsp">救援基地</a></h3>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <a href="donationList.do"> <img src="../img/title_2.png" alt="物资捐赠"></a>
                            <div class="caption">
                                <h3><a href="donationList.do">物资捐赠</a></h3>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <a href="donationList.do"><img src="../img/title_3.png" alt="资金捐赠"></a>
                            <div class="caption">
                                <h3><a href="donationList.do">资金捐赠</a></h3>
                            </div>
                        </div>
                    </div>


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



</div>
<!-- 全局js -->
<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.7"></script>
<script type="text/javascript" src="adm/layui/layui.js"></script>
<script type="text/javascript" src="adm/js/regist.js"></script>

<script>
    layui.use(['carousel', 'form'], function(){
        var carousel = layui.carousel;
        //图片轮播
        carousel.render({
            elem: '#test-carousel-img'
            ,width: '100%'
            ,height: '400px'
            ,interval: 5000
        });
    });
 $(function (){
     $("#button1").click(function(){
         window.location.href = "doAddEmergencyResources.do";
     });
 });



</script>
</body>

</html>
