@extends('sales::layouts.exporting.print.master-local-style')
@section('title', __('sales::proforma_invoices.show_proforma_invoices'))

@section('koolreport')
    <style>
        .details-label,
        .details-value {
            font-size: 17px !important;
        }

        .ar-title {
            font-size: 48px !important;
            font-weight: bold;
            margin: 0;
            white-space: nowrap;
        }

        .footer-section{
            height: 75px;
            direction: initial !important;
            background-color:  !important;
            width: 100%;
        }

        /* A long product description can make a row taller than a page. The shared print
           stylesheet repeats the column header on every page and forbids breaking inside a
           row, which makes wkhtmltopdf paint the header over the continued row and slice the
           line sitting on the page edge. Undo both for this table: header on page one only,
           and let the row break between two text lines. */
        #pdfDetails table thead{
            display: table-row-group;
        }

        #pdfDetails table tr{
            page-break-inside: auto;
        }
    </style>

    @foreach ($proformaInvoices as $proformaInvoice)

        <section id="header-for-print" class="container header-for-print-section"
            @if (app()->getLocale() == 'en') style="direction:ltr;padding-bottom: 5px" @else style="direction:rtl;" @endif>
            <div class="row header-section">
                <div class="col-md-12 header-title box-sizing @if (app()->getLocale() == 'ar') text-right @endif">
                    @if (app()->getLocale() == 'ar')
                        <h1 class="title-arbic-font ar-title" style="padding-right: 10px">@lang('sales::proforma_invoices.proforma_invoice', [], 'ar')</h1>
                    @else
                        <h1 class="title-arbic-font ar-title" style="float: left;">@lang('sales::proforma_invoices.proforma_invoice', [], 'en')</h1>
                    @endif
                </div>
            </div>
            <div class=" header-section">
                <div class="row @if(app()->getLocale() == 'ar') pr-10 @endif" style="padding-top: 10px">
                    <div class="col-md-10 box-sizing ">
                        <div class="col-md-12">
                            <div class="row header-info @if(app()->getLocale() == 'ar') text-right @else text-left @endif">
                                @php
                                if(mb_strlen($settings->name) > 150){
                                $name = mb_substr($settings->name,0, 150,'utf-8')."...";
                                }
                                else {
                                $name = $settings->name;
                                }
                                @endphp
                                <div class="info-labelT arbic-font col-md-4">{{__('sales::estimates.name')}} :</div>
                                <div class="info-value arbic-font col-md-8">{{$name}}</div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            @if($settings->taxable && $settings->tax_id_number)
                            <div class="row header-info @if(app()->getLocale() == 'ar') text-right @else text-left @endif">
                                @if($subdomain == 'malazuae' || $subdomain == 'ezhalha')
                                    <div class="info-labelT arbic-font col-md-4"> {{__('sales::invoice_template.license_number')}}:</div>
                                @else
                                    <div class="info-labelT arbic-font col-md-4"> {{__('settings::general_settings.vat number')}}:</div>
                                @endif
                                <div class="info-value arbic-font col-md-8">{{$settings->tax_id_number}}</div>
                            </div>
                            @endif
                        </div>
                        @if($settings->address)
                        <div class="col-md-12">
                            <div class="row header-info @if(app()->getLocale() == 'ar') text-right @else text-left @endif">
                                @php
                                if(mb_strlen($settings->address) > 100){
                                $address = mb_substr($settings->address ,0, 100,'utf-8')."...";
                                }
                                else {
                                $address = $settings->address;
                                }
                                @endphp
                                <div class="info-labelT arbic-font col-md-4">{{__('settings::general_settings.address')}} :</div>
                                <div class="info-value arbic-font col-md-8 address">{!! str_replace("\r\n","<br>", $address) !!}</div>
                            </div>
                        </div>
                        @endif
                        @if($proformaInvoice['formDesign']->commercial_number && $settings->commercial_number  && $settings->commercial_number != '0')
                        <div class="col-md-12">
        
                            <div class="row header-info @if(app()->getLocale() == 'ar') text-right @else text-left @endif">
                                <div class="info-labelT arbic-font col-md-4"> {{__('settings::general_settings.commercial number')}}:</div>
                                <div class="info-value arbic-font col-md-8">{{$settings->commercial_number}}</div>
                            </div>
        
                        </div>
                        @endif
                    </div>
                    <div class="col-md-2" @if(app()->getLocale() == 'ar') style="padding: 0px;" @else style="padding: 2px;" @endif>
                        @if($settings->img)
                        <img src="{{$settings->img}}" alt="company logo" class="logo-company-img" style="height:100px;width:auto">
                        @else
                        <div class="logo-company-img"></div>
                        @endif
                    </div>
        
                </div>
            </div>
            <div class="row">
                <div class="col-md-6" @if(app()->getLocale() == 'en') style="direction: initial;" @endif>
                    {!! $proformaInvoice['formDesign']->header !!}
                </div>
            </div>



            @php $color = $proformaInvoice['formDesign']->color ?? getenv('DEFAULT_PROFORMA_INVOICE_COLOR'); @endphp
            <section id="pdfDetails"
                @if (app()->getLocale() == 'en') style="direction:ltr;"
             @else style="direction:rtl;" @endif>
                <div class="row mb-20 pt-40">
                    <div class="col-md-6 line-h">
                        <div class="details-data" style="text-align: right">
                            <div class="details-label col-md-3" style="float: right">
                                {{ __('sales::estimates.reference_id') }}:</div>
                            <div class="details-value col-md-8" style="padding-left: 10px;">
                                {{ isset($proformaInvoice['proformaInvoice']) ? $proformaInvoice['proformaInvoice']->code : $proformaInvoice['formDesign']->reference }}
                            </div>
                        </div>
                        <div class="details-data" style="text-align: right">
                            <div class="details-label col-md-3" style="float: right">
                                {{ __('sales::estimates.description') }} :</div>
                            <div class="details-value col-md-8" style="padding-left: 10px;">
                                {{ isset($proformaInvoice['proformaInvoice']) ? $proformaInvoice['proformaInvoice']->description : '..................' }}
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 line-h">
                        <div class="details-data" style="text-align: right">
                            <div class="details-label col-md-3" style="float: right"> {{ __('sales::estimates.customer') }}
                                :</div>
                            <div class="details-value col-md-8" style="padding-left: 10px;word-break: break-word;">
                                {{ isset($proformaInvoice['proformaInvoice']) ? $proformaInvoice['proformaInvoice']->customer->name : '..................' }}
                            </div>
                        </div>
                        <div class="details-data" style="text-align: right">
                            <div class="details-label col-md-3" style="float: right"> {{ __('sales::estimates.phone') }} :
                            </div>
                            @if (isset($proformaInvoice['proformaInvoice']))
                                @php $mobile = $proformaInvoice['proformaInvoice']->customer->mobile ? str_replace("+", "00", App\Enums\PhoneCode::get($proformaInvoice['proformaInvoice']->customer->country_code)) . '-' .  $proformaInvoice['proformaInvoice']->customer->mobile : '' @endphp
                                <div class="details-value col-md-8" style="padding-left: 10px;"><a
                                        href="{{ 'Tel:' . $mobile }}" id="customer-phone">{{ $mobile }}</a></div>
                            @else
                                <div class="details-value col-md-8" style="padding-left: 10px;">..................</div>
                            @endif

                        </div>
                        @if ($proformaInvoice['formDesign']->customer_email)
                            <div class="details-data diff" style="text-align: right">
                                <div class="details-label col-md-3" style="float: right;font-size:17px !important;">
                                    {{ __('sales::estimates.email') }}:</div>
                                <div class="details-value col-md-8" style="padding-left: 10px;">
                                    @if (isset($proformaInvoice['proformaInvoice']))
                                        <a href="{{ 'mailto:' . $proformaInvoice['proformaInvoice']->customer->email }}"
                                            target="_top"
                                            id="customer-email">{{ $proformaInvoice['proformaInvoice']->customer->email }}</a>
                                    @else
                                        ..................
                                    @endif
                                </div>

                            </div>
                        @endif
                        @if ($proformaInvoice['formDesign']->customer_tax_number)
                            <div class="details-data diff" style="text-align: right">
                                <div class="details-label col-md-3" style="float: right ;font-size:17px !important;">
                                    {{ __('sales::customers.Tax Number') }}:</div>
                                <div class="details-value col-md-8" style="padding-left: 10px;">
                                    {{ isset($proformaInvoice['proformaInvoice']) ? $proformaInvoice['proformaInvoice']->customer->tax_number : '..................' }}
                                </div>
                            </div>
                        @endif
                    </div>


                </div>
                <div class="row mb-30">
                    <div class="col-md-6">
                        <div class="details-data" style="text-align: right">
                            <div class="details-label col-md-3" style="float: right">
                                {{ __('sales::estimates.issue_date') }} :</div>
                            <div class="details-value col-md-8">
                                {{ isset($proformaInvoice['proformaInvoice']) ? $proformaInvoice['proformaInvoice']->formatDate($proformaInvoice['proformaInvoice']->issue_date) : '..................' }}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row mb-20">
                    @php
                        $counterOfColumn = 9;
                        $totalAmountWithServices = 0;
                        if (!$proformaInvoice['formDesign']->product_description) {
                            $counterOfColumn--;
                        }
                        if (!$proformaInvoice['formDesign']->discount) {
                            $counterOfColumn--;
                        }
                        if (!$proformaInvoice['formDesign']->unit) {
                            $counterOfColumn--;
                        }
                        if (!$proformaInvoice['formDesign']->tax_amount) {
                            $counterOfColumn--;
                        }
                        if (!$proformaInvoice['formDesign']->product_image) {
                            $counterOfColumn--;
                        }
                    @endphp