---

<!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 contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>

<html lang="ru">

<jsp:include page="head.jsp"/>
<style>

	th
	{
		text-align: center;
	}
	.glyphicon.glyphicon-ok
	{
		color: green;
	}
	.glyphicon.glyphicon-remove
	{
		color: red;
	}
	
	.btn-danger
	{
		min-width: 120px;
	}
	
	.btn-primary
	{
		min-width: 200px;
	}
	
 .tab {
    display: flex;
    flex-direction: column;
  }

  .tab-nav > input[type="radio"] {
    display: none;
  }

  .tab-content {
    display: none;
  }

  #content-1:has(~ .tab-nav > #tab-btn-1:checked),
  #content-2:has(~ .tab-nav > #tab-btn-2:checked)	
  {
    display: block;
  }

  .tab-nav {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 1rem;
    order: -1;
  }

  .tab-nav > label {
		cursor: pointer;
    display: block;
    padding: 0.5rem 1rem;
    color: #1a5276; /*#0d6efd;*/
    text-decoration: none;
    background: 0 0;
    border: 1px solid transparent;
    margin-bottom: -1px;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
    -webkit-appearance: button;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
  }

	 .tab-nav > input[type="radio"]:checked + label {
    color: #000;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    cursor: default;
  }	
	
	/*.dataTables_wrapper > div:nth-child(2) > div > div
	{
		overflow: unset !important;
	}*/
	#queryTable_hW25FNoO_wrapper > div:nth-child(2) > div > div
	{
		overflow: unset !important;
	}
	
	#queryTable_BxoMkTpT_wrapper > div:nth-child(2) > div > div
	{
		overflow: unset !important;
	}
	
	#queryTable_Zh7eMKHX_wrapper > div:nth-child(2) > div > div
	{
		overflow: unset !important;
	}
	</style>
<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 fundTable = new QueryTable("Zh7eMKHX", {

			initComplete: function (settings, json) {			
			},
			onRowSelect: function (data, index) {
				setFund();
				debitTable.reload();
				creditTable.reload();
				
			},
			onRowDeselect: function (data, index) {
				setFund();
				debitTable.reload();
				creditTable.reload();
			},
			drawCallback: function (settings) {
				$("#queryTable_Zh7eMKHX_info").attr('hidden', true);			
				debitTable.reload();
				creditTable.reload();
				
			}
		},function(){},
		{
			selectFirstRow: true,
			showFilter: false, 
		 	showExportToExcelButton: false, 
		 	paginate: false
		});	

		function setFund()
		{			
			var fund_data = fundTable.data();
			$("#entityId").val(fund_data ? fund_data.id : -1);
		}//
		
		$("input[name='tab-btn']").on("click", function()
		{
			if ($(this).is(':checked'))
				{					
					switch($(this)[0].id)
						{
							case "tab-btn-1": 
								creditTable.reload();
								assigneeOvpmtReturnTable.reload();
								break;							
							case "tab-btn-2": 
								debitTable.reload();
								break;	
						}					
				}			
		})//
					
		
		//Возвраты из РОПС
		var debitTable = new QueryTable("BxoMkTpT",
		{
			initComplete: function (settings, json) 
			{	
				$('#queryTableActionContainer_BxoMkTpT').append($('#addNewReturnFromReserveDropDown'));
				$('#queryTableActionButton_BxoMkTpT_1qnWPCIs').addClass("hide");
			},
			drawCallback: function(){}
		},																					
		function () 
		{
			setFund();
			return {entityId: $("#entityId").val()};
		});	
		
		//переводы в РОПС
		var creditTable = new QueryTable("hW25FNoO",
		{
			initComplete: function (settings, json) 
			{					
				$('#queryTableActionContainer_hW25FNoO').append($('#addNewTransferToReserveDropDown'));
				$('#queryTableActionButton_hW25FNoO_1qnWPCIs').addClass("hide");
			}	,
			drawCallback: function(){}
		},																					
		function () 
		{
			setFund()
			return {entityId: $("#entityId").val()};
		});	
		
		//Возвраты переплат правопреемникам в РОПС
		
		var assigneeOvpmtReturnTable = new QueryTable("assignee_overpayment_return",
		{
			initComplete: function (settings, json) 
			{}	,
			drawCallback: function(){}
		},																					
		function () 
		{			
		});	

		function addTransferToReserve() {
			openNewWindow("view?viewCode=rsGeYYu4"); 	
		}

		function addTransferFromReserve() {
			openNewWindow("view?viewCode=HWGBGxUB");
		}

		$("th").css('text-align', 'center');
	
		
	});

</script>
	
	<jsp:include page="header.jsp"/>
	<jsp:include page="navbar.jsp"/>
	
	<div class="container" id="mainContainer">
		<div class="page-header">
			<h1>${view.name}</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/29126/"/>
					<div class="row">
						<div class="col-sm-12">

							<div class="row"><!--fund table-->
								<div class="col-sm-12">
									<div class="col-sm-8">
										<jsp:include page="queryTable.jsp">
											<jsp:param name="queryTableCode" value="Zh7eMKHX"/>
											<jsp:param name="queryTableStyle" value="white-space:nowrap;"/>
										</jsp:include>
									</div>
									<div class="col-sm-2" hidden>
										<input type="text" id="entityId" name="entityId" title = "entityId">
									</div>
								</div>			
							</div>			<!--fund table-->

						</div>
					</div> <!--row-->
					
					<div class="row">
						<div class="col-sm-12">	
							<div class="col-sm-12">	
								<div class="tab">
									<div class="tab-content" id="content-1">
										<br>
										
										<div class="row">										
											<div class="col-sm-12"><!--перевод в РОПС debitTable-->
												<jsp:include page="queryTable.jsp">				
													<jsp:param name="queryTableCode" value="hW25FNoO"/> 
													<jsp:param name="queryTableStyle" value="white-space:nowrap;"/>
												</jsp:include>
											</div>
										</div>
										<div class="hidden">
											<div id="addNewTransferToReserveDropDown" class="btn-group dropup " role="group">
												<button id="addNewtransferToReserve" name="addNewTransferToReserve"
																class="btn btn-primary dropdown-toggle" type="button"
																data-toggle="dropdown">Новый перевод в РОПС
													<span class="caret"></span></button>
												<ul class="dropdown-menu">
													<li><a href="view?viewCode=rsGeYYu4">В связи со смертью УЗЛ</a></li>
													<li><a href="view?viewCode=xvfuCc0A">В связи с возвратом переплаты ПП</a></li>				
												</ul>
											</div>
										</div>
										<br>
										<div class="row">
											<div class="col-sm-12"><!--возврат переплат ПП в РОПС assignee_overpayment_return-->
												<jsp:include page="queryTable.jsp">
													<jsp:param name="queryTableCode" value="assignee_overpayment_return"/> 
													<jsp:param name="queryTableStyle" value="white-space:nowrap;"/>
												</jsp:include>
											</div>
										</div>
									</div><!--content-1-->
									
									<div class="tab-content" id="content-2">
										<br>
										<div class="row">
											<div class="col-sm-12"><!--возврат из РОПС creditTable-->
												<jsp:include page="queryTable.jsp">
													<jsp:param name="queryTableCode" value="BxoMkTpT"/> 
													<jsp:param name="queryTableStyle" value="white-space:nowrap;"/>
												</jsp:include>
											</div>
										</div>
										<div class="hidden">
											<div id="addNewReturnFromReserveDropDown" class="btn-group dropup" role="group">
												<button id="addNewReturnFromReserve" name="addNewReturnFromReserve"
																class="btn btn-primary dropdown-toggle" type="button"
																data-toggle="dropdown">Новый возврат из РОПС
													<span class="caret"></span></button>
												<ul class="dropdown-menu">
													<li><a href="view?viewCode=7sAHfsww">По договорам УЗЛ</a></li>
													<li><a href="view?viewCode=HWGBGxUB">По договорам, перешедшим новому страховщику</a></li>											
												</ul>
											</div>
										</div>
									</div> <!--content-2-->

									<div class="tab-nav">
										<input checked id="tab-btn-1" name="tab-btn" type="radio" value="">
										<label for="tab-btn-1">Перевод средств в РОПС</label>								
										<input id="tab-btn-2" name="tab-btn" type="radio" value="">
										<label for="tab-btn-2">Возврат средств из РОПС</label>
									</div>

								</div> <!--tab-->
							</div><!--col-sm-12-->
						</div><!--col-sm-12-->
					</div><!--row-->

					<hr>
				</div> <!--col-sm-10-->
			</div> <!--row-main-->
		</div> <!--container-fluid-->
	</div> <!--mainContainer-->
	<jsp:include page="footer.jsp"/>
	</body>
</html>