{plans}
<div class="col-md-{cols_count_divider}">
	<div id="" class="pricing-box hover-effect pricing-info {style_for_active_class}">
		<div class="pricing-head">
			<h3 class="pricing-head-title">{clt_plan_level_name}</h3>
			<h4>
				<i>{currency}</i> <b class="calckptariff2 prfin2">{price_int}</b><i>.{price_float}</i>
				<span><b>{monthly_price}</b> <b>{currency}</b> {clt_monthly}</span>
			</h4>
		</div>
		<div class="panel-group" id="accordion-{clt_plan_level_name}" role="tablist" aria-multiselectable="true">
			{descriptions}
			<div class="panel panel-default" style="margin:0">
				<div class="panel-heading" role="tab" id="heading-{service_id}" style="border:0; padding: 0;">
					<h6 class="panel-title" style="text-align: center;">
						<a role="button" data-toggle="collapse" data-parent="#accordion-{clt_plan_level_name}" href="#{collapse}" aria-expanded="true"
							aria-controls="{collapse}" style="color:rgba(27, 34, 44, 0.72)">
							{service} {icon}
						</a>
					</h6>
				</div>
				<div id="{collapse}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-{service_id}">
					{subservices}<div class="panel-body">
						<ul class="pricing-content list-unstyled">
						<li>{clt}</li>
						</ul>
					</div>{/subservices}
				</div>
			</div>
			{/descriptions}
		</div>

		<!--ul class="pricing-content list-unstyled" id="accordion-{clt_plan_level_name}">
			{descriptions}
			<li>
				<a data-toggle="collapse" data-parent="#accordion-{clt_plan_level_name}" href="#{collapse}" aria-expanded="true" aria-controls="{collapse}">
					<b style="color:rgba(27, 34, 44, 0.72)">{service} {icon}</b>
				</a>
			</li>
			<div id="{collapse}" class="panel-collapse collapse">
				<ul class="pricing-content list-unstyled">
					{subservices}<li>{clt}</li>{/subservices}
				</ul>
			</div>
			{/descriptions}
		</ul-->
		<div class="pricing-footer">
			<div class="pt-5 fs-15 {show_for_active_norusector_class}">
				<a href="/stripe_concept2/manage_payment_methods" class="btn btn-indigo btn-block btn-lg">{clt_update_payment_details}</a>
			</div>
			<div class="pt-5 fs-15 {show_for_active_rusector_class}">
				<a href="#" class="btn btn-indigo btn-block btn-lg">Активный план</a>
			</div>
			<div id="choose_plan" class="choose_plan {hide_for_active_class}" data-plan_id="{plan_id}" data-has_tiers="{has_tiers}" data-hibryd="{hibryd_data}">
				<a href="#" class="btn btn-default-alt btn-block btn-lg f-style">{clt_set_this_plan}</a>
			</div>
		</div>
	</div>
</div>
{/plans}
<script type="text/javascript">
	$(".choose_plan").on('click', function(e) {
		$('form#set_plan input#plan_id').val(this.dataset.plan_id);
		$('form#set_plan input#has_tiers').val(this.dataset.has_tiers);
		$('form#set_plan input#hibryd').val(this.dataset.hibryd);
		if ($('#is_billing_offline').val() == 1){
			$('#set_plan').submit();
		}else{
			$("#myModal3").modal('show');
		}
	});
</script>