.issues
  = render partial: 'account/submenu'
  .cabinet_subnav
    .cabinet_subnav_active
      span = t(:add_issue, scope: [:account, :new_ticket, :text])
    ul
      - TicketsPageType.enabled.each do |page_type|
        li class="#{'active' if page_type.id == TicketsPageType.first.id}"
          = link_to_unless_current_span page_type.title, account_tickets_path(page_type: page_type.slug)
      li.add_issues
        = link_to new_account_ticket_path
          span = t(:add_issue, scope: [:account, :new_ticket, :text])
  .content
    .new_issues ng-controller='TicketsController'
      .content_title
        h2 = t(:new_issue, scope: [:account, :new_ticket, :text])
      form name="forms.ticketForm" check-error="forms.ticketForm" data-check-error-object='ticket'
        .field_item
          label = t(:is_order_related, scope: [:account, :new_ticket, :label])
          .field_item_content
            .field_item_radio
              .radio
                span ng-class='{"checked": !ticket.is_order_related}'
                  input[
                    name="is_order_related"
                    id="is_order_related_false"
                    type="radio"
                    ng-model="ticket.is_order_related"
                    ng-value="false"
                  ]
              label for="is_order_related_false"
                = t(:is_order_related_false, scope: [:account, :new_ticket, :label])
            .field_item_radio
              .radio
                span ng-class='{"checked": ticket.is_order_related}'
                  input[
                    name="is_order_related"
                    id="is_order_related_true"
                    type="radio"
                    ng-model="ticket.is_order_related"
                    ng-value="true"
                  ]
              label for="is_order_related_true"
                = t(:is_order_related_true, scope: [:account, :new_ticket, :label])
            .field_item_text.ng-cloak ng-if="ticket.is_order_related"
              input[
                type="text"
                name="ticket[order_id]"
                ng-model="ticket.related_order_id"
                required=""
                display-error=""
                limit-input="[a-zA-Z-0-9]{1,15}"
                placeholder="#{t(:related_order_id, scope: [:account, :new_ticket, :placeholder])}"
                data-error-required="#{t(:blank, scope: [:errors, :related_order_id])}"
                data-error-server="#{t(:invalid, scope: [:account, :new_ticket, :errors])}"
              ]

        .field_item.field_send
          label = t(:department, scope: [:account, :new_ticket, :label])
          .field_item_content.ng-cloak
            .field_item_radio ng-repeat="department in departments"
              .radio
                span ng-class="{'checked': ticket.department && (ticket.department.id == department.id)}"
                  input[
                    name="ticket[department_id]"
                    type="radio"
                    ng-model="ticket.department"
                    ng-value="department"
                    id="department_{{department.id}}"
                  ]
              label for="department_{{department.id}}" ng-bind="department.title"

        .field_item
          label = t(:query, scope: [:account, :new_ticket, :label])
          .field_item_content.ng-cloak
            select.ng-cloak[
              ng-model="ticket.query"
              ng-select2="queries"
              ng-options="query.title for query in queries"
              required=""
              name="ticket[subject_query_id]"
              display-error=""
              data-theme="cabinet_default"
              data-minimum-results-for-search="-1"
              data-placeholder="#{t(:query, scope: [:account, :new_ticket, :placeholder])}"
              data-error-required="#{t(:blank, scope: [:errors, :query])}"
            ]
              option.empty_item

        .field_item[
          file-uploader="afiles"
          ng-model="data.afiles"
          data-drop-zone=".uploader_files"
          data-url="#{account_attachments_path(assetable_type: 'Account::TicketNoteForm', assetable_id: 0, guid: @form.fileupload_guid, klass: 'TicketFile')}"
          data-remove-path="#{account_attachments_path(format: :json, assetable_type: 'Account::TicketNoteForm', klass: 'TicketFile')}"
        ]
          label = t(:description, scope: [:account, :new_ticket, :label])
          .field_item_content
            textarea[
              name="ticket[description]"
              ng-maxlength="4096"
              placeholder="#{t(:description, scope: [:account, :new_ticket, :placeholder])}"
              display-error=""
              ng-init="init({fileupload_guid: '#{@form.fileupload_guid}'})"
              ng-model="ticket.description"
              data-error-maxlength="#{t(:too_long, scope: [:errors, :description], count: 4096)}"
            ]
            .field_item_buttons.ng-cloak
              .field_item_buttons_wrapper
                .uploader_files
                  input type="file"
                  a.button href="javascript:void(0);"
                .field_buttons
                  / = link_to new_account_ticket_path, class: 'button button_discard'
                  button.button.button_discard[
                    ng-click="discard($event, forms.ticketForm)"
                    ng-disabled="forms.ticketForm.$submitted"
                    ng-disabled-with= t(:submit_disabled, scope:[:account, :order_note, :button])
                  ]
                    = t :cancel, scope: [:account, :new_ticket, :button]
                  button.button.button_send[
                    ng-click="submit($event, forms.ticketForm)"
                    ng-disabled="forms.ticketForm.$submitted"
                    ng-disabled-with= t(:submit_disabled, scope:[:account, :order_note, :button])
                  ]
                    = t :submit, scope: [:account, :new_ticket, :button]
              .uploader_files_list.ng-cloak
                ol
                  li ng-repeat="file in keeper.files"
                    span
                      strong ng-bind="file.filename"
                      a.delete_file href="" rel="nofollow" ng-click="keeper.removeUploadedFile(file)"

                  li ng-repeat="file in keeper.pending"
                    span
                    = image_tag 'preloader.gif'
                    strong ng-bind="file.name"