@extends('layouts.master')
@section('css')
<style>
  @media print {
            font-size: 38px;
     .tx-18{
                            font-size:10px!important;

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

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

        }
.hide-cell{
          display: none;

}
.double {border-style: double;}
    @page {

      size: auto;
      /* auto is the initial value */
            margin: 2mm 15m 10mm 15mm/* this affects the margin in the printer settings */
      font-size: 25px;

    }
    .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:-4px;
    }

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

    .text {
      width: 100%;
      overflow: hidden;
      white-space: pre-wrap;
      text-overflow: ellipsis
    }
           .thick {
  font-weight: bold;
}
    .row-sm {
      dir: "rtl"
    }

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

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

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

        }

    .double {
      border: 3px solid grey;
      border-radius: 5px;
      width: 90%;
      font-size: 18px !important;

    }

    tr {
      color:"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%;
  }
             .thick {
  font-weight: bold;
}
    .double {
      border: 3px solid grey;
      border-radius: 5px;
      width: 90%;
      font-size: 15px !important;

    }

</style>
@endsection
@section('title')
معاينه طباعة الفاتورة
@stop
@section('page-header')
<!-- breadcrumb -->
<div class="breadcrumb-header justify-content-between">

</div>
<!-- breadcrumb -->
@endsection
@section('content')
<!-- row -->
<div class="row row-sm table-responsive " dir="ltr">
  <div class="col-md-12 col-xl-12">
    <div class=" main-content-body-invoice" id="print">
      <div class="card card-invoice">
              <div class="d-flex justify-content-center">
                            <button class="btn btn-danger print-style float-left mt-3 mr-2" id="print_Button" onclick="printDiv()">
                                {{ __('home.print') }}
                                <i class="mdi mdi-printer ml-1"></i>
                        </div>
        <div class="card-body ">
            <table class="report-container" >

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




                        <div class="billed-from" style="width:33%;text-align: center;">
                            <br>

                            <span class="thick" style="font-size:18px">{{Namear}}</span>
                            <br>
                            <p class="tx-16 thick"> {{describtionar}}</p>
                            <p class="tx-16 thick">{{STar}}</p>
                            <p class="tx-16 thick">{{Taxar}}</p>

                        </div>
                        <div >