<% 
	#Пример
	#
	if false
		render partial: "shared/check_box_v2", locals: {
			id_name:'Уникальное название',
			class_name:'Класс',
			style_custom:'Дополнительный стиль',
			top:'Отступ сверху',
			left:'Отступ слева',
			width:'Ширина',
			click_action:'Действие по клику()',
			hover_action:'Действие при наведении()',
			text:'Текст чекбокса',
			selected:1
		}
	end
	
	
	@id=id_name
	@class=class_name
	@style_custom=style_custom
	@top=top
	@left=left
	@width=width
	@action_on_click=click_action
	@action_on_hover=hover_action
	@text=text
	
%>
<div style="position:absolute;height:30px;top:<%= @top %>;left:<%= @left %>;width:<%= @width %>;<%= @style_custom %>">
	<div onclick="cb_click_<%= @id %>()" onhover="<%= @action_on_hover %>" style="cursor:pointer;width:18px;height:18px;border:1px solid <%= $gray %>;position:absolute;top:5px;left:5px">
		<div id="cb_<%= @id %>" class="cb_<%= @class %>" style="transition:0.3s;width:0px;height:0px;background:<%= $blue %>;position:absolute;top:9px;left:9px"></div>
	</div>
	<% if @text %>
		<div class="text_m" style="position:absolute;left:30px;line-height:30px;width:calc(100% - 35px)"><%= @text %></div>
	<% end %>
</div>
<script>
var cb_<%= @id %>_value=0
function cb_click_<%= @id %>(){
	element=document.getElementById('cb_<%= @id %>')
	if(cb_<%= @id %>_value == 0){
		cb_<%= @id %>_value=1
		element.style.width='14px'
		element.style.height='14px'
		element.style.top='2px'
		element.style.left='2px'
	}else{
		cb_<%= @id %>_value=0
		element.style.width='0px'
		element.style.height='0px'
		element.style.top='9px'
		element.style.left='9px'
	} 
	<%= @action_on_click %>	
}
$(document).ready(
	function() { 
		<% if defined?(selected) != nil %>
			<%= if selected == 1 ; "cb_click_#{@id}()" ; end %>
		<% end %>
	}
);

</script>