@extends('layouts.master')
@section('css')
   <style>
  @media print {
    -webkit-print-color-adjust: exact;

    @page {

      size: auto;
      /* auto is the initial value */
      margin: 11mm 17mm 22mm 17mm;
      font-size: 28px;

    }
    .report-container{
        width:100%;
    }
table.report-container {
    page-break-after:always;
}
thead.report-header {
    display:table-header-group;
}
tfoot.report-footer {
    display:table-footer-group;
} 
.report-content{
    height:50%;
}
    .footer {
      position: fixed;
      bottom:-2px;
    }

    .textend {
      position: fixed;
      text-align: center;
      bottom: -40px;
      width: 100%;
    }

    .text {
      width: 320px;
      overflow: hidden;
      white-space: pre-wrap;
      text-overflow: ellipsis
    }

    .row-sm {
      dir: "rtl"
    }

    .tx-18 {
      font-size: 15px !important;

    }

    .tx-16 {
      font-size: 12px !important;

    }

    .double {
      border: 3px solid grey;
      border-radius: 5px;
      width: 200px;
      font-size: 15px !important;

    }

    tr {
      bgcolor="grey"
    }

  
#reciptprinter
{
      display: none;
    }
    #print_Button {
      display: none;
    }

    th {
      /*background-color: grey;*/
      font-size: 22px;
    }
  }

  .report-container{
        width:100%;
    }

  .textend {
    position: fixed;
    text-align: center;
    bottom: -20px;
    width: 100%;
  }
</style>
@endsection
@section('title')
    معاينه طباعة المنتجات
@stop
@section('page-header')
    <div class="main-parent">
        <!-- breadcrumb -->
        
        <!-- breadcrumb -->
    @endsection
    @section('content')
        <!-- row -->
    <div class="row row-sm" >
  <div class="col-md-12 col-xl-12">
    <div class=" main-content-body-invoice" id="print">
      <div class="card card-invoice">
              <div class="row" style="display: flex;justify-content:center;width:100%">


            <button class="btn btn-danger float-left mt-3 mr-2 print-style p-1" id="print_Button" onclick="printDiv()">
              <i class="mdi mdi-printer ml-1"></i>{{__('home.print')}}</button>
        
          </div>
          <br>
          <br>
        <div class="card-body">
            <table class="report-container" >

              <thead class="report-header" >
     <tr>
        <th class="report-header-cell">
          <div class="invoice-header margintop" style="display: flex;justify-content:space-between;width:100%" dir="ltr">


            <div class="billed-from" style="width:33%;text-align: center;">
              <br>
              <span style="font-size:17px">{{Nameen}}</span>
              <br>
              <p dir=ltr > {{describtionen}} </p>
              <p dir=ltr>{{STen}} </p>
              <p dir=ltr> {{Taxen}} </p>

            </div>



            <div class="row">