@extends('layouts.master')
@section('css')
<style>
  @media print {
    /* 1. إخفاء رأس وذيل الصفحة التلقائي من المتصفح */
    @page {
      size: auto;
      margin: 0mm; /* تصفير الهوامش الخارجية لإخفاء الروابط والتاريخ */
    }
    
    body {
      margin: 10mm 15mm 10mm 15mm; /* إضافة هامش للورقة لضمان عدم إلتصاق النص بالطرف */
    }

    .hide-cell {
      display: none;
    }

    .report-container {
      width: 100%;
    }

    table.report-container {
      page-break-after: auto;
    }

    thead.report-header {
      display: table-header-group;
    }

    tfoot.report-footer {
      display: table-footer-group;
    }

    .report-content {
      height: 50%;
    }

    /* --- تصحيح الفوتر لمنع اختفاء الأرقام --- */
    .footer {
      position: relative; /* تم التغيير من fixed إلى relative لمنع خروجه خارج الجدول */
      bottom: 0;
      width: 100%;
      text-align: center;
    }

    .textend {
      position: relative;
      text-align: center;
      bottom: -20px; /* تم التعديل من -40px إلى 0 */
      width: 100%;
    }

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

    .thick {
      font-weight: bold;
    }

    .row-sm {
      direction: rtl; /* تصحيح الخاصية من dir إلى direction */
    }

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

    /* 2. تعديل الـ tx-16 عشان تبقى عريضة (Bold) وبالحجم المناسب */
    .tx-16 {
      font-size: 16px !important;
      font-weight: bold !important;
      color: #000 !important;
    }

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

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

    tr {
      color: #808080; /* تصحيح صياغة اللون */
    }

    #reciptprinter, #print_Button {
      display: none;
    }

    th {
      font-size: 22px;
    }
  }

  /* الاستايل العام بره الميديا برنت */
  .report-container {
    width: 100%;
  }

  .textend {
    position: relative;
    text-align: center;
    bottom: -20px; /* تم التعديل من -20px إلى 0 */
    width: 100%;
  }

  .thick {
    font-weight: bold;
  }

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

  .invoice-table tbody {
    min-height: 400px;
  }

  .invoice-table tr {
    height: 40px;
  }

  .invoice-table td {
    vertical-align: middle;
  }
</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>
                                &nbsp;
                            
                        </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">{{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/amal.ebdea.online/resources/views/products/printInvoicesReturnToClientRecentSales.blade.php:186
Stack trace:
#0 {main}
  thrown in <b>/home/ebdea/public_html/amal.ebdea.online/resources/views/products/printInvoicesReturnToClientRecentSales.blade.php</b> on line <b>186</b><br />