<section class="heading b-b">
  <div class="row no-gutter">
    <div class="col-xs-2 col-sm-2 col-md-1">
      <section class="heading-btn">
        <a ng-click="backPrevLocation($event)"><i class="fas fa-long-arrow-alt-left "></i></a>
      </section>
    </div>
    <div class="col-xs-10 col-sm-10 col-md-8 b-l b-r">
      <section class="heading-title">
        <h1 translate>{{ 'app.admin.invoices.invoices' }}</h1>
      </section>
    </div>
    <div class="col-xs-12 col-sm-12 col-md-3">
      <section class="heading-actions wrapper" ng-show="isAuthorized('admin')">
        <a class="btn btn-default rounded m-t-sm export-accounting-button" ng-click="toggleExportModal()"><i class="fa fa-book"></i></a>
        <iframe name="export-frame" height="0" width="0" class="none" id="accounting-export-frame"></iframe>
        <a class="btn btn-lg btn-default rounded m-t-sm text-sm close-accounting-periods-button" ng-click="closeAnAccountingPeriod()"><i class="fa fa-calendar-check-o"></i> {{ 'app.admin.invoices.accounting_periods' | translate }}</a>
      </section>
    </div>
  </div>
</section>

<section class="m-lg invoices-management"
         ui-tour="invoices"
         ui-tour-backdrop="true"
         ui-tour-template-url="'/shared/tour-step-template.html'"
         ui-tour-use-hotkeys="true"
         ui-tour-scroll-parent-id="content-main"
         post-render="setupInvoicesTour">
  <div class="row">
    <div class="col-md-12" ng-if="isAuthorized('admin')">
      <uib-tabset justified="true" active="tabs.active">
        <uib-tab heading="{{ 'app.admin.invoices.invoices_list' | translate }}" ng-show="$root.modules.invoicing" index="0">
          <ng-include src="'/admin/invoices/list.html'"></ng-include>
	      </uib-tab>

        <uib-tab heading="{{ 'app.admin.invoices.payment_schedules_list' | translate }}" ng-show="$root.modules.invoicing" index="4" class="payment-schedules-list">
          <payment-schedules-list current-user="currentUser" on-error="onError" on-card-update-success="onCardUpdateSuccess" />
        </uib-tab>

        <uib-tab heading="{{ 'app.admin.invoices.invoicing_settings' | translate }}" index="1" class="invoices-settings">
          <ng-include src="'/admin/invoices/settings.html'"></ng-include>
        </uib-tab>

        <uib-tab heading="{{ 'app.admin.invoices.accounting_codes' | translate }}" index="2" class="accounting-codes-tab">
          <ng-include src="'/admin/invoices/codes.html'"></ng-include>
        </uib-tab>

        <uib-tab heading="{{ 'app.admin.invoices.payment.payment_settings' | translate }}" index="3" class="payment-settings">
          <ng-include src="'/admin/invoices/payment.html'"></ng-include>
        </uib-tab>
	    </uib-tabset>
	  </div>

    <div class="col-md-12" ng-if="isAuthorized('manager')">
      <uib-tabset justified="true" active="tabs.active">
        <uib-tab heading="{{ 'app.admin.invoices.invoices_list' | translate }}" index="0">
          <ng-include src="'/admin/invoices/list.html'"></ng-include>
        </uib-tab>

        <uib-tab heading="{{ 'app.admin.invoices.payment_schedules_list' | translate }}" index="4" class="payment-schedules-list">
          <payment-schedules-list current-user="currentUser" on-error="onError" on-card-update-success="onCardUpdateSuccess" />
        </uib-tab>
      </uib-tabset>
    </div>
  </div>
</section>