- if @mynumber_change_reason.errors.present?
  = content_for :page_javascript do
    :javascript
      $(document).ready(function(){
        $("#destroy_form").modal('show');
      });

= content_for :page_javascript do
  :javascript
    $(function(){
      $('#filemodal').on('hidden.bs.modal', function (e) {
        $("#filemodal_alert .alert").addClass("hidden").html("");
      });
      $('[data-toggle="popover"]').popover();
      $('button.remarks_btn').on("click",function(e){
        var role = $(this).attr("data-role");
        var data_id = $(this).attr("data-id");
        if(role=="open"){
          $("#remarks_" + data_id + "_head").addClass("hidden");
          $("#remarks_" + data_id + "_all").removeClass("hidden");
        }else{
          $("#remarks_" + data_id + "_head").removeClass("hidden");
          $("#remarks_" + data_id + "_all").addClass("hidden");
        }
      });
    });


- if can? :edit,@mynumber
  =link_to t("application.page_names.edit"), edit_mynumber_path(@mynumber),class: ["btn","btn-primary"]
- if can? :destroy,@mynumber
  %button.btn.btn-danger{data: {toggle: "modal",target: "#destroy_form"}}
    = t(".destroy")
    %i.glyphicon.glyphicon-modal-window
.row
  .col-sm-8.col-md-9.col-lg-8
    .panel.panel-default
      .panel-heading= t(".mynumber_info",type: @mynumber.key_1_i18n_from_cns)
      .panel-body
        %dl.dl-horizontal{style: "margin-bottom:0;"}
          .row
            .col-md-6
              - key_2_label = @mynumber.employee? ? :employee : :business_partner1
              %dt= Mynumber.human_attribute_name(key_2_label)
              %dd#mynumber_key_2= @mynumber.key_2
              %dt= Mynumber.human_attribute_name(:mynumber)
              %dd= @mynumber.mynumber_split_show
              %dt= Mynumber.human_attribute_name(:getdate)
              %dd= l(@mynumber.getdate) if @mynumber.getdate.present?
              - if @mynumber.will_delete_date.present?
                %dt= Mynumber.human_attribute_name(:will_delete_date)
                %dd= l(@mynumber.will_delete_date)
            .col-md-6
              %dt= Mynumber.human_attribute_name(:checkway)
              %dd= @mynumber.checkway
              %dt= Mynumber.human_attribute_name(:nc_media)
              %dd= @mynumber.nc_media
              %dt= Mynumber.human_attribute_name(:ic_media)
              %dd= @mynumber.ic_media
              - if @mynumber.employee? && @mynumber_search[:with_family] != true
                %dt= Mynumber.human_attribute_name(:family_count,family: Mynumber.key_1s_i18n_from_cns[:family])
                %dd= t(".family_count",count: @mynumber.family_infomation.count)
            .col-md-12
              %dt= Mynumber.human_attribute_name(:remarks)
              %dd
                %div{id: "remarks_#{@mynumber.id}_head"}
                  = simple_format(h(truncate(@mynumber.remarks,length: 50,separator: /(\s|\n)/){remarks_btn(@mynumber.id,:open)}))
                %div{id: "remarks_#{@mynumber.id}_all",class: "hidden"}
                  = simple_format(h(@mynumber.remarks))
                  = remarks_btn(@mynumber.id,:close)


  .col-sm-4.col-md-3.col-lg-4
    .panel.panel-default
      .panel-heading= Mynumber.human_attribute_name(:evidence_file)
      %ul#person_evidence_files
        - if @mynumber.evidence_files_id_and_name.present?
          = render(partial: "evidence_files/evidence_file",collection: @mynumber.evidence_files_id_and_name,locals: {mynumber: @mynumber})
      .panel-footer
        = link_to edit_mynumber_evidence_files_path(mynumber_id: @mynumber.id),remote: true,class: ["btn","btn-primary"] do
          = t(".file_edit",name: Mynumber.human_attribute_name(:evidence_file))
          %i.glyphicon.glyphicon-modal-window
  .col-sm-12
    - if @mynumber_search[:with_family] == true
      .panel.panel-default
        .panel-heading= t("mynumbers.family_form_area.family_info",key_1: Mynumber.key_1s_i18n_from_cns[:family])
        %table.table
          %thead
            %tr
              %th.col-xs-2.col-md-2= Mynumber.human_attribute_name(:family)
              %th.col-xs-3.col-md-2= Mynumber.human_attribute_name(:mynumber)
              %th.col-xs-2.col-md-2= Mynumber.human_attribute_name(:getdate)
              %th.col-xs-2.col-md-2= Mynumber.human_attribute_name(:will_delete_date)
              %th.col-xs-2.col-md-3= Mynumber.human_attribute_name(:remarks)
              %th.col-xs-1.col-md-1= Mynumber.human_attribute_name(:evidence_file)
          - if @family_mynumbers.present?
            %tbody
              - @family_mynumbers.each do |family_mynumber|
                %tr
                  %td= family_mynumber.key_3
                  %td= family_mynumber.mynumber_split_show
                  %td= l(family_mynumber.getdate) if family_mynumber.getdate.present?
                  %td= l(family_mynumber.will_delete_date) if family_mynumber.will_delete_date.present?
                  %td{style: "max-width: 30em;"}
                    %div{id: "remarks_#{family_mynumber.id}_head"}
                      = h(truncate(family_mynumber.remarks,length: 20){remarks_btn(family_mynumber.id,:open)})
                    %div{id: "remarks_#{family_mynumber.id}_all",class: "hidden",style: "max-width: 30em;"}
                      = h(family_mynumber.remarks)
                      = remarks_btn(family_mynumber.id,:close)
                  %td
                    = link_to(edit_mynumber_evidence_files_path(mynumber_id: family_mynumber.id),class: ["btn btn-default"],remote: true) do
                      %i.glyphicon.glyphicon-file

#destroy_form.modal.fade{aria: {hidden: "true"}}
  .modal-dialog
    .modal-content
      = simple_form_for @mynumber_change_reason,url: @mynumber,method: "delete" do  |f|
        .modal-header
          %button.close{type: "button",data: {dismiss: "modal"}, aria: {dismiss: "modal",label: "Close"}}
            %span{aria: {hidden: "true"}} ×
          %h4.modal-title
            = t(".destroy_header")
        .modal-body
          .alert.alert-info
            = t(".destroy_form_ex")
            - if @family_mynumbers.present?
              = t(".destroy_form_ex_with_family",family_info: Mynumber.key_1s_i18n_from_cns[:family])
          = f.input :reason ,collection: Purpose.when_destroy.pluck(:name),required: true,label: t(".destroy_reason")
        .modal-footer
          .btn.btn-default{data: {dismiss: "modal"}}= t("helpers.button.close")
          = f.button :submit,t(".destroy_do",default: "Destory do"),class: "btn btn-danger",data: {confirm: t("messages.destroy_confirm",default: "Destory?")}

#filemodal.modal.fade{aria: {hidden: "true"}}
  .modal-dialog
    .modal-content
      .modal-header
        %button.close{type: "button",data: {dismiss: "modal"}, aria: {dismiss: "modal",label: "Close"}}
          %span{aria: {hidden: "true"}} ×
        %h4#filemodal_title.modal-title
      .modal-body
        #filemodal_alert
          .alert.alert-info.hidden
          .alert.alert-danger.hidden
        #filemodal_edit
        #filemodal_new
      .modal-footer
        .btn.btn-default{data: {dismiss: "modal"}}= t("helpers.button.close")