---

<!DOCTYPE html>
<%@ taglib prefix="tags" tagdir="/WEB-INF/tags" %>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>

<%@ page session="true" language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>

<html lang="ru">
<jsp:useBean id="currentDate" class="java.util.Date" />
<jsp:include page="head.jsp" />

<body>
    <script type="text/javascript" src="<c:url value='/js/${version}/queryAction.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/js/${version}/queryTable.js'/>"></script>
    <script type="text/javascript">

        $(function () {
					var dia_register_id;

					let reportTable = new QueryTable("xxeQqUgZ", {
						initComplete: function (settings, json) {
						},
						onRowSelect: function (data, index) {
						},
						onRowDeselect: function (data, index) {
						},
						drawCallback: function (settings) {
						}
					},
					() => {
						let data = {};
						data.report_date_from = $("#dateFrom").val();
            data.report_date_to = $("#dateTo").val();
						data.dia_register_id = dia_register_id;
						data.isShow = ($("#isShow").val() == 1);
						return data;
					});	
					
					$("#formBtn").click(async() => {
						 $("#isShow").val(1);
						get_dia_register_id();
        if (dia_register_id == 0) {
				  showProcessing();
					 await new Promise((resolve) => setTimeout(resolve, 1000));
          $.ajax({
          url: "queryAction/action",
          type: "POST",
          async: false,
          data: {
            viewCode: '6VVoYx6a',
            queryActionCode: 'y2le9Whk',
            unloadPerconalData: 1,
            reportDate: new Date().format('dd.mm.yyyy')
          },
          dataType: "json",
          success:  function (data) {
           console.log(data);
           $.ajax({
          url: "queryAction/action",
          type: "POST",
          async: false,
          data: {
            viewCode: '6VVoYx6a',
            queryActionCode: 'ZHfR5S0T'
          },
          dataType: "json",
          success:  function (data) {
           console.log(data);
           get_dia_register_id();
          },
          error: function (request, status, error) { 
            console.log("Операция завершилась с ошибкой", error);
          }
        });

          },
          error: function (request, status, error) { 
            console.log("Операция завершилась с ошибкой", error);
          }
        });
					hideProcessing();
        }
						
          	reportTable.reload();
          });
					
					function get_dia_register_id(){
          dia_register_id = 0;
          $.ajax({
          url: "queryModel.json",
          type: "POST",
          async: false,
          data: {
            queryModelCode: "GH878pfc",
            date: getCurDateStr(),
            register_type_code: 'ROPS'
          },
          dataType: "json",
          success: function (data) {
            dia_register_id = data.id;
          }
        });
						console.log('dia_register_id');
						dia_register_id ??= 0;
						console.log(dia_register_id);
        }
					
					function getCurDateStr(){
					const date = new Date();
					const day = String(date.getDate()).padStart(2,'0');
					const month = String(date.getMonth()+1).padStart(2,'0');
					const year =  date.getFullYear();
					return day +'.'+month+'.'+year;
				}
        });
			

    </script>

    <jsp:include page="header.jsp" />
    <jsp:include page="navbar.jsp" />
    <div class="container" id="mainContainer">
        <div class="page-header">
            <h1>Отчет по выплате СПН по умершим</h1>
        </div>
        <div class="container-fluid">
            <div class="row row-main">
                <jsp:include page="sidebar.jsp" />
							<div class="col-sm-10">
								<tags:breadcrumbs path="https://portal.futurenpf.ru/knowledgebase/category/32474/"/>
								<div class="row">
									 <input type="hidden" id="isShow" value="0">
									<h4 class="col-sm-12">Решение о выплате</h4>
									<div class="col-sm-3">
										<div class="form-group">
											<label for="dateFrom">С</label>
											<input type="text" class="form-control date-picker-on" 
														 id="dateFrom" value="<fmt:formatDate value='${currentDate}' pattern='dd.MM.yyyy' />"
														 name="dateFrom" placeholder="Дата"/>
										</div>
									</div>
                  <div class="col-sm-3">
										<div class="form-group">
											<label for="dateTo">По</label>
											<input type="text" class="form-control date-picker-on" 
														 id="dateTo" value="<fmt:formatDate value='${currentDate}' pattern='dd.MM.yyyy' />"
														 name="dateTo" placeholder="Дата"/>
										</div>
									</div>
									
								</div>	
									<div class="col-sm-3 pull-left">
										<div class="btn-group pull-left">
											<button id="formBtn" name="formBtn" type="button"
															class="btn btn-success" data-loading-text="Отбор...">
												Сформировать
											</button>
										</div>
									</div>
									<div class="col-sm-12">
										<form class="form-vertical" id="paramForm">
											<jsp:include page="queryTable.jsp">
												<jsp:param name="queryTableCode" value="xxeQqUgZ"/>
												<jsp:param name="queryTableStyle" value="white-space:nowrap;"/>
											</jsp:include>
										</form>
									</div>
											
							</div>
            </div>
        </div>
    </div>
    <jsp:include page="footer.jsp" />
</body>
</html>