@extends('layouts.master')
@section('css')
<style>
    /* تحسينات خاصة بالطباعة */
    @media print {
        #print_Button {
            display: none !important;
        }
        .main-header, .main-footer, .sidebar, .breadcrumb-header {
            display: none !important;
        }
        body {
            background-color: #fff !important;
            margin: 0;
            padding: 0;
        }
        .card {
            border: none !important;
            box-shadow: none !important;
        }
        .table-bordered th, .table-bordered td {
            border: 1px solid #333 !important; /* حدود أوضح في الطباعة */
        }
    }
    
    /* تنسيق اللوجو والترويسة */
    .invoice-header-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-bottom: 20px;
        border-bottom: 2px solid #23395D;
        padding-bottom: 15px;
    }
    .billed-from p { margin-bottom: 2px; line-height: 1.4; }
</style>
@endsection

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

@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="card card-invoice">
                <div class="card-body">
                    
                    <button class="btn btn-danger float-left mt-3 mr-2" id="print_Button" onclick="window.print()"> 
                        <i class="mdi mdi-printer ml-1"></i> {{__('home.print')}}
                    </button>

                    <div class="invoice-header-box">
                        <div class="billed-from text-center" style="width:35%;">
                            <h4 style="color: #23395D;">{{ Nameen }}</h4>
                            <p dir="ltr">{{ describtionen }}</p>
                            <p dir="ltr">ST: {{ STen }}</p>
                            <p dir="ltr">VAT: {{ Taxen }}</p>
                        </div>

                        <div class="text-center" style="width:30%;">
                            @php $logo = camplogo; @endphp
                            <img src="{{ asset('assets/img/brand/'.$logo) }}" alt="logo" style="max-width: 150px; height: auto;">
                        </div>

                        <div class="billed-from text-center" style="width:35%;">
                            <h4 style="color: #23395D;">{{ Namear }}</h4>
                            <p>{{ describtionar }}</p>
                            <p>س.ت: {{ STen }}</p>
                            <p>الرقم الضريبي: { Taxar }}</p>
                        </div>
                    </div>
<div class="text-center mg-b-20">
    <h2 style="font-weight: bold; color: #23395D; text-decoration: underline; text-underline-offset: 8px;">
        فاتورة مشتريات
        <br>
        <small style="font-size: 1.2rem; text-transform: uppercase; color: #419BB2;">Purchase Invoice</small>
    </h2>
</div>
                    <div class="row mg-t-20">
                        <div class="col-md-12">
                            <div class="table-responsive">
                                <table class="table table-bordered text-center" style="width: 50%; margin-left: auto; border: 2px solid #23395D;">
                                    <tr class="bg-light">
                                        <th width="40%">{{__('home.Invoice_no')}}</th>
                                        <th>{{$data['resource_purchases']->orderId}}</th>
                                    </tr>
                                    <tr>
                                        <td>{{__('home.paymentmethod')}}</td>
                                        <td>
                                            @php
                                                $pay = $data['pay'];
                                                $methods = [
                                                    'Cash' => __('report.cash'),
                                                    'Shabka' => __('report.shabka'),
                                                    'Bank_transfer' => __('home.Bank_transfer'),
                                                    'Credit' => __('report.credit')
                                                ];
                                                echo $methods[$pay] ?? $pay;
                                            @endphp
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>{{ __('home.date') }}</td>
                                        <td>{{$data['resource_purchases']->created_at}}</td>
                                    </tr>
                                    <tr>
                                        <td>{{ __('home.entersuppliername') }}</td>
                                        <td>{{$data['supllierdata']->name}}</td>
                                    </tr>
                                    <tr>
                                        <td>{{ __('home.tax_number') }}</td>
                                        <td>{{$data['supllierdata']->TaxـNumber}}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>

                    <div class="table-responsive mg-t-40">
                        <table class="table table-invoice table-bordered table-striped text-center">
                            <thead>
                                <tr class="bg-dark text-white">
                                    <th class="wd-5p">#</th>
                                    <th>{{ __('home.productNo') }}</th>
                                    <th>{{ __('home.product') }}</th>
                                    <th>{{__('home.quantity')}}</th>
                                    <th>{{__('home.price')}}</th>
                                    <th>{{__('home.addedValue')}}</th>
                                    <th>{{__('home.total')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php 
                                    $i = 0; $totalWithoutTax = 0; $totalVatAmount = 0;
                                @endphp
                                @foreach ($data['productsdata'] as $product)
                                    @if($product->numberofpice != 0)
                                        @php 
                                            $i++;
                                            $rowSubtotal = $product->purchasingـprice * $product->numberofpice;
                                            $rowVat = $rowSubtotal * ($product->avtValue ?? 0);
                                            $totalWithoutTax += $rowSubtotal;
                                            $totalVatAmount += $rowVat;
                                        @endphp
                                        <tr>
                                            <td>{{ $i }}</td>
                                            <td>{{ $product->productData->Product_Code ?? '-' }}</td>
                                            <td class="text-right">{{ $product->product_name }}</td>
                                            <td>{{ number_format($product->numberofpice, 2) }}</td>
                                            <td>{{ number_format($product->purchasingـprice, 2) }}</td>
                                            <td>{{ number_format($rowVat, 2) }}</td>
                                            <td class="font-weight-bold">{{ number_format($rowSubtotal + $rowVat, 2) }}</td>
                                        </tr>
                                    @endif
                                @endforeach
                            </tbody>
                        </table>
                    </div>

                    <div class="table-responsive mg-t-30">
                        <table class="table table-bordered text-center">
                            <thead>
                                <tr class="bg-light">
                                    <th>{{ __('home.the amount') }}</th>
                                    <th>{{ __('home.discount') }}</th>
                                    <th>{{ __('home.addedValue') }}</th>
                                    <th>{{ __('home.shipping fee') }}</th>
                                    <th class="bg-dark text-white">{{ __('home.total') }} (SAR)</th>
                                    @if($data['resource_purchases']->exchange_rate > 0)
                                        <th class="bg-success text-white">{{ __('home.total_price_foreign_currancy') }}</th>
                                    @endif
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>{{ number_format($totalWithoutTax, 2) }}</td>
                                    <td class="text-danger">{{ number_format($data['resource_purchases']->discount, 2) }}</td>
                                    <td>{{ number_format($totalVatAmount, 2) }}</td>
                                    <td>{{ number_format($data['resource_purchases']['shipping fee'], 2) }}</td>
                                    <td class="font-weight-bold">{{ number_format($data['resource_purchases']->In_debt + $data['resource_purchases']['shipping fee'], 2) }}</td>
                                    @if($data['resource_purchases']->exchange_rate > 0)
                                        <td class="font-weight-bold text-success">
                                            {{ number_format($data['resource_purchases']->grandTotalForeign, 2) }}
                                        </td>
                                    @endif
                                </tr>
                            </tbody>
                        </table>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('js')
<script>
    // لم نعد بحاجة لدالة printDiv المعقدة، window.print() مع CSS Media Queries هي الطريقة الأضمن.
</script>
@endsection