<div class="billing-page" ng-controller="purchaseCtrl as vm">
	  <div ba-panel
         ba-panel-title="{{vm.heading}}">
             <div class="pull-right back">
      <a ui-sref="main.billing.plans" class="newlink"> {{'plans.back' | translate}} <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
      </div>
		  <div class="billing-inner">
			  
			  
			     <div class="billing-inner">
        <div class="col-xlg-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 pull-left billing-panel">
          <div class="billing-body">
            <div class="panel-content">
              <div class="header">{{'purchase.title' | translate}}</div>
              <div class="row">
                <div class="col-xlg-12 col-lg-12 col-md-12 col-sm-12 col-xs-12">
	
			  
<div class="container group">
	<div class="col-xlg-6 col-lg-6 col-md-6 col-sm-12 col-xs-12">
	 <div class="description">
		 <p><strong>{{'purchase.youhavechoosen' | translate}}</strong> {{ vm.heading }} </p>
		 <p><strong>{{'purchase.username' | translate}}</strong> {{vm.firstname}} {{vm.lastname}} </p>
		 <p><strong>{{'purchase.heading' | translate}}</strong> {{vm.plan}}  </p>
		<p><strong>{{'purchase.subprice' | translate}}</strong> {{vm.price}}</p>
		<p><strong>{{'purchase.saving' | translate}}</strong> {{vm.saving}}</p>
		<p><strong>{{'purchase.subperiod' | translate}}</strong> {{vm.today | date:'dd-MM-yyyy'}} <span>{{'purchase.to' | translate}}</span> {{vm.month | date:'dd-MM-yyyy'}}</p>

		</div>
	</div>
	
	 <div class="col-xlg-6 col-lg-6 col-md-6 col-sm-12 col-xs-12">
           <card></card>       
                </div>
	</div>
				  </div>
				</div>
				</div>
			</div>
					 </div>
			  </div>
		  </div>
</div>
</div>