<div class="billing-page" ng-controller="InvoiceCtrl as vm">


   <span ng-if=" vm.invoice.status == 'false'">
   <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"> {{vm.invoice }}
<p><strong>{{'purchase.youhavechoosen' | translate}}</strong> {{vm.invoice.ProductName }} </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>
</span>
<span ng-if=" vm.invoice.status == 'true'">

  test
</span>
</div>