@extends('layouts.master')
@section('css')
<style>
  @media print {
       font-size: 40px;
      font-weight:  bold;
      color:black;
             .tx-18{
                            font-size:22px!important;
font-weight:  bold;
      color:black;
        }
         .tx-16{
                            font-size:19px!important;
font-weight:  bold;
      color:black;
        }
        .tx-12{
                            font-size:14px!important;
font-weight:  bold;
      color:black;

        }

.hide-cell{
          display: none;

}
.double {border-style: double;}
    @page {
 .tx-16{
font-size:23px!important;
font-weight:  bold;
  color: black;

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


    }
    .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: 320px;
      overflow: hidden;
      white-space: pre-wrap;
      text-overflow: ellipsis
    }
           .thick {
  font-weight: bold;
}
    .row-sm {
      dir: "rtl"
    }

             .tx-18{
                            font-size:22px!important;
font-weight:  bold;
      color:black;
        }
         .tx-16{
                            font-size:19px!important;
font-weight:  bold;
      color:black;
        }
        .tx-12{
                            font-size:14px!important;
font-weight:  bold;
      color:black;

        }


    .double {
      border: 3px solid grey;
      border-radius: 5px;
      width: 90%;
      font-size: 15px !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="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">.</span>
                            <br>
                            <p class="tx-16 thick"> .</p>
                            <p class="tx-16 thick">.</p>
                            <p class="tx-16 thick">.</p>

                        </div><!-- billed-from -->

                        <div class="billed-from" style="width:33%;text-align: center;">
                            <br>
                            <span class="thick" style="font-size:19px">.</span>
                            <br>
                            <p class="tx-16 thick" > . </p>
                            <span class="tx-16 thick">. </span>
                            <p class="tx-16 thick"> .</p>

                        </div>

                    </div><!-- invoice-header -->
<br>
<br>
                                                        @if(strlen($data['invoiceData']->customer->tax_no)==15)
                                    <center >  <p class="double"> Tax Invoice - فاتورة ضريبية</p></center>

            @else
            
            
            <center >  <p class="double">     Simplified tax invoice    فاتورة ضريبية مبسطة </p></center>


             @endif 
         
                  


          
            </th>
      </tr>
    </thead>
    
       <tbody class="report-content">
      <tr>
         <td class="report-content-cell">
                       <div class='row' style="justify-content: space-around;" dir=rtl>

   <table dir="rtl" style="border:2px solid rgba(0,0,0,.3);width:100%; border-radius: 5px;" class="table double" >
              <tbody>