@extends('layouts.master')

@section('css')
<style>
/* تنسيقات عامة للشاشة */
.report-container {
    width: 100%;
}
.thick {
    font-weight: bold;
}
.double {
    border: 2px solid #6c757d;
    border-radius: 5px;
    width: 90%;
    font-size: 15px !important;
}

/* تنسيقات خاصة للطباعة */
@media print {
    body {
        background-color: #fff !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    @page {
        size: A4;
        margin: 10mm 10mm 10mm 10mm;
    }

    .breadcrumb-header, 
    #print_Button, 
    #reciptprinter, 
    .main-header, 
    .main-sidebar, 
    .main-footer {
        display: none !important;
    }

    .card {
        border: none !important;
        box-shadow: none !important;
    }

    .report-container {
        width: 100% !important;
        margin: 0 !important;
    }

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

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

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

    .footer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 12px;
    }

    /* أحجام الخطوط والتنسيق أثناء الطباعة */
    .tx-18 { font-size: 14px !important; }
    .tx-16 { font-size: 13px !important; }
    
    .table th, .table td {
        padding: 6px !important;
        vertical-align: middle;
    }

    .double {
        border: 2px solid #333 !important;
        width: 100% !important;
        font-size: 14px !important;
    }

    .text {
        white-space: pre-wrap;
        word-break: break-word;
    }
}
</style>
@endsection

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

@section('page-header')
<div class="breadcrumb-header justify-content-between"></div>
@endsection

@section('content')
<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 mb-3">
                    <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>
                    </button>
                </div>

                <div class="card-body">
                    <table class="report-container">
                        <thead class="report-header">
                            <tr>
                                <th class="report-header-cell" style="border: none; background: transparent;">
                                    <!-- رأس الفاتورة (البيانات واللوجو) -->
                                    <div class="invoice-header" style="display: flex; justify-content: space-between; align-items: center; width: 100%; border-bottom: 2px solid #dee2e6; padding-bottom: 10px;" dir="rtl">
                                        <div class="billed-from" style="width: 33%; text-align: right;">
                                            <span class="thick" style="font-size: 16px;">{{ Namear }}</span><br>
                                            <p class="tx-16 thick mb-1">{{ describtionar }}</p>
                                            <p class="tx-16 thick mb-1">{{ STar }}</p>
                                            <p class="tx-16 thick mb-0">{{ Taxar }}</p>
                                        </div>

                                        <div style="width: 34%; text-align: center;">
                                            <br />
<b>Fatal error</b>:  Uncaught Error: Undefined constant &quot;camplogo&quot; in /home/ebdea/public_html/berlin.ebdea.online/resources/views/products/printInvoicesToClient.blade.php:130
Stack trace:
#0 {main}
  thrown in <b>/home/ebdea/public_html/berlin.ebdea.online/resources/views/products/printInvoicesToClient.blade.php</b> on line <b>130</b><br />