Загрузка данных
<!-- Блок вкладок карточки счета НПО/ПДС -->
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<script type="text/javascript">
$(function() {
historyTables.investStrategyHistoryTable = new QueryTable("7wt08b6q", {
drawCallback: function(settings) { }
}, function() {
const id_contract = ($('body').data('sharer') || {}).contractId
return {c_contract_id: id_contract || -1}
}, {
deferLoading: null,
showExportToExcelButton: false,
paginate: false,
showFilter: false,
bordered: false
})
historyTables.investProfileHistoryTable = new QueryTable("G9phIO4L", {
drawCallback: function(settings) { }
}, function() {
const sharer_id = ($('body').data('sharer') || {}).id
return {sharer_id}
}, {
deferLoading: null,
showExportToExcelButton: false,
paginate: false,
showFilter: false,
bordered: false
})
historyTables.changeSchemaHistoryTable = new QueryTable("U6VHMKG1", {
drawCallback: function(settings) { }
}, function() {
const cnt_id = ($('body').data('sharer') || {}).id
return {cnt_id}
}, {
deferLoading: null,
showExportToExcelButton: false,
paginate: false,
showFilter: false,
bordered: false
})
historyTables.contractModelHistoryTable = new QueryTable("sMI4CnxH", {
drawCallback: function(settings) { }
}, function() {
const id_contract = ($('body').data('sharer') || {}).contractId
return {id_contract}
}, {
deferLoading: null,
showExportToExcelButton: false,
paginate: false,
showFilter: false,
bordered: false
})
historyTables.pensionAmountHistoryTable = new QueryTable("awHtLDIS", {
drawCallback: function(settings) { }
}, function() {
const id_sharer = ($('body').data('sharer') || {}).id
return {id_sharer}
}, {
deferLoading: null,
showExportToExcelButton: false,
paginate: false,
showFilter: false,
bordered: false
})
historyTables.pensionObligationTypeHistoryTable = new QueryTable("e7xYkcY7", {
drawCallback: function(settings) { }
}, function() {
const id_sharer = ($('body').data('sharer') || {}).id
return {id_sharer}
}, {
deferLoading: null,
showExportToExcelButton: false,
paginate: false,
showFilter: false,
bordered: false
})
historyTables.tableVestingCoeffs = new QueryTable("Ue4lBfwK", {
drawCallback: function(settings) { }
}, function() {
const id_contract = ($('body').data('sharer') || {}).contractId
return {id_contract}
}, {
deferLoading: null,
showExportToExcelButton: false,
paginate: false,
showFilter: false,
bordered: false
})
historyTables.tableSharerVestingState = new QueryTable("UXrsBYXd", {
drawCallback: function(settings) { }
}, function() {
const id_sharer = ($('body').data('sharer') || {}).id
return {id_sharer}
}, {
deferLoading: null,
showExportToExcelButton: false,
paginate: false,
showFilter: false,
bordered: false
})
historyTables.tableSharerVestingStatus = new QueryTable("CgePzG1X", {
drawCallback: function(settings) { }
}, function() {
const id_sharer = ($('body').data('sharer') || {}).id
return {id_sharer}
}, {
deferLoading: null,
showExportToExcelButton: false,
paginate: false,
showFilter: false,
bordered: false
})
historyTables.sharerClassificationHistoryTable = new QueryTable("V7L1FRBw", {
drawCallback: function(settings) { }
}, function() {
const c_sharer_id = ($('body').data('sharer') || {}).id
return {c_sharer_id}
}, {
deferLoading: null,
showExportToExcelButton: false,
paginate: false,
showFilter: false,
bordered: false
})
historyTables.andStateHistoryTable = new QueryTable("09nxlGpf", {
drawCallback: function(settings) { }
}, function() {
const c_sharer_id = ($('body').data('sharer') || {}).id
return {c_sharer_id}
}, {
deferLoading: null,
showExportToExcelButton: false,
paginate: false,
showFilter: false,
bordered: false
})
historyTables.sharerPayoutStateHistoryTable = new QueryTable("s5dWz0Em", {
drawCallback: function(settings) { }
}, function() {
const sharer_id = ($('body').data('sharer') || {}).id
return {sharer_id}
}, {
deferLoading: null,
showExportToExcelButton: false,
paginate: false,
showFilter: false,
bordered: false
})
historyTables.sharerPayoutStateReasonHistoryTable = new QueryTable("HqFnkuVP", {
drawCallback: function(settings) { }
}, function() {
const sharer_id = ($('body').data('sharer') || {}).id
return {sharer_id}
}, {
deferLoading: null,
showExportToExcelButton: false,
paginate: false,
showFilter: false,
bordered: false
})
historyTables.sharerStatusHistoryTable = new QueryTable("4Vi3M7We", {
}, function () {
const c_sharer_id = ($('body').data('sharer') || {}).id
return { c_sharer_id }
}, {
order: [[0, 'desc']]
})
// Правопреемники
queryTables.assigneeQueryTable = new QueryTable("4sIIbIRd", {
onRowDblClick: function(data, index) {},
initComplete: function(queryAction) {},
onRowSelect: function(data, index) {},
onRowDeselect: function(data, index) {},
drawCallback: function(settings) {}
}, function() {
const contractId = ($('body').data('sharer') || {}).contractId
return {
contractId
}
}, {
showFilter: true,
showExportToExcelButton: true,
paginate: true
})
queryTables.fixingTable = new QueryTable("t_fixation_by_sharer", {
onRowSelect: function (data, index) { },
onRowDeselect: function (data, index) { },
drawCallback: function (settings) { }
}, function () {
const data = {}
const sharerData = $('body').data('sharer')
data.sharerId = (sharerData ? sharerData.id : -1)
data.effectiveDate = $("#effectiveDate").val()
return data
}, {
showFilter: false,
showExportToExcelButton: false,
paginate: false
})
})
const urlParams = new URLSearchParams(window.location.search)
const viewCode = urlParams.get('viewCode')
const queryTables = {}
const historyTables = {}
const showHistoryTable = (tableName) => {
if (!tableName) return
if (tableName == 'investStrategy') {
$('#investStrategyHistoryFormModal').modal({
backdrop: true
})
$('#investStrategyHistoryFormModal').modal('show')
return
}
if (tableName == 'investProfile') {
$('#investProfileHistoryFormModal').modal({
backdrop: true
})
$('#investProfileHistoryFormModal').modal('show')
return
}
if (tableName == 'changeSchema') {
$('#changeSchemaHistoryFormModal').modal({
backdrop: true
})
$('#changeSchemaHistoryFormModal').modal('show')
return
}
if (tableName == 'contractModel') {
$('#contractModelHistoryFormModal').modal({
backdrop: true
})
$('#contractModelHistoryFormModal').modal('show')
return
}
if (tableName == 'pensionAmount') {
$('#pensionAmountHistoryFormModal').modal({
backdrop: true
})
$('#pensionAmountHistoryFormModal').modal('show')
return
}
if (tableName == 'pensionObligationType') {
$('#pensionObligationTypeHistoryFormModal').modal({
backdrop: true
})
$('#pensionObligationTypeHistoryFormModal').modal('show')
return
}
if (tableName == 'payoutState') {
$('#sharerPayoutStateHistoryFormModal').modal({
backdrop: true
})
$('#sharerPayoutStateHistoryFormModal').modal('show')
}
if (tableName == 'andState') {
$('#andStateFormModal').modal({
backdrop: true
})
$('#andStateFormModal').modal('show')
}
if (tableName == 'sharerState') {
$('#sharerStatusHistoryFormModal').modal({
backdrop: true
})
$('#sharerStatusHistoryFormModal').modal('show')
}
if (tableName == 'tableVestingCoeffs') {
$('#tableVestingCoeffsFormModal').modal({
backdrop: true
})
$('#tableVestingCoeffsFormModal').modal('show')
}
if (tableName == 'SharerVestingState') {
$('#tableSharerVestingStateFormModal').modal({
backdrop: true
})
$('#tableSharerVestingStateFormModal').modal('show')
}
if (tableName == 'SharerVestingStatus') {
$('#tableSharerVestingStatusFormModal').modal({
backdrop: true
})
$('#tableSharerVestingStatusFormModal').modal('show')
}
if (tableName == 'sharerClassification') {
$('#tableSharerClassificationFormModal').modal({
backdrop: true
})
$('#tableSharerClassificationFormModal').modal('show')
}
}
function clearControls() {
$('#account_info_section' + ' input').val(null).trigger('change')
$('#tabs_panel_block' + ' input').val(null).trigger('change')
$('#tabs_panel_block' + ' input').removeAttr('style')
}
function setAccountInfoData(serviceType) {
clearControls()
if (!serviceType || serviceType == 'OPS') {
$('#npoAdvInfo').hide()
$('#fixingTbl').hide()
return
}
$('#npoAdvInfo').show()
$('#fixingTbl').show()
const { assigneeQueryTable = null, fixingTable = null } = queryTables
if ( assigneeQueryTable ) assigneeQueryTable.reload()
if ( fixingTable ) fixingTable.reload()
const fillTabVestingFields = (vesting_data) => {
$('#vesting_details_input_way').val(vesting_data.vestingType)
$('#vesting_details_input_start').val(vesting_data.dateStartVesting)
$('#vesting_details_input_state').val(vesting_data.vestingState)
$('#vesting_details_input_status').val(vesting_data.vestingStatus)
$('#vesting_details_input_period_right_requirement').val(vesting_data.periodRightRequirement)
$('#vesting_details_input_receipt_transfer').val(vesting_data.transferNextReceipts)
$('#vesting_details_input_pair_sharer').val(vesting_data.pairSharerNumber)
$('#vesting_details_input_sharer_type').val(vesting_data.sharerType)
}
const fillTabAdditionalFields = (sharer_data) => {
$('#account_details_input_pension_scheme').html(sharer_data.pensionScheme)
$('#account_details_input_pens_scheme_index').val(sharer_data.pensSchemeIndex)
$('#account_details_input_classification').val(sharer_data.sharerClass)
$('#account_details_input_invest_profile').val(sharer_data.investProfile)
$('#account_details_input_warranty_period').val(sharer_data.warrantyPeriod)
$('#account_details_input_account_model').val(sharer_data.accountModel)
$('#account_details_input_duty_type').val(sharer_data.obligationType)
$('#detailed_info_acc_indexation').val(sharer_data.indexationParamValue)
$('#detailed_info_redemption_right').prop('checked', sharer_data.redemptionRight == 'true')
if ( sharer_data.pensionScheme && sharer_data.pensionSchemeId ) {
$('#account_details_input_pension_scheme').wrapInner(
'<a href="view?viewCode=v_prod_line_pens_scheme&id=' + sharer_data.pensionSchemeId + '" target="_blank"></a>'
)
}
$('#account_details_input_pension_scheme').css({'overflow': 'hidden'})
}
const fillContractFields = (contract_data) => {
$('#account_details_input_actuar_norm').val(contract_data.actuarialYield)
$('#detailed_info_acc_program').val(contract_data.pensProgram)
$('#detailed_info_acc_rule_edition').html(contract_data.ruleEdition)
$('#detailed_info_acc_prod').html(contract_data.pensProduct)
$('#detailed_info_acc_fund_signed').val(contract_data.fundSigned)
$('#detailed_info_acc_fund_resource').val(contract_data.fundResource)
$('#detailed_info_pension_right').prop('checked', contract_data.pensionRight == 'true')
if ( contract_data.pensProduct && contract_data.pensProductId ) {
$('#detailed_info_acc_prod').wrapInner(
'<a href="view?viewCode=UpkLcIem&id=' + contract_data.pensProductId + '" target="_blank"></a>'
)
}
if ( contract_data.ruleEdition && contract_data.ruleId ) {
//$('#detailed_info_acc_rule_edition').wrapInner(
// '<a href="view?viewCode=v_ourpension_pension_rule&id=' + contract_data.ruleId + '" target="_blank"></a>'
//)
$('#detailed_info_acc_rule_edition').wrapInner('<a href="view?viewCode=v_ourpension_pension_rule" target="_blank"></a>')
}
$('#payout_details_input_pension_size').val(contract_data.pension)
$('#payout_details_input_tarif').val(contract_data.tariffName)
$('#account_details_input_tarif_actuar_rate').val(contract_data.tarifActuarialRate)
if ( ['HA0', 'MA0'].includes(contract_data.sharerStateCode) ) {
$('#payout_details_input_type').val(contract_data.payoutType)
$('#payout_details_input_appointment_date').val(contract_data.appointmentDate)
$('#payout_details_input_periodity').val(contract_data.periodicity)
$('#payout_details_input_state').val(contract_data.payoutState)
if (contract_data.payoutType == 'Срочная') {
$('#payout_details_input_end_date').val(contract_data.payoutEndDate)
} else {
$('#payout_details_input_end_date').val(null)
}
} else {
$('#payout_details_input_type, #payout_details_input_appointment_date, #payout_details_input_state').val(null)
$('#payout_details_input_periodity, #payout_details_input_end_date').val(null)
}
$('#payout_details_input_way').val(contract_data.payoutWay)
const { bankDetailsId: individual_bank_detail_id = null } = contract_data
if (individual_bank_detail_id) {
$('#show_bank_details span').css({
'cursor': 'pointer',
'text-decoration': 'underline'
})
$('#show_bank_details').show()
} else {
$('#show_bank_details').hide()
}
if (contract_data.pensProduct) {
$('#detailed_info_acc_prod').css({
'overflow': 'hidden',
'height': 'auto'
})
}
if (contract_data.ruleEdition) {
$('#detailed_info_acc_rule_edition').css({
'overflow': 'hidden',
'height': 'auto'
})
}
}
const individual_data = $('body').data('individual')
const sharer_data = $('body').data('sharer')
const individual_FIO = individual_data ?
individual_data.lastName + ' ' + individual_data.firstName + ' ' + individual_data.middleName
: ''
if (sharer_data && sharer_data.contractId) {
const id_contract = sharer_data.contractId
const id_sharer = sharer_data.id
$.ajax({
url: "queryModel.json",
type: "POST",
data: {
queryModelCode: "p9VarDq1",
id: id_sharer
},
dataType: "json",
success: function(data) {
$('body').data('contract', data)
fillContractFields(data)
}
})
$.ajax({
url: "queryModel.json",
type: "POST",
data: {
queryModelCode: "OSELx1MG",
id_sharer
},
dataType: "json",
success: function(data) {
fillTabVestingFields(data)
}
})
$.ajax({
url: "queryModel.json",
type: "POST",
data: {
queryModelCode: "bfgrYxyw",
id_sharer
},
dataType: "json",
success: function(data) {
fillTabAdditionalFields(data)
}
})
}
$('#detailed_info_FIO').val(individual_FIO)
$('#detailed_info_acc_open_date').val(sharer_data.sharerDate)
$('#detailed_info_sharer_num').val(sharer_data.sharerNumber)
$('#detailed_info_acc_status').val(sharer_data.sharerStatusRaw)
$('#detailed_info_sharer_type').val(sharer_data.acc_type)
if ( serviceType == 'NPO' ) $('label[for=account_details_input_invest_profile]').text('Инвестиционная стратегия')
if ( serviceType == 'PDS' ) $('label[for=account_details_input_invest_profile]').text('Инвестиционный профиль')
$('#log_sharer_status').click((e) => {
const {serviceType = null} = $('body').data('sharer')
if (!serviceType || serviceType == 'OPS') return
const {sharerStatusHistoryTable = null} = historyTables
if ( sharerStatusHistoryTable ) {
sharerStatusHistoryTable.reload()
showHistoryTable('sharerState')
}
})
$('#log_contract_model').click((e) => {
const {serviceType = null} = $('body').data('sharer')
if (!serviceType || serviceType == 'OPS') return
const {contractModelHistoryTable = null} = historyTables
if ( contractModelHistoryTable ) {
contractModelHistoryTable.reload()
showHistoryTable('contractModel')
}
})
$('#log_invest_profile').click((e) => {
const {serviceType = null} = $('body').data('sharer')
if (!serviceType || serviceType == 'OPS') return
const {investProfileHistoryTable = null} = historyTables
if ( investProfileHistoryTable ) {
investProfileHistoryTable.reload()
showHistoryTable('investProfile')
}
})
$('#log_change_sharer_schema').click((e) => {
const {serviceType = null} = $('body').data('sharer')
if (!serviceType || serviceType != 'NPO') return
const {changeSchemaHistoryTable = null} = historyTables
if ( changeSchemaHistoryTable ) {
changeSchemaHistoryTable.reload()
showHistoryTable('changeSchema')
}
})
$('#log_pension_amount').click((e) => {
const {serviceType = null} = $('body').data('sharer')
if (!serviceType || serviceType == 'OPS') return
const {pensionAmountHistoryTable = null} = historyTables
if ( pensionAmountHistoryTable ) {
pensionAmountHistoryTable.reload()
showHistoryTable('pensionAmount')
}
})
$('#log_pension_obligation_type').click((e) => {
const {serviceType = null} = $('body').data('sharer')
if (!serviceType || serviceType == 'OPS') return
const {pensionObligationTypeHistoryTable = null} = historyTables
if ( pensionObligationTypeHistoryTable ) {
pensionObligationTypeHistoryTable.reload()
showHistoryTable('pensionObligationType')
}
})
$('#log_sharer_classification').click((e) => {
const {serviceType = null} = $('body').data('sharer')
if (!serviceType || serviceType == 'OPS') return
const { sharerClassificationHistoryTable = null } = historyTables
if ( sharerClassificationHistoryTable ) {
sharerClassificationHistoryTable.reload()
showHistoryTable('sharerClassification')
}
})
$('#log_payout_state').click((e) => {
const {serviceType = null} = $('body').data('sharer')
if (!serviceType || serviceType == 'OPS') return
const { sharerPayoutStateHistoryTable = null } = historyTables
const { sharerPayoutStateReasonHistoryTable = null } = historyTables
if ( sharerPayoutStateHistoryTable ) {
sharerPayoutStateHistoryTable.reload()
sharerPayoutStateReasonHistoryTable.reload()
showHistoryTable('payoutState')
}
})
$('#and_state').click((e) => {
const {serviceType = null} = $('body').data('sharer')
if (!serviceType || serviceType == 'OPS') return
const { andStateHistoryTable = null } = historyTables
if ( andStateHistoryTable ) {
andStateHistoryTable.reload()
showHistoryTable('andState')
}
})
$('#log_sharer_vesting_state').click((e) => {
const {serviceType = null} = $('body').data('sharer')
if (!serviceType || serviceType == 'OPS') return
showHistoryTable('SharerVestingState')
})
$('#log_sharer_vesting_status').click((e) => {
const {serviceType = null} = $('body').data('sharer')
if (!serviceType || serviceType == 'OPS') return
showHistoryTable('SharerVestingStatus')
})
$('#btn_table_vesting_coeffs').click((e) => {
const {serviceType = null} = $('body').data('sharer')
if (!serviceType || serviceType == 'OPS') return
historyTables.tableVestingCoeffs.reload()
showHistoryTable('tableVestingCoeffs')
})
$('#show_bank_details').click(() => {
const {serviceType = null} = $('body').data('sharer')
if (!serviceType || serviceType == 'OPS') return
const { bankDetailsId: individual_bank_detail_id = null } = $('body').data('contract')
const result = new Promise((resolve, reject) => {
$.ajax({
url: "queryModel.json",
type: "POST",
data: {
queryModelCode: "cpZkWEPe",
individual_bank_detail_id
},
dataType: "json",
success: function(data) {
$('body').data('bank_details', data)
resolve(data)
},
error: function(xhr, status, error) {
reject(error)
},
})
})
result.then(data => {
if (data.bic) {
$('#bank_details_bic').val(data.bic)
$('#bank_details_bank').val(data.bank_name)
$('#bank_details_corr').val(data.corr_account)
$('#bank_details_acc').val(data.account)
$('#bank_details_card_n').val(data.card_number)
$('#bank_details_card_holder').val(data.card_number ? data.card_holder : '')
if ($('body').data('contract').payoutWay) {
const payoutWay = $('body').data('contract').payoutWay
const payoutWayStr = payoutWay == 'Банк' ? 'Перечисление на счет в кредитной организации' :
payoutWay == 'Почта' ? 'Через организацию почтовой связи' : ''
$('#bank_details_payout_way').val(payoutWayStr).trigger('change')
}
$('#bankDetailsFormModal').modal({
backdrop: true
})
$('#bankDetailsFormModal').modal('show')
}
}).catch(error => {
console.error(error)
})
})
}
</script>
<div>
<div class="row">
<div class="col-sm-11">
<form class="form-vertical" style="padding-left: 30px;padding-top: 15px;">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="account_info_section_heading">
<h3 class="panel-title">
<a class="collapsed" data-toggle="collapse" href="#account_info_section"
aria-expanded="false" aria-controls="account_info_section">
Общие данные
</a>
</h3>
</div>
<div id="account_info_section"
class="panel-collapse collapse"
role="tabpanel"
aria-labelledby="account_info_section_heading">
<div class="panel-body">
<div class="row" style="margin-top:0px;">
<div class="col-sm-4">
<div class="form-group">
<label for="detailed_info_FIO">ФИО участника</label>
<input type="text"
class="form-control"
id="detailed_info_FIO"
placeholder="ФИО участника"
readonly>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label for="detailed_info_acc_status">Статус счета</label>
<a id='log_sharer_status' class="glyphicon glyphicon-question-sign"></a>
<input type="text"
class="form-control"
id="detailed_info_acc_status"
placeholder="Статус счета"
readonly>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<input type="checkbox"
class="form-control"
id="detailed_info_pension_right"
disabled>
<label for="detailed_info_pension_right">Право на получение пенсии</label>
</div>
</div>
<div class="col-sm-3" style='display: none'>
<div class="form-group">
<label for="detailed_info_contr_KPP">Договор КПП вкладчика ЮЛ</label>
<input type="text"
class="form-control"
id="detailed_info_contr_KPP"
placeholder="Договор КПП вкладчика ЮЛ"
readonly>
</div>
</div>
</div>
<div class="row" style="margin-top:0px;">
<div class="col-sm-4">
<div class="form-group">
<label for="detailed_info_sharer_num">№ счета</label>
<input type="text"
class="form-control"
id="detailed_info_sharer_num"
placeholder="Номер счета"
readonly>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label for="detailed_info_acc_prod">Пенсионный продукт</label>
<div class="form-control"
id="detailed_info_acc_prod">
</div>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<input type="checkbox"
class="form-control"
id="detailed_info_redemption_right"
disabled>
<label for="detailed_info_redemption_right">
Право на выкупную сумму
</label>
</div>
</div>
</div>
<div class="row" style="margin-top:0px;">
<div class="col-sm-4">
<div class="form-group">
<label for="detailed_info_acc_rule_edition">
Редакция пенсионных правил
</label>
<div class="form-control"
id="detailed_info_acc_rule_edition">
</div>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label for="detailed_info_acc_indexation">
Признак индексации
</label>
<input type="text" class="form-control"
id="detailed_info_acc_indexation"
placeholder="Признак индексации"
readonly>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<input type="checkbox"
class="form-control"
id="detailed_info_assignee_redemption_right"
disabled>
<label for="detailed_info_assignee_redemption_right">
_Право на правопреемство
</label>
</div>
</div>
</div>
<div class="row" style="margin-top:0px;">
<div class="col-sm-4">
<div class="form-group">
<label for="detailed_info_acc_fund_signed">
Заключивший НПФ
</label>
<input type="text" class="form-control"
id="detailed_info_acc_fund_signed"
placeholder="Заключивший НПФ"
readonly>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label for="detailed_info_acc_fund_resource">
Источник фонд
</label>
<input type="text" class="form-control"
id="detailed_info_acc_fund_resource"
placeholder="Источник фонд"
readonly>
</div>
</div>
</div>
<div class="row">
<div class="btn-group col-sm-12">
<ul class="nav nav-tabs" id="tab1" role="tablist">
<li class="nav-item active" data-type="tab">
<a class="nav-link tab-link" id="tab_payout_params"
data-toggle="tab" href="#tab_payout_params_block"
role="tab">Параметры выплат</a>
</li>
<li class="nav-item" data-type="tab">
<a class="nav-link tab-link" id="tab_account_params"
data-toggle="tab" href="#tab_additional_params_block"
role="tab">Дополнительные параметры</a>
</li>
<li class="nav-item" data-type="tab">
<a class="nav-link tab-link" id="tab_vesting_column"
data-toggle="tab" href="#tab_vesting_params_block"
role="tab">Вестинг</a>
</li>
<li class="nav-item" data-type="tab">
<a class="nav-link tab-link" id="tab_account_assignee"
data-toggle="tab" href="#tab_assignee_params_block"
role="tab">Правопреемники</a>
</li>
<li class="nav-item" data-type="tab">
<a class="nav-link tab-link" id="tab_account_contractor"
data-toggle="tab" href="#tab_contractor_params_block"
role="tab">Информация по контрагентам</a>
</li>
</ul>
<div id='tabs_panel_block' class='tab-content'>
<div id="tab_payout_params_block" class="tab-pane fade active in"
role="tabpanel" aria-labelledby="tab_block1">
<form >
<div class='col-sm-12 form-group'>
<div class="row" style="margin-top:15px;">
<div class="col-sm-3">
<div class="form-group">
<label for="payout_details_input_pension_size">
Размер пенсии
</label>
<a id='log_pension_amount' class="glyphicon glyphicon-question-sign"></a>
<input type="text" class="form-control"
id="payout_details_input_pension_size"
placeholder="Размер пенсии"
readonly>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label
for="payout_details_input_appointment_date">Дата
назначения выплат</label>
<input type="text" class="form-control"
id="payout_details_input_appointment_date"
placeholder="Дата назначения выплат"
readonly>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label
for="payout_details_input_type">Тип выплаты</label>
<input type="text" class="form-control"
id="payout_details_input_type"
placeholder="Тип выплаты"
readonly>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label for="payout_details_input_end_date">
Дата окончания выплат
</label>
<input type="text" class="form-control"
id="payout_details_input_end_date"
placeholder="Дата окончания выплат"
readonly>
</div>
</div>
</div>
<div class="row" style="margin-top:0px;">
<div class="col-sm-3">
<div class="form-group">
<label for="payout_details_input_state">
Состояние выплат
</label>
<a id='log_payout_state' class="glyphicon glyphicon-question-sign"></a>
<input type="text" class="form-control"
id="payout_details_input_state"
placeholder="Состояние выплат"
readonly>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label
for="payout_details_input_periodity">
Периодичность выплат
</label>
<input type="text" class="form-control"
id="payout_details_input_periodity"
placeholder="Периодичность выплат"
readonly>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label
for="payout_details_input_way">
Способ выплаты и реквизиты
</label>
<input type="text" class="form-control"
id="payout_details_input_way"
placeholder="Способ выплаты и реквизиты"
readonly>
</div>
<div id="show_bank_details" style='display: none'>
<span>
Показать реквизиты
</span>
</div>
</div>
</div>
<div class="row" style="margin-top:0px;">
<div class="col-sm-3" >
<div class="form-group">
<label
for="payout_details_input_tarif">Тариф</label>
<input type="text" class="form-control"
id="payout_details_input_tarif"
placeholder="Тариф"
readonly>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label for="account_details_input_tarif_actuar_rate">
АНД по тарифу
</label>
<input type="text" class="form-control"
id="account_details_input_tarif_actuar_rate"
placeholder="АНД по тарифу"
readonly>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label for="account_details_input_actuar_norm">
Актуарная норма доходности
</label>
<a id='and_state' class="glyphicon glyphicon-question-sign"></a>
<input type="text" class="form-control"
id="account_details_input_actuar_norm"
placeholder="Актуарная норма доходности" readonly>
</div>
</div>
</div>
</div>
</form>
</div>
<div id="tab_additional_params_block" class="tab-pane fade"
role="tabpanel" aria-labelledby="tab_block2">
<form >
<div class='col-sm-12 form-group'>
<div class="row" style="margin-top:15px;">
<div class="col-sm-4">
<div class="form-group">
<label for="account_details_input_pension_scheme">
Пенсионная схема согласно редакции ПП
</label>
<!--a id='log_change_sharer_schema' class="glyphicon glyphicon-question-sign"></a-->
<div class="form-control"
id="account_details_input_pension_scheme">
</div>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label for="account_details_input_invest_profile">
Инвестиционный профиль
</label>
<a id='log_invest_profile' class="glyphicon glyphicon-question-sign"></a>
<input type="text"
class="form-control"
id="account_details_input_invest_profile"
placeholder="Инвестиционный профиль"
readonly>
</div>
</div>
</div>
<div class="row" style="margin-top:0px;">
<div class="col-sm-4">
<div class="form-group">
<label for="account_details_input_pens_scheme_index">
Индекс схемы
</label>
<input type="text"
class="form-control"
id="account_details_input_pens_scheme_index"
placeholder="Пенсионная схема"
readonly>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label for="account_details_input_classification">
Классификация счета
</label>
<a id='log_sharer_classification' class="glyphicon glyphicon-question-sign"></a>
<input type="text" class="form-control"
id="account_details_input_classification"
placeholder="Классификация счета"
readonly>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label
for="account_details_input_warranty_period">Период гарантийного
восполнения</label>
<input type="text" class="form-control"
id="account_details_input_warranty_period"
placeholder="Период гарантийного восполнения"
readonly>
</div>
</div>
</div>
<div class="row" style="margin-top:0px;">
<div class="col-sm-4">
<div class="form-group">
<label for="account_details_input_duty_type">
Вид обязательств
</label>
<a id='log_pension_obligation_type' class="glyphicon glyphicon-question-sign"></a>
<input type="text"
class="form-control"
id="account_details_input_duty_type"
placeholder="Вид обязательств"
readonly>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label for="account_details_input_account_model">
Модель учета
</label>
<a id='log_contract_model' class="glyphicon glyphicon-question-sign"></a>
<input type="text" class="form-control"
id="account_details_input_account_model"
placeholder="Модель учета" readonly>
</div>
</div>
</div>
</div>
</form>
</div>
<div id="tab_assignee_params_block" class="tab-pane fade"
role="tabpanel" aria-labelledby="tab_block3">
<form >
<div class='col-sm-12 form-group'>
<div class="row" style="margin-top:15px;">
<jsp:include page="queryTable.jsp">
<jsp:param name="queryTableCode" value="4sIIbIRd" />
<jsp:param name="queryTableStyle" value="white-space:nowrap;" />
</jsp:include>
</div>
</div>
</form>
</div>
<div id="tab_vesting_params_block" class="tab-pane fade"
role="tabpanel" aria-labelledby="tab_block4">
<form>
<div class='col-sm-12 form-group'>
<div class="row" style="margin-top:15px;">
<div class="col-sm-4">
<div class="form-group">
<label for="vesting_details_input_way">
Способ вестинга
</label>
<input type="text" class="form-control"
id="vesting_details_input_way"
placeholder="Способ вестинга"
readonly>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label for="vesting_details_input_state">
Состояние вестинга
</label>
<a id='log_sharer_vesting_state' class="glyphicon glyphicon-question-sign"></a>
<input type="text" class="form-control"
id="vesting_details_input_state"
placeholder="Состояние вестинга"
readonly>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label for="vesting_details_input_status">
Статус вестинга
</label>
<a id='log_sharer_vesting_status' class="glyphicon glyphicon-question-sign"></a>
<input type="text"
class="form-control"
id="vesting_details_input_status"
placeholder="Статус вестинга"
readonly>
</div>
</div>
</div>
<div class="row" style="margin-top:0px;">
<div class="col-sm-4">
<div class="form-group">
<label for="vesting_details_input_foundation">
_Основание
</label>
<input type="text"
class="form-control"
id="vesting_details_input_foundation"
placeholder="Основание"
readonly>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label
for="vesting_details_input_start">Начало
программы вестинга</label>
<input type="text" class="form-control"
id="vesting_details_input_start"
placeholder="Начало программы вестинга"
readonly>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label for="vesting_details_input_period_right_requirement">
Период предоставления права требования</label>
<input type="text" class="form-control"
id="vesting_details_input_period_right_requirement"
placeholder="Период предоставления права требования"
readonly>
</div>
</div>
</div>
<div class="row" style="margin-top:0px;">
<div class="col-sm-4">
<div class="form-group">
<label
for="vesting_details_input_pair_sharer">
Парный счет вестинга
</label>
<input type="text" class="form-control"
id="vesting_details_input_pair_sharer"
placeholder="Парный счет вестинга"
readonly>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label for="vesting_details_input_receipt_transfer">
Передача последующих поступлений
</label>
<input type="text" class="form-control"
id="vesting_details_input_receipt_transfer"
placeholder="Передача последующих поступлений"
readonly>
</div>
</div>
<div class="col-sm-1"> </div>
<div class="col-sm-3">
<div class="btn-group">
<br>
<button id="btn_table_vesting_coeffs"
class="btn btn-info"
type="button"
>
Вестинг коэффициенты
</button>
</div >
</div>
</div>
</div>
</form>
</div>
<div id="tab_contractor_params_block" class="tab-pane fade"
role="tabpanel" aria-labelledby="tab_block5">
<form>
<div class='col-sm-12 form-group'>
<div class="row" style="margin-top:15px;">
<div class="col-sm-3">
<div class="form-group">
<label for="contractor_details_input_start">
Средняя зар. плата
</label>
<input type="text" class="form-control"
id="contractor_details_input_start"
placeholder="Средняя зар. плата"
readonly>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label for="contractor_details_input_right_period">
Год среднего заработка
</label>
<input type="text" class="form-control"
id="contractor_details_input_right_period"
placeholder="Год среднего заработка"
readonly>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label for="contractor_details_input_acc_type">
Дата начала работы в компании
</label>
<input type="text" class="form-control"
id="contractor_details_input_acc_type"
placeholder="Дата начала работы в компании"
readonly>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label for="contractor_details_input_pair_account">
Дата увольнения
</label>
<input type="text" class="form-control"
id="contractor_details_input_pair_account"
placeholder="Дата увольнения"
readonly>
</div>
</div>
</div>
<div class="row" style="margin-top:15px;">
<div class="col-sm-3">
<div class="form-group">
<label for="contractor_details_input_start">
Дата наступления пенс. оснований
</label>
<input type="text" class="form-control"
id="contractor_details_input_start"
placeholder="Дата наступления пенс. оснований"
readonly>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label for="contractor_details_input_right_period">
Предполагаемая дата выхода на пенсию
</label>
<input type="text" class="form-control"
id="contractor_details_input_right_period"
placeholder="Предполагаемая дата выхода на пенсию"
readonly>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label for="contractor_details_input_acc_type">
Стаж работы
</label>
<input type="text" class="form-control"
id="contractor_details_input_acc_type"
placeholder="Стаж работы"
readonly>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label for="contractor_details_input_pair_account">
Коэфф. трудового стажа
</label>
<input type="text" class="form-control"
id="contractor_details_input_pair_account"
placeholder="Коэфф. трудового стажа"
readonly>
</div>
</div>
</div>
<div class="row" style="margin-top:15px;">
<div class="col-sm-3">
<div class="form-group">
<label for="contractor_details_input_start">
Коэфф. увольнения
</label>
<input type="text" class="form-control"
id="contractor_details_input_start"
placeholder="Коэфф. увольнения"
readonly>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label for="contractor_details_input_right_period">
Коэфф. замещения
</label>
<input type="text" class="form-control"
id="contractor_details_input_right_period"
placeholder="Коэфф. замещения"
readonly>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label for="contractor_details_input_acc_type">
Срок выплат пенсии
</label>
<input type="text" class="form-control"
id="contractor_details_input_acc_type"
placeholder="Срок выплат пенсии"
readonly>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label for="contractor_details_input_pair_account">
Коэфф. участия в ИПО
</label>
<input type="text" class="form-control"
id="contractor_details_input_pair_account"
placeholder="Коэфф. участия в ИПО"
readonly>
</div>
</div>
</div>
<div class="row" style="margin-top:15px;">
<div class="col-sm-3">
<div class="form-group">
<label for="contractor_details_input_start">
Периодичность выплат
</label>
<input type="text" class="form-control"
id="contractor_details_input_start"
placeholder="Периодичность выплат"
readonly>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label for="contractor_details_input_right_period">
Удержание процент
</label>
<input type="text" class="form-control"
id="contractor_details_input_right_period"
placeholder="Удержание процент"
readonly>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label for="contractor_details_input_acc_type">
Расчетный размер пенсии
</label>
<input type="text" class="form-control"
id="contractor_details_input_acc_type"
placeholder="Расчетный размер пенсии"
readonly>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label for="contractor_details_input_pair_account">
Расчетная дата назначения пенсии
</label>
<input type="text" class="form-control"
id="contractor_details_input_pair_account"
placeholder="Расчетная дата назначения пенсии"
readonly>
</div>
</div>
</div>
<div class="row" style="margin-top:15px;">
<div class="col-sm-4">
<div class="form-group">
<label for="contractor_details_input_start">
Алгоритм расчета пенсии при открытии ИПС
</label>
<input type="text" class="form-control"
id="contractor_details_input_start"
placeholder="Алгоритм расчета пенсии при открытии ИПС"
readonly>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label for="contractor_details_input_right_period">
Алгоритм расчета пенсии при назначении пенсии
</label>
<input type="text" class="form-control"
id="contractor_details_input_right_period"
placeholder="Алгоритм расчета пенсии при назначении пенсии"
readonly>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
<div id='fixingTbl' style='display: none'>
<div class="col-sm-12" >
<jsp:include page="queryTable.jsp">
<jsp:param name="queryTableCode" value="t_fixation_by_sharer"/>
<jsp:param name="queryTableStyle" value="white-space:nowrap;"/>
</jsp:include>
</div>
</div>
<div id="investStrategyHistoryFormModal" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<jsp:include page="queryTable.jsp">
<jsp:param name="queryTableCode" value="7wt08b6q"/>
</jsp:include>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span>
<span class="sr-only"><s:message code="dialog.close"/></span>
</button>
</div>
</div>
</div>
</div>
<div id="investProfileHistoryFormModal" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<jsp:include page="queryTable.jsp">
<jsp:param name="queryTableCode" value="G9phIO4L"/>
</jsp:include>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span>
<span class="sr-only"><s:message code="dialog.close"/></span>
</button>
</div>
</div>
</div>
</div>
<div id="changeSchemaHistoryFormModal" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<jsp:include page="queryTable.jsp">
<jsp:param name="queryTableCode" value="U6VHMKG1"/>
</jsp:include>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span>
<span class="sr-only"><s:message code="dialog.close"/></span>
</button>
</div>
</div>
</div>
</div>
<div id="contractModelHistoryFormModal" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<jsp:include page="queryTable.jsp">
<jsp:param name="queryTableCode" value="sMI4CnxH"/>
</jsp:include>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span>
<span class="sr-only"><s:message code="dialog.close"/></span>
</button>
</div>
</div>
</div>
</div>
<div id="pensionAmountHistoryFormModal" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<jsp:include page="queryTable.jsp">
<jsp:param name="queryTableCode" value="awHtLDIS"/>
</jsp:include>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span>
<span class="sr-only"><s:message code="dialog.close"/></span>
</button>
</div>
</div>
</div>
</div>
<div id="pensionObligationTypeHistoryFormModal" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<jsp:include page="queryTable.jsp">
<jsp:param name="queryTableCode" value="e7xYkcY7"/>
</jsp:include>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span>
<span class="sr-only"><s:message code="dialog.close"/></span>
</button>
</div>
</div>
</div>
</div>
<div id="sharerPayoutStateHistoryFormModal" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<jsp:include page="queryTable.jsp">
<jsp:param name="queryTableCode" value="s5dWz0Em"/>
</jsp:include>
<br>
<jsp:include page="queryTable.jsp">
<jsp:param name="queryTableCode" value="HqFnkuVP"/>
</jsp:include>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span>
<span class="sr-only"><s:message code="dialog.close"/></span>
</button>
</div>
</div>
</div>
</div>
<div id="sharerStatusHistoryFormModal"
class="modal fade"
tabindex="-1"
role="dialog"
aria-labelledby = "sharerStatusHistoryFormModal"
aria-hidden = "true" >
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body">
<form id="historyForm" class="form-vertical" role="form">
<div class = "row">
<div class="col-sm-12">
<div class="col-sm-11" style="text-align: left;">
<label class="control-label" id="context_history"></label>
</div>
<div class="col-sm-1">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span>
<span class="sr-only"><s:message code="dialog.close"/></span></button>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<jsp:include page="queryTable.jsp">
<jsp:param name="queryTableCode" value="4Vi3M7We"/>
</jsp:include>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div id="andStateFormModal" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<jsp:include page="queryTable.jsp">
<jsp:param name="queryTableCode" value="09nxlGpf"/>
</jsp:include>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span>
<span class="sr-only"><s:message code="dialog.close"/></span>
</button>
</div>
</div>
</div>
</div>
<div id="tableVestingCoeffsFormModal" class="modal fade" tabindex="-1">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<jsp:include page="queryTable.jsp">
<jsp:param name="queryTableCode" value="Ue4lBfwK"/>
<jsp:param name="queryTableStyle" value="white-space:nowrap;" />
</jsp:include>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span>
<span class="sr-only"><s:message code="dialog.close"/></span>
</button>
</div>
</div>
</div>
</div>
<div id="tableSharerVestingStateFormModal" class="modal fade" tabindex="-1">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<jsp:include page="queryTable.jsp">
<jsp:param name="queryTableCode" value="UXrsBYXd"/>
<jsp:param name="queryTableStyle" value="white-space:nowrap;" />
</jsp:include>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span>
<span class="sr-only"><s:message code="dialog.close"/></span>
</button>
</div>
</div>
</div>
</div>
<div id="tableSharerVestingStatusFormModal" class="modal fade" tabindex="-1">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<jsp:include page="queryTable.jsp">
<jsp:param name="queryTableCode" value="CgePzG1X"/>
<jsp:param name="queryTableStyle" value="white-space:nowrap;" />
</jsp:include>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span>
<span class="sr-only"><s:message code="dialog.close"/></span>
</button>
</div>
</div>
</div>
</div>
<div id="tableSharerClassificationFormModal" class="modal fade" tabindex="-1">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<jsp:include page="queryTable.jsp">
<jsp:param name="queryTableCode" value="V7L1FRBw"/>
<jsp:param name="queryTableStyle" value="white-space:nowrap;" />
</jsp:include>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span>
<span class="sr-only"><s:message code="dialog.close"/></span>
</button>
</div>
</div>
</div>
</div>
<div id="bankDetailsFormModal" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div class="row" style="margin-top:15px;">
<div class="col-sm-12">
<div class="form-group">
<label for="bank_details_bic">
БИК
</label>
<input type="text" class="form-control"
id="bank_details_bic"
placeholder="БИК"
readonly>
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<label for="bank_details_bank">
Банк
</label>
<input type="text" class="form-control"
id="bank_details_bank"
placeholder="Банк"
readonly>
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<label for="bank_details_corr">
Корреспондентский счет
</label>
<input type="text" class="form-control"
id="bank_details_corr"
placeholder="Корреспондентский счет"
readonly>
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<label for="bank_details_acc">
Расчетный счет
</label>
<input type="text" class="form-control"
id="bank_details_acc"
placeholder="Расчетный счет"
readonly>
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<label for="bank_details_payout_way">
Способ выплат
</label>
<input type="text" class="form-control"
id="bank_details_payout_way"
placeholder="Способ выплат"
readonly>
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<label for="bank_details_card_n">
Номер карты
</label>
<input type="text" class="form-control"
id="bank_details_card_n"
placeholder="Номер карты"
readonly>
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<label for="bank_details_card_holder">
Имя владельца карты
</label>
<input type="text" class="form-control"
id="bank_details_card_holder"
placeholder="Имя владельца карты"
readonly>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span>
<span class="sr-only"><s:message code="dialog.close"/></span>
</button>
</div>
</div>
</div>
</div>
</div>