<div class="page body">
  <table id="topheadinfo" class="header-table" style="width: 100%; height: 100%;">
    <tr class="bg3">
      <td style="border-bottom: 1px solid {{{theme_color}}} !important; vertical-align: middle; padding-bottom: 4px;">
        <table>
          <tr>
            <td style="text-align: center; vertical-align: middle; text-rotate: 90;">{{{trnslt__seller}}}</td>
          </tr>
        </table>
      </td>
      <td style="border-bottom: 1px solid {{{theme_color}}} !important; vertical-align: middle; padding: 0 4px 4px">
        <div class="bordered grow header-item-data">
          <table style="height: 100%;" class="centered">
            <tr>
              <td style="width: 50%;">
                <span class="label">فروشنده:</span>
                {{{store_name}}}</td>
              <td>
                <span class="show_store_registration_number label">شماره ثبت:</span>
                <span class="show_store_registration_number autodir" dir="ltr">
                  {{{store_registration_number}}}</span>
              </td>
              <td>
                <span class="show_store_economical_number label">شماره اقتصادی:</span>
                <span dir="ltr" class='show_store_economical_number autodir'>{{{store_economical_number}}}</span>
              </td>
            </tr>
            <tr>
              <td style="width: 50%;">
                <span class="label">نشانی شرکت:</span> {{{store_address}}}
              </td>
              <td>
                <span class="label">کدپستی:</span>
                <span dir="ltr" class='autodir'>{{{store_postcode}}}</span>
              </td>
              <td>
                <span class="label">تلفن و فکس:</span>
                <span dir="ltr" class='autodir'>{{{store_phone}}}</span>
              </td>
            </tr>
          </table>
        </div> </td>
    </tr>
    <tr class="bg">
      <td style="border-bottom: 1px solid {{{theme_color}}} !important; vertical-align: middle; padding: 0 0 4px">
        <table>
          <tr>
            <td style="text-align: center; vertical-align: middle; text-rotate: 90;">{{{trnslt__buyer}}}</td>
          </tr>
        </table></td>
      <td style="border-bottom: 1px solid {{{theme_color}}} !important; vertical-align: middle; padding: 0 4px 4px">
        <div class="bordered header-item-data">
          <table style="height: 100%;" class="centered">
            <tr>
              <td style="width: 50%;">
                <span class="label">خریدار:</span> <span>{{{customer_fullname}}}</span> <span>({{{customer_company}}})</span>
              </td>
              <td class="show_customer_email" style="width: 30%;">
                <span class="show_customer_email label">ایمیل:</span> <span class="show_customer_email">{{{customer_email}}}</span>
              </td>
              <td class="show_customer_phone">
                <span class="show_customer_phone label">شماره تماس:</span> <span dir="ltr" class="show_customer_phone autodir">{{{customer_phone}}}</span>
              </td>
            </tr>
            <tr>
              <td class="show_customer_address">
                <span class="show_customer_address label">نشانی:</span> <span class="show_customer_address">{{{customer_address}}}</span>
              </td>
              <td class="show_customer_address">
                <span class="show_customer_address label">کد پستی:</span> <span class='show_customer_address autodir' dir="ltr" >{{{customer_postcode}}}</span>
              </td>
              <td class="show_user_uin">
                <span class="show_user_uin label">کدملی:</span> <span class="show_user_uin autodir" dir="ltr">{{{customer_uin}}}</span>
              </td>
            </tr>
          </table>
        </div> </td>
    </tr>
    <tr class="bg3">
      <td style="vertical-align: middle; padding: 0 0 4px">
        <table>
          <tr>
            <td style="text-align: center; vertical-align: middle; text-rotate: 90;">{{{trnslt__dates}}}</td>
          </tr>
        </table> </td>
      <td style="vertical-align: middle; padding: 0 4px 4px">
        <div class="bordered header-item-data">
          <table style="height: 100%;" class="centered">
            <tr>
              <td class="" style="line-height: 2;">
                <span class="show_order_date label">تاریخ خرید:</span> <span class="show_order_date date_digit">{{{order_date_created}}}</span>
              </td>
              <td class="" style="line-height: 2;">
                <span class="show_paid_date label">تاریخ تسویه:</span> <span class="show_paid_date date_digit">{{{order_date_paid}}}</span>
              </td>
              <td class="" style="line-height: 2;">
                <span class="show_payment_method label">روش پرداخت:</span> <span class="show_payment_method date_digit">{{{order_payment_method}}}</span>
              </td>
              <td class="" style="line-height: 2;">
                <span class="show_transaction_ref_id label">رسید پرداخت:</span> <span class="show_transaction_ref_id date_digit">{{{order_transaction_ref_id}}}</span>
              </td>
            </tr>
            <tr>
              <td class="" style="line-height: 2;">
                <span class="show_order_status label">وضعیت سفارش:</span> <span class="show_order_status date_digit">{{{order_status}}}</span>
              </td>
              <td class="" style="line-height: 2;">
                <span class="show_purchase_complete_date label">تاریخ تکمیل سفارش:</span> <span class="show_purchase_complete_date date_digit">{{{order_date_completed}}}</span>
              </td>
              <td class="" style="line-height: 2;">
                <span class="show_shipping_date label">تاریخ ارسال مرسوله:</span> <span class="show_shipping_date date_digit">{{{order_date_shipped}}}</span>
              </td>
              <td class="" style="line-height: 2;">
                <span class="show_shipping_method label">روش ارسال مرسوله:</span> <span class="show_shipping_method date_digit">{{{order_shipping_method}}}</span>
              </td>
            </tr>
          </table>
        </div></td>
    </tr>
  </table>
  <table id="products_list" style="margin-top: 0.1cm;" class="content-table">
    <thead>
      <div class="show_order_items">
        <tr class="show_order_items bgONE">
          <th class="show_product_n" style="width: 1cm !important;">ردیف</th>
          <th class="show_product_image" style="{{{show_product_image_hc}}}" width="1.5cm"><div style="{{{show_product_image_dn}}}">تصویر</div></th>
          <th class="show_product_sku" style="{{{show_product_sku_hc}}}" width="1.5cm"><div style="{{{show_product_sku_dn}}}">کد کالا</div></th>
          <th class="show_product_title_description" colspan="{{{product_description_colspan}}}">شرح کالا</th>
          <th class="show_product_qty" width="1.5cm">تعداد</th>
          <th class="show_product_weight" style="{{{show_product_weight_hc}}}"><div style="{{{show_product_weight_dn}}}">وزن</div></th>
          <th class="show_product_dimensions" style="{{{show_product_dimensions_hc}}}"><div style="{{{show_product_dimensions_dn}}}">ابعاد</div></th>
          <th class="show_product_base_price" width="1.5cm">مبلغ واحد</th>
          <th class="show_discount_precent" width="1.5cm" style="{{{show_discount_precent_hc}}}"><div style="{{{show_discount_precent_dn}}}">تخفیف</div></th>
          <th class="show_product_tax" width="1.5cm" style="{{{show_product_tax_hc}}}"><div style="{{{show_product_tax_dn}}}">مالیات</div></th>
          <th class="show_product_total_price" width="1.5cm" colspan="{{{product_nettotal_colspan}}}">جمع کل</th>
        </tr>
      </div>
    </thead>
    <tbody>
      {{{invoice_products_list}}}
      <div class="show_order_items show_order_total">
        <tr class="">
          <td colspan="{{{invoice_final_prices_pre_colspan}}}">جمع کل</td>
          <td>{{{invoice_total_qty}}} عدد</td>
          <td class="show_product_weight" style="{{{show_product_weight_hc}}}"><div style="{{{show_product_weight_dn}}}">{{{invoice_total_weight}}}</div></td>
          <td colspan="{{{invoice_final_prices_colspan}}}"> <span class="ltr" style="vertical-align: middle;">{{{invoice_final_prices_pdf}}}</span></td>
        </tr>
      </div>
      <tr class="show_custom_footer" style="{{{show_custom_footer_hc}}}"><div style="{{{show_custom_footer_dn}}}">
        <td class="show_custom_footer" style="vertical-align: middle; {{{show_custom_footer_dn}}}" colspan="{{{invoice_final_row_colspan}}}">{{{invoices_footer}}}</td></div>
      </tr>
    </tbody>
  </table>
  <table id="show_order_notes" style="{{{show_order_notes_hc}}}">
    <tr class="show_order_notes bg4" style="{{{show_order_notes_hc}}}">
      {{{invoice_notes}}}
    </tr>
  </table>
</div>
