<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" /><meta http-equiv="X-UA-Compatible" content="IE=9" />
<meta name="keywords" content="百联保">
<meta name="description" content="">
<title>百联保—产品详情-完成投保</title>
<link href="<c:url value='/resources/css/public.css' />" rel="stylesheet" type="text/css" />
<link href="<c:url value='/resources/css/product_details.css' />" rel="stylesheet" type="text/css" />
<link href="<c:url value='/resources/css/login.css' />" rel="stylesheet" type="text/css" />
<link href="<c:url value='/resources/css/personal_center.css' />" rel="stylesheet" type="text/css" />

</head>
<body>

<jsp:include page="../../header.jsp"/>

<!-- 产品详情 完成投保 开始 -->
<div class="pro_detwar"><!-- pro_detwar start -->
  	<div class="pro_detsub"><!-- pro_detsub start -->
          
<!-- 首页 > 产品详情 > 投保  开始 -->
      	<div class="guarantee_war">
          	<p><a href="<c:url value='/?ACCESS_TOKEN=${ACCESS_TOKEN}' />">首页</a> > <a href="<c:url value='/order/policyDetail/${policySaleForm.oid}?ACCESS_TOKEN=${ACCESS_TOKEN}' />">产品详情</a> > 投保</p>
          	<!-- 填写保单 确认保单 支付保费  完成投保 开始 -->
          	<div class="reg_list list_75">
                  <div class="plan pwd_plan reset_plan" id="finish_plan">
                      <ul>
                          <li><label>1</label></li>
                          <li><label>2</label></li>
                          <li><label>3</label></li>
                          <li><label>4</label></li>
                      </ul>
                  </div>
                  <div class="clear"></div>
                  <div class="listing">
                      <ul>
                          <li id="color_ff6d37">填写保单</li>
                          <li id="color_ff6d37">确认保单</li>
                          <li id="color_ff6d37">支付保费</li>
                          <li id="color_ff6d37">完成投保</li>
                      </ul>
                  </div>
              </div>
              <!-- 填写保单 确认保单 支付保费  完成投保  结束 -->
          </div>
          <!-- 首页 > 产品详情 > 投保  结束 -->

          
          
          <!-- 背景色 开始 -->
          <div class="bigbg_f3f4f5"></div>
          <!-- 背景色 结束 -->
          
          <!-- 支付保费 内部部分 开始 -->
         	<div class="clear"></div>
          <div class="pay_premium">
          	<div class="payp_list"><!-- payp_list star -->
              	<ul>
                  	<li>产品名称</li>
                      <li>保障期限</li>
                      <li>保费（元）</li>
                  </ul>
                  <ul>
                   	<li>${policySaleForm.agreementSpec.name}</li>
                       <li><fmt:formatDate pattern="yyyy-MM-dd" value="${policySaleForm.inceptionDate}"/> 至 <fmt:formatDate pattern="yyyy-MM-dd" value="${policySaleForm.plannedEndDate}"/></li>
                       <li>${policySaleForm.grossPremium}</li>
                   </ul>
              </div><!-- payp_list end -->
              
              <!-- 支付成功 开始 -->
              <div class="clear"></div>
              <div class="finish_insure">
              	<p class="finish_inimg"><img src="<c:url value='/resources/images/finish_img.jpg' />" width="68" height="68"></p>
                  <div class="clear"></div>
                  <p>支付成功！保险公司处理中……</p>
                  <div class="finish_up">
                      <a href="<c:url value='/order/policyDetail/${policySaleForm.oid}?ACCESS_TOKEN=${ACCESS_TOKEN}' />" >查看保单详情</a>
                      <label>｜</label>
                      <a href="javascript:void(0);" onClick="finsh_block()">保单下载</a>
                      <label>｜</label>
                      <a href="javascript:void(0);" onClick="finsh_block()">保函下载</a>
                      
                  </div>
              </div>
              <!-- 支付成功 结束 -->

<!-- 弹出提示窗口 开始 -->
              <div class="finish_hint" id="finish_hint1" onClick="finsh_none()">
              	<div class="hint_title">
                      <span>提示</span>
                      <span><img src="<c:url value='images/hint_close.jpg' />" width="14" height="15"></span>
                  </div>
                  <div class="clear"></div>
                  <div class="hint_cont">
                      <p>保险公司正在处理中</p>
                      <p>您暂时无法下载该文件</p>
                      <p><input type="button" value="确认"></p>
                  </div>
              </div>
              <!-- 弹出提示窗口 结束 -->                      
              
          </div>
          <!-- 支付保费 内部部分 结束 -->
          
         
      </div><!-- pro_detsub end -->
  </div><!-- pro_detwar end -->
  <!-- 产品详情 完成投保  结束 -->
<jsp:include page="../../index/multi_f.jsp" />

<!-- script -->
<script src="<c:url value='/resources/script/jquery-1.8.3.min.js' />" type="text/javascript"></script>
<script src="<c:url value='/resources/js/insurance.js' />"></script>
<script src="<c:url value='/resources/js/date/laydate.js' />"></script>
<script type="text/javascript">
	var baseUrl = '${pageContext.request.contextPath }';
	
</script>
</body>
</html>