@extends('layouts.master')
@section('css')
<style>
    @media print {
        -webkit-print-color-adjust: exact; 
   .double {
      border: 3px solid grey;
      border-radius: 5px;
      width: 200px;
      font-size: 15px !important;

    }

   @page
        {
           
            size: auto; /* auto is the initial value */
            margin: 2mm 2mm 2mm 2mm; /* this affects the margin in the printer settings */
                font-size:28px;

        }
 .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;

        }
    tr {
       bgcolor="grey"
        }

        header
        {
            display: table-header-group;
        }
        tfoot
        {
            display: table-footer-group;
        }
        #print_Button {
            display: none;
        }
  th {
    /*background-color: grey;*/
    font-size:22px;
    }
    }

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

    }

    .textend{
        hidden
    }
</style>
@endsection
@section('title')
{{ __('home.sales_and_return') }}
@stop
@section('page-header')
<!-- 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"  dir=rtl>
         <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>
                        <br>

            <div class="card-body">

               <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 style="font-size:16px">{{Namear}}</span>
                     <br>
                     <p> {{describtionar}}</p>
                     <p>{{STar}}</p>
                     <p>{{Taxar}}</p>

                  </div><!-- billed-from -->
                 
                  <div class="row">