= render 'shared/filter', filter_form: 'company/agreement_contracts/filter'

.container-fluid.content-wrapper
  .marginbot10.mt50.agreement-services-div
    .row
      .col-sm-12
        ul.nav.nav-tabs role='tablist'
          li role='presentation' class= "#{:active unless params[:mastertab] == 'outbound'}"
            = link_to company_agreement_contracts_path, role: :tab, aria: {controls: 'inbound'}, class: 'grey' do
              |INBOUND
          li role='presentation' class= "#{:active if params[:mastertab] == 'outbound'}"
            - url = @company.vendor? ? company_agreement_contracts_path(mastertab: :outbound) : clients_limited_access_company_profile_path
            = link_to url, role: :tab, aria: {controls: 'outbound'}, class: 'grey' do
              |OUTBOUND
              span.pl10
                = fa_icon('upload')
    .panel.panel-grid.panel-default
      .panel-body style=("padding:10px !important;")
        .row
          .col-sm-12
            .col-sm-6
              h4.pull-left.pl8.text-upper-grey AGREEMENTS
            .col-sm-6.pr5
              - if loyalty.create? and params[:mastertab] == 'outbound'
                = link_to new_company_agreement_contract_path, class: 'btn btn-primary pull-right' do
                  i.fa.fa-plus
                  span.pl2
                    | Create New Agreement
                    span.pl10
                      = fa_icon('upload')

#contracts-list.container-fluid.content-wrapper
  .panel.panel-grid.panel-default
    .panel-body
      .content
        - if @company.vendor?
          ul.nav.nav-tabs
            li class= "#{'active' if params[:tab] == 'attention'}"
              = link_to company_agreement_contracts_path(params[:mastertab], :attention, params.slice(:q).permit!) do
                = fa_icon('exclamation-triangle', text: :Attention)
            li class= "#{'active' if params[:tab] == 'current'}"
              = link_to company_agreement_contracts_path(params[:mastertab], :current, params.slice(:q).permit!) do
                = fa_icon('check-circle', text: :Current)
            li class= "#{'active' if params[:tab] == 'past'}"
              = link_to company_agreement_contracts_path(params[:mastertab], :past, params.slice(:q).permit!) do
                = fa_icon('archive', text: :Archived)

      #agreement-content
        = render 'agreement_contracts_list', agreement_contracts: @agreement_contracts, type: params[:tab]

= render 'shared/invoice_activation_modal'

#active-service-agreement-modal.modal.fade role="dialog" aria-hidden="true" data-backdrop="static"
  .modal-dialog role="document"
    .modal-content
      .modal-header.page-title
        .row
          .col-sm-8
              h1.is-active-heading Disclaimer
          .col-sm-4
            button.close aria-label="Close" data-dismiss="modal" type="button"
              span aria-hidden="true"  ×
      .modal-body.white.light-grey
        .model-inner-wraper
          .centered-div.w70
            div
              strong.activate
                |You are about to deactivate the services, the service will be moved to
                |expired tab and the workorders and the invoices will not be generated.
      .clearfix
        .modal-footer.gray-footer
          = link_to 'Cancel', 'javascript:void(0);', class: 'btn btn-cancel', "data-dismiss": "modal"
          = link_to 'Accept', 'javascript:void(0);', class: 'btn btn-continue',id: 'deactivate-service_renewal'

#renew-service-agreement-modal.modal.fade role="dialog" aria-hidden="true" data-backdrop="static"
  .modal-dialog role="document"
    .modal-content
      .modal-header.page-title
        .row
          .col-sm-8
              h1.is-active-heading Disclaimer
          .col-sm-4
            button.close aria-label="Close" data-dismiss="modal" type="button"
              span aria-hidden="true"  ×
      .modal-body.white.light-grey
        .model-inner-wraper
          .centered-div.w70
            div
              strong
                |You are about to activate the services, the only thing that will
                |be editable after this point is the inspector, additionaly you will
                |be able to generate the draft invoices and work order will start
                |generating based on the schedule
      .clearfix
        .modal-footer.gray-footer
          = link_to 'Cancel', 'javascript:void(0);', class: 'btn btn-cancel', "data-dismiss": "modal"
          = link_to 'Accept', 'javascript:void(0);', class: 'btn btn-continue',id: 'activate-service_renewal'

#renew-service-success-modal.modal.fade role="dialog" aria-hidden="true" data-backdrop="static"
  .modal-dialog role="document"
    .modal-content
      .modal-header.page-title
        .row
          .col-sm-8
              h1.is-active-heading.pull-left Alert
          .col-sm-4
            button.close aria-label="Close" data-dismiss="modal" type="button"
              span aria-hidden="true"  ×
      .modal-body.white.light-grey
        .model-inner-wraper
          .centered-div.w70
            div
              strong
                |Agreements are renewed successfully!
      .clearfix
        .modal-footer.gray-footer
          = link_to 'Ok', 'javascript:void(0);', class: 'btn btn-primary', "data-dismiss": "modal"