@extends('layouts.master')
@section('css')
<style>
  .info-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    font-size: 14px;
  }

  .info-table th, .info-table td {
    border: 1px solid #000;
    padding: 6px 8px;
  }

  .info-table th {
    background: #eee;
    text-align: center;
  }
  body {
    font-family: "Tahoma", Arial, sans-serif;
    margin: 40px;
    background: #f9f9f9;
  }

  .invoice-box {
    background: #fff;
    padding: 20px 40px;
    border: 1px solid #ccc;
    max-width: 900px;
    margin: auto;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
  }

  .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #000;
    padding-bottom: 10px;
  }

  .header h2 {
    margin: 0;
    font-size: 22px;
    text-align: center;
  }

  .details {
    margin-top: 20px;
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
  }

  .details td {
    padding: 6px;
    vertical-align: top;
  }

  .details td.label {
    font-weight: bold;
  }

  .items {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
    font-size: 14px;
  }

  .items th, .items td {
    border: 1px solid #000;
    padding: 8px;
    text-align: center;
  }

  .items th {
    background: #eee;
  }

  .totals {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
    font-size: 14px;
  }

  .totals th, .totals td {
    border: 1px solid #000;
    padding: 8px;
    text-align: center;
  }

  .totals th {
    background: #eee;
  }

  .footer {
    margin-bottom: 30px;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    display: flex;
    bottom:-4px;
    justify-content: space-between;
    font-size: 14px;
  }

  .center {
    text-align: center;
  }

  .ltr {
    direction: ltr;
  }
  
  @media print {
        .info-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    font-size: 14px;
  }

  .info-table th, .info-table td {
    border: 1px solid #000;
    padding: 6px 8px;
  }

  .info-table th {
    background: #eee;
    text-align: center;
  }
        body {
    font-family: "Tahoma", Arial, sans-serif;
    margin: 40px;
    background: #f9f9f9;
  }

  .invoice-box {
    background: #fff;
    padding: 20px 40px;
    border: 1px solid #ccc;
    max-width: 900px;
    margin: auto;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
  }

  .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #000;
    padding-bottom: 10px;
  }

  .header h2 {
    margin: 0;
    font-size: 22px;
    text-align: center;
  }

  .details {
    margin-top: 20px;
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
  }

  .details td {
    padding: 6px;
    vertical-align: top;
  }

  .details td.label {
    font-weight: bold;
  }

  .items {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
    font-size: 14px;
  }

  .items th, .items td {
    border: 1px solid #000;
    padding: 8px;
    text-align: center;
  }

  .items th {
    background: #eee;
  }

  .totals {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
    font-size: 14px;
  }

  .totals th, .totals td {
    border: 1px solid #000;
    padding: 8px;
    text-align: center;
  }

  .totals th {
    background: #eee;
  }


  .center {
    text-align: center;
  }

  .ltr {
    direction: ltr;
  }
            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: 33px;

    }
    .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%;
}
    .footernew {
        width:90%;
      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: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;

    }
    .double22 {
      border: 3px solid grey;
      border-radius: 5px;
      width: 100%;
      font-size: 22px !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: 18px !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>

     <br />
<b>Warning</b>:  Undefined variable $data in <b>/home/ebdea/public_html/raya.ebdea.online/resources/views/products/printInvoicesToClient.blade.php</b> on line <b>388</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/ebdea/public_html/raya.ebdea.online/resources/views/products/printInvoicesToClient.blade.php</b> on line <b>388</b><br />
<br />
<b>Warning</b>:  Attempt to read property "Pay" on null in <b>/home/ebdea/public_html/raya.ebdea.online/resources/views/products/printInvoicesToClient.blade.php</b> on line <b>388</b><br />



                        <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><!-- billed-from -->
                        <div >
                            <br />
<b>Fatal error</b>:  Uncaught Error: Undefined constant &quot;camplogo&quot; in /home/ebdea/public_html/raya.ebdea.online/resources/views/products/printInvoicesToClient.blade.php:409
Stack trace:
#0 {main}
  thrown in <b>/home/ebdea/public_html/raya.ebdea.online/resources/views/products/printInvoicesToClient.blade.php</b> on line <b>409</b><br />