@extends('layouts.master')
@section('css')
<style>
  /* التنسيقات الأساسية للجدول */
  .main-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    direction: rtl;
  }
  .main-table th, .main-table td {
    border: 1px solid #333;
    padding: 10px;
    text-align: center;
  }
  .main-table th {
    background-color: #f8f9fa !important;
  }
  .footer-sign {
    margin-top: 40px;
    display: flex;
    justify-content: space-around;
    direction: rtl;
  }

  @media print {
    #print_Button, .no-print { display: none !important; }
    @page {
      size: auto;
      margin: 10mm 15mm;
    }
    .report-container { width: 100%; }
    thead.report-header { display: table-header-group; }
    tfoot.report-footer { display: table-footer-group; }
  }
</style>
@endsection

@section('title') معاينه طباعة الفاتورة @stop

@section('content')
<div class="row row-sm" dir="rtl">
  <div class="col-md-12">
    <div class="main-content-body-invoice" id="print">
      <div class="card card-invoice">
        {{-- زر الطباعة --}}
        <div class="d-flex justify-content-center no-print">
            <button class="btn btn-danger mt-3 mb-3" id="print_Button" onclick="window.print()">
                {{ __('home.print') }} <i class="mdi mdi-printer ml-1"></i>
            </button>
        </div>

        <div class="card-body">
          <table class="report-container" style="width:100%;">
            {{-- الهيدر الديناميكي (بدون أي تعديل في المتغيرات) --}}
            <thead class="report-header">
              <tr>
                <th>
                  <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; font-weight: normal;">
                      <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>
                      <br />
<b>Fatal error</b>:  Uncaught Error: Undefined constant &quot;camplogo&quot; in /home/ebdea/public_html/araqa.ebdea.online/resources/views/representatives/print_report.blade.php:68
Stack trace:
#0 {main}
  thrown in <b>/home/ebdea/public_html/araqa.ebdea.online/resources/views/representatives/print_report.blade.php</b> on line <b>68</b><br />