@extends('layouts.master')

@section('css')
<style>
    /* تنسيقات خاصة بالطباعة الرسمية */
    @media print {
        #print_Button, .breadcrumb-header, .main-header, .main-sidebar, .main-footer {
            display: none !important;
        }
        body {
            background-color: #fff !important;
            color: #000 !important;
            direction: rtl !important;
            font-family: 'Cairo', 'Times New Roman', serif !important;
            -webkit-print-color-adjust: exact;
        }
        .card-invoice {
            border: none !important;
            box-shadow: none !important;
            padding: 0 !important;
            margin: 0 !important;
            width: 100% !important;
        }
        .table th, .table td {
            border: 1px solid #333 !important;
            padding: 8px !important;
            font-size: 13pt !important;
        }
    }

    /* تنسيقات الشاشة بتصميم عصري واحترافي */
    body {
        font-family: 'Cairo', sans-serif;
        background-color: #f4f6f9;
        direction: rtl;
        text-align: right;
    }
    .card-invoice {
        background: #fff;
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        padding: 40px;
        margin-top: 20px;
    }
    .invoice-header {
        border-bottom: 2px solid #edf2f7;
        padding-bottom: 25px;
        margin-bottom: 25px;
    }
    .company-title {
        font-size: 20px;
        font-weight: 700;
        color: #2d3748;
    }
    .invoice-title {
        font-size: 22px;
        font-weight: 700;
        color: #1a202c;
        background: #f7fafc;
        padding: 10px 20px;
        border-radius: 8px;
        border: 1px solid #e2e8f0;
        display: inline-block;
    }
    .table th {
        background-color: #f8fafc !important;
        color: #1e293b !important;
        font-weight: 700 !important;
        font-size: 14px;
    }
    .table td {
        color: #334155 !important;
        font-weight: 600 !important;
        font-size: 14px;
        vertical-align: middle !important;
    }
    .signature-box {
        margin-top: 40px;
        padding-top: 20px;
        border-top: 1px dashed #cbd5e1;
    }
</style>
@endsection

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

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

@section('content')
<div class="row row-sm justify-content-center">
    <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">
                    
                    <!-- رأس الفاتورة (تم ضبط الاتجاهات بدقة: عربي يمين، شعار وسط، إنجليزي يسار) -->
                    <div class="invoice-header d-flex justify-content-between align-items-center w-100" style="display: flex; justify-content: space-between; align-items: center;">
                        
                        <!-- 1. الجهة العربية (يمين) -->
                        <div style="width: 33%; text-align: right;">
                            <span class="company-title">{{ Namear ?? '' }}</span>
                            <p class="mb-1 text-muted">{{ describtionar ?? '' }}</p>
                            <p class="mb-1 text-muted">{{ STar ?? '' }}</p>
                            <p class="mb-0 text-muted">{{ Taxar ?? '' }}</p>
                        </div>

                        <!-- 2. الشعار في المنتصف -->
                        <div style="width: 33%; text-align: center;">
                            <br />
<b>Fatal error</b>:  Uncaught Error: Undefined constant &quot;camplogo&quot; in /home/ebdea/public_html/alhlol.ebdea.online/resources/views/supProcesses/print_send_product.blade.php:114
Stack trace:
#0 {main}
  thrown in <b>/home/ebdea/public_html/alhlol.ebdea.online/resources/views/supProcesses/print_send_product.blade.php</b> on line <b>114</b><br />