@extends('layouts.master')
@section('css')
<style>
    /* تعديل تنسيقات الطباعة لتسمح بتعدد الصفحات تلقائياً وضمان ظهور جميع الجداول */
    @media print {
        body, html {
            height: auto !important;
            overflow: visible !important;
            background-color: #fff !important;
        }

        body * {
            visibility: hidden !important;
        }

        #print, #print * {
            visibility: visible !important;
        }

        #print {
            position: absolute !important;
            left: 0 !important;
            top: 0 !important;
            width: 100% !important;
            margin: 0 !important;
            padding: 10px !important;
            background-color: #fff !important;
        }

        .no-print {
            display: none !important;
        }

        .table-responsive {
            overflow: visible !important;
        }
    }

    body {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        background-color: #f4f7f6;
        color: #334155;
    }

    .report-container {
        background: #ffffff;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
        border: 1px solid #e2e8f0;
        padding: 30px;
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .report-header {
        border-bottom: 2px solid #f1f5f9;
        padding-bottom: 20px;
        margin-bottom: 25px;
    }

    .company-info h5 {
        font-weight: 700;
        color: #1e293b;
        margin-bottom: 5px;
    }

    .company-info p {
        font-size: 13px;
        color: #64748b;
        margin-bottom: 3px;
    }

    .report-title-badge {
        background: #f8fafc;
        border: 1px solid #cbd5e1;
        border-radius: 8px;
        padding: 10px 20px;
        display: inline-block;
        text-align: center;
    }

    .report-title-badge h4 {
        margin: 0;
        font-size: 18px;
        font-weight: 700;
        color: #0f172a;
    }

    .info-bar {
        background: #f8fafc;
        border-right: 4px solid #3b82f6;
        padding: 12px 18px;
        border-radius: 6px;
        margin-bottom: 25px;
        font-size: 14px;
        color: #334155;
    }

    .section-title {
        font-size: 15px;
        font-weight: 700;
        color: #1e293b;
        margin-top: 25px;
        margin-bottom: 12px;
        border-bottom: 2px solid #e2e8f0;
        padding-bottom: 6px;
    }

    .table-official {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        border-radius: 8px;
        overflow: hidden;
        border: 1px solid #cbd5e1;
        margin-bottom: 20px;
    }

    .table-official thead th {
        background-color: #1e293b;
        color: #ffffff;
        border: none;
        padding: 12px 10px;
        font-weight: 600;
        text-align: center;
        font-size: 13.5px;
    }

    .table-official tbody td {
        padding: 12px 10px;
        vertical-align: middle;
        color: #334155;
        border-top: 1px solid #e2e8f0;
        text-align: center;
        font-size: 13px;
        background-color: #ffffff;
    }

    .table-official tbody tr:hover {
        background-color: #f8fafc;
    }

    .text-success-custom { color: #059669 !important; font-weight: 600; }
    .text-warning-custom { color: #d97706 !important; font-weight: 600; }
    .text-danger-custom { color: #dc2626 !important; font-weight: 600; }
</style>
@endsection

@section('title')
{{ __('home.print') }}
@stop

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

@section('content')
<div class="row row-sm">
    <div class="col-md-12 col-xl-12">
        <div class="main-content-body-invoice" id="print">
            <div class="report-container">
                
                <!-- ترويسة التقرير (الهيدر والشعار) -->
                <div class="report-header d-flex justify-content-between align-items-center flex-wrap" dir="rtl">
                    <div class="company-info" style="width: 33%; text-align: right;">
                        <h5>{{ Namear }}</h5>
                        <p>{{ describtionar }}</p>
                        <p>{{ STar }}</p>
                        <p>{{ Taxar }}</p>
                    </div>

                    <div class="text-center my-2 my-md-0" style="width: 33%;">
                        <br />
<b>Fatal error</b>:  Uncaught Error: Undefined constant &quot;camplogo&quot; in /home/ebdea/public_html/factory.ebdea.online/resources/views/reports/print_VAT.blade.php:174
Stack trace:
#0 {main}
  thrown in <b>/home/ebdea/public_html/factory.ebdea.online/resources/views/reports/print_VAT.blade.php</b> on line <b>174</b><br />