@use('App\Services\Date')
@extends('sales::layouts.exporting.print.master-local-style')
@section('title', __('sales::invoices.show_invoice'))
@section('custom-pdf')
    @include('sales::invoices.partials.zatca-support')
@endsection
@section('koolreport')
@php 
    $color = ($formDesign->color ?? getenv('DEFAULT_INVOICE_COLOR'));
    $formDesign->discount = 1;
    $formDesign->tax_amount = 1;
    $formDesign->customer_tax_number = 1;
@endphp
<style>
    .details-labelT{
        font-size:14px ;
        color: #2a2a2a;
        font-weight: 600;
        margin: 0 10px;
    }
    .details-value{
        font-size: 15px !important;
    }
    th{
        white-space: nowrap;
        text-align:center
    }
    table, th, td {
      border: 1px solid black;
      border-collapse: collapse;
    }
    .vl {
        border-left: 2px solid #ccc;
        height: 40px;
        position:absolute;
    }
     .head-title, .text-center, .col-md-12, .col-md-10, .col-md-9, .col-md-7, .col-md-6, .col-md-5, .col-md-3, .col-md-2, .details-labelT, img{
        position: relative;
        background-color: transparent !important;
    }

    #pdfDetails {
      position: relative;
    }

    .overlay-dev{
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 90%;
      height: 90%;
      opacity: 0.6;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
    }
</style>
@php
    app()->getLocale() == 'en' ? app()->setLocale('en') : app()->setLocale('ar');
@endphp
<section id="pdfDetails" @if(app()->getLocale() == 'en') style="direction:ltr;"
    @else style="direction:rtl;" @endif>
    @if (in_array($invoice->zatca_reported, Modules\Sales\Enums\Zatca\ReportInvoiceEnum::NOT_REPORTED))
        <img src="{{assetAppUrl('/app-assets/draft.png')}}" class="overlay-dev">
    @endif
    <div class="row mb-5 pt-5" style="padding-top:10px !important">
        <div class="col-md-5 line-h" style="margin: 30px 0px;">
            <div class="head-title col-md-12 text-center">
                <div class="p-2 bg-info head-title col-md-6">
                    <div class="details-labelT "> {{__('sales::invoices.serial_number')}} : </div>
                    <div class="details-data head-title"> {{isset($invoice)? $invoice->reference : $formDesign->reference}}</div>
                </div>
                <div class="p-2 bg-warning head-title col-md-6">
                    <div class="details-labelT "> {{__('sales::invoices.bill_date')}} : </div>
                    <div class="details-data head-title"> {{ isset($invoice)? Date::format($invoice->date, 'date') : ".................."}}</div>
                </div>
            </div>
        </div>
        <div class="col-md-5 line-h">
            @if($formDesign->payment_account)
                <div class="details-data col-md-12" style="text-align: right">
                    <div class="details-labelT col-md-4">{{__('sales::invoices.Payment Account')}}:</div>
                    <div class="details-value col-md-7">{{isset($invoice)? ($invoice->paymentAccount->name ?? '') : ".................."}}</div>
                </div>
            @endif
            @if($formDesign->payment_term)
                <div class="details-data col-md-12 diff" style="text-align: right">
                    <div class="details-labelT col-md-4">{{__('sales::invoices.payment_term')}}:</div>
                    <div class="details-value col-md-7">{{isset($invoice)? ($invoice->paymentTerm ? $invoice->paymentTerm->name  : __('sales::invoices.cash')) : ".................."}}</div>
                </div>
            @endif
            @if($formDesign->cost_center)
                <div class="details-data col-md-12 diff" style="text-align: right">
                    <div class="details-labelT col-md-4"> {{__('products::cost_center.Cost Center')}} :</div>
                    @if(isset($invoice))
                                                <div class="details-value col-md-7">{{$costCenter?$costCenter['code'] . ' - ' . $costCenter['name_' . app()->getLocale()]: __('products::cost_center.main center') }}</div>
                    @else
                        <div class="details-value col-md-7">..................</div>
                    @endif
                </div>
            @endif
        </div>
        @isset($invoice)
            <div class="col-md-2 line-h">
                <div class="visible-print text-center">
                    <img style="width:125px" src="{{$invoice->qr}}"/>
                </div>
            </div>
        @endisset

    </div>
    <hr>
    <div class="row" style="margin: 35px 0; {{app()->getLocale() == 'en' ? 'padding-left: 30px;' : 'padding-right: 30px;'}}">
        <div class="head-title" style="margin: 15px 0"> {{__('sales::invoices.supplier_info')}} : </div>
        <div class="col-md-12">
            <div class="col-md-9">
                <div class="col-md-7">
                    <div class="col-md-6">
                        <div class="vl"></div>
                        <div class="details-labelT " style="margin-right: 15px;"> {{__('sales::invoices.supplier_name')}}: </div>
                        <div class="details-labelT " style="margin-right: 15px;"> {{app()->getLocale() == 'en' ? $settings->name_en : $settings->name_ar}} </div>
                    </div>
                    <div class="col-md-6">
                        <div class="vl"></div>
                        <div class="details-labelT " style="margin-right: 15px;"> {{__('sales::invoices.supplier_address')}}: </div>
                        <div class="details-labelT " style="margin-right: 15px;word-break: break-all;"> {{$settings->address_number. ' ' .$settings->address}} </div>
                    </div>
                </div>
                @if($settings->taxable && $settings->tax_id_number)
                <div class="col-md-5">
                    <div class="vl"></div>
                    <div class="details-labelT " style="margin-right: 15px;"> {{__('sales::invoices.supplier_tax_number')}}: </div>
                    <div class="details-labelT " style="margin-right: 15px;">{{$settings->tax_id_number}}</div>
                </div>
                @endif
            </div>
            <div class="col-md-3">
                <div class="vl"></div>
                <div class="details-labelT " style="margin-right: 15px;"> {{__('sales::invoices.supplier_commercial_number')}}: </div>
                <div class="details-labelT " style="margin-right: 15px;">{{$settings->commercial_number}} </div>
            </div>
        </div>
    </div>

    <div class="row" style="margin: 35px 0; {{app()->getLocale() == 'en' ? 'padding-left: 30px;' : 'padding-right: 30px'}}">
        <div class="head-title" style="margin: 15px 0"> {{__('sales::invoices.buyer_info')}}: </div>
        <div class="col-md-12">
            <div class="col-md-9">
                <div class="col-md-7">
                    <div class="col-md-6">
                        <div class="vl"></div>
                        <div class="details-labelT " style="margin-right: 15px;"> {{__('sales::invoices.buyer_name')}}: </div>
                        <div class="details-labelT " style="margin-right: 15px;word-break: break-word;"> {{$buyer->name}} </div>
                    </div>
                    <div class="col-md-6">
                        <div class="vl"></div>
                        <div class="details-labelT " style="margin-right: 15px;"> {{__('sales::invoices.buyer_address')}}: </div>
                        <div class="details-labelT " style="margin-right: 15px;word-break: break-all;">{{$buyer->address_number. ' ' .$buyer->street.', '.$buyer->country}}</div>
                    </div>
                </div>
                <div class="col-md-5">
                    <div class="vl"></div>
                    <div class="details-labelT " style="margin-right: 15px;"> {{__('sales::invoices.buyer_commercial_number')}}: </div>
                    <div class="details-labelT " style="margin-right: 15px;">{{$buyer->commercial_number}} </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="vl"></div>
                <div class="details-labelT " style="margin-right: 15px;"> {{__('sales::invoices.buyer_tax_number')}}: </div>
                <div class="details-labelT " style="margin-right: 15px;">{{$buyer->tax_number}} </div>
            </div>
        </div>
    </div>
    <div class="row">