!!! 5
%html
  %head
    %title Payment Receipt
    = wicked_pdf_stylesheet_link_tag 'pdf'
  %body
    %div
      %div.mt-3.w-50.float-left
        %strong.d-block.subtitle-2= family.name
        .d-block.body-2= family.address
        .d-block.body-2.mb-2= "#{family.city}, #{family.state} #{family.zip}"

        .d-block.overline.mt-3 Students
        .d-block.body-2= family.student_names

      %div.mt-3.w-50.float-left
        %table.table
          %thead
            %tr
              %th.body-2.text-muted{ style: 'border-top: none' } Method
              %th.body-2.text-muted.text-right{ style: 'border-top: none' } Amount Paid
          %tfoot
            %tr
              %th
              %th
          %tbody
            %tr
              %td.body-2= payment.payment_method
              %td.body-2.text-right= payment.currency
            %tr
              %td{ colspan: 2 }
                %span.caption Memo
                %p.caption= payment.memo

    .d-block.overline Payment Distribution
    %table.table
      %thead
        %tr
          %th.body-2.text-muted{ style: 'border-top: none' } Category
          %th.body-2.text-muted.text-right{ style: 'border-top: none' } Amount Paid
      %tfoot
        %tr
          %th.body-2
            %strong Total
          %th.body-2.text-right
            %strong= payment.currency
      %tbody
        - distribution.each do |data|
          %tr
            %td.body-2= data['subcategory_name']
            %td.body-2.text-right= number_to_currency(data['total'])
          - if data['is_split']
            - data['students'].each do |student|
              %tr
                %td.caption{ colspan: 2 }
                  %span.ml-3= student