@use('App\Services\Date')
@extends('sales::layouts.exporting.print.master')
@if(LaravelLocalization::getCurrentLocale() === 'ar')
    @include('companyuser::includes.pdf-headrtl')
@else
    @include('companyuser::includes.pdf-head')
@endif
@section('title', __('sales::invoices.invoices'))
@section('extra-styles')
    <link rel="stylesheet" type="text/css" href="{{ assetAppUrl('assets/css/custom/forms/frames.css') }}">
@if(app()->getLocale() == 'ar')
    <link rel="stylesheet" type="text/css" href="{{ assetAppUrl('assets/pdf-assets/custome.css') }}">
@else
    <link rel="stylesheet" type="text/css" href="{{ assetAppUrl('assets/pdf-assets/customeEn.css') }}">
@endif
@php $color = ($data[0]->formDesign->color ?? getenv('DEFAULT_INVOICE_COLOR')); @endphp
<style>
    .diff-total{
        color: ;
    }
    .ar-title{
        font-size: 55px !important;
        font-weight: bold;
        color: ;
        margin: 0;
    }
    .en-title{
        font-size: 48px !important;
        font-weight: bold;
        color: ;
        margin: 0;
    }
    .footer-section{
        height: 95px;
        direction: initial !important;
        background-color:  !important;
        width: 100%;
    }
    *{
        background-color: #fff !important;
    }

    @media print {
        .element-that-contains-table {
            overflow: visible !important;
        }
    }
    html,html body{
        height:auto !important;
    }

    thead{display: table-header-group;}
    tfoot {display: table-row-group;}
    tr {page-break-inside: avoid;}
    body{
        font-weight: bold !important;
    }
</style>
<link rel="stylesheet" href="{{assetAppUrl('/assets/vendors/css/pickers/daterange/daterangepicker.css')}}">
<link rel="stylesheet" type="text/css"
      href="{{assetAppUrl('/assets/vendors/css/pickers/datetime/bootstrap-datetimepicker.css')}}">
<link rel="stylesheet" href="{{assetAppUrl('/assets/vendors/css/pickers/pickadate/pickadate.css')}}">
<link rel="stylesheet" type="text/css" href="{{assetAppUrl('/assets/css/plugins/pickers/daterange/daterange.css')}}">
<link rel="stylesheet" href="{{assetAppUrl('/assets/css/custom.css')}}">
<link href="{{ url('/assets/css/plugins/imageUpload/style.css') }}" rel="stylesheet">
<link href="{{assetAppUrl('/assets/css/filter.css')}}" rel="stylesheet">
<link href="{{ assetAppUrl('/assets/css/plugins/input-dropdown/input-dropdown.css') }}" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="{{ assetAppUrl('assets/css/custom/reports/index.css') }}">
<link rel="stylesheet" type="text/css" href="{{ assetAppUrl('assets/pdf-assets/custome-footer.css') }}">
@endsection
@section('koolreport')
@foreach($data as $invoice)


<section id="header-for-print box-sizing" class="container header-for-print-section" @if(app()->getLocale() == 'en') style="direction:ltr;"
    @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">@lang('sales::invoices.'.$invoice->type,[],'ar')</h1>
            @else
            <h1 class="title-arbic-font ar-title" style="float: left;">@lang('sales::invoices.'.$invoice->type,[],'en')</h1>
            @endif
        </div>
    </div>
    <div class="row header-section">
        <div class="col-md-12 @if(app()->getLocale() == 'ar') pr-10 @endif" style="padding-top: 10px">
            <div class="col-md-9 box-sizing line-h">
                <div class="col-md-12">
                    <div class="header-info text-right">
                        @php
                        if(mb_strlen($settings->name) > 150){
                        $name = mb_substr($settings->name,0, 150,'utf-8')."...";
                        }
                        else {
                        $name = $settings->name;
                        }
                        @endphp
                        <div class="info-label 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="header-info text-right">
                        <div class="info-label arbic-font col-md-4"> {{__('settings::general_settings.vat number')}} :</div>
                        <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="header-info text-right">
                        @php
                        if(mb_strlen($settings->address) > 100){
                        $address = mb_substr($settings->address ,0, 100,'utf-8')."...";
                        }
                        else {
                        $address = $settings->address;
                        }
                        @endphp
                        <div class="info-label 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($data[0]->formDesign->commercial_number && $settings->commercial_number  && $settings->commercial_number != '0')
                <div class="col-md-12">

                    <div class="header-info text-right">
                        <div class="info-label 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-3 logo-section" @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">
                @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>
            {!! $data[0]->formDesign->header !!}
        </div>
    </div>
</section>

    {{-- body --}}
    <section id="pdfDetails">
        <div class="row mb-20">
            <div class="col-md-5 line-h">
                <div class="details-data text-right">
                    <div class="details-label float-right col-md-4"> {{__('sales::invoices.Reference ID')}} :</div>
                    <div class="details-value col-md-8">{{$invoice->reference}}</div>
                </div>

                <div class="details-data text-right">
                    <div class="details-label float-right col-md-4">  {{__('sales::invoices.bill_date')}} :</div>
                    <div class="details-value col-md-8">{{ Date::format($invoice->date)}}</div>

                </div>
                <div class="details-data text-right">
                    <div class="details-label float-right col-md-4">  {{__('sales::invoices.supply_date')}} :</div>
                    <div class="details-value col-md-8">{{ $invoice->supply_date ? Date::format($invoice->supply_date) : ""}}</div>

                </div>
                @if($invoice->formDesign->invoice_time)
                <div class="details-data text-right">
                    <div class="details-label float-right col-md-4">  {{__('sales::invoices.time')}} :</div>
                    <div class="details-value col-md-8">{{ \Carbon\Carbon::parse($invoice->date)->format('H:i:s') }}</div>

                </div>
                @endif
                <div class="details-data text-right">
                    <div class="details-label float-right col-md-4">{{__('sales::invoices.Customer')}} :</div>
                    <div class="details-value col-md-8">{{$invoice->customer->name}}</div>

                </div>
                @if($invoice->formDesign->customer_phone_number)
                    <div class="details-data text-right diff">
                        <div class="details-label float-right col-md-4"> @lang('sales::estimates.phone') :</div>
                        @php $mobile = $invoice->customer->mobile ? str_replace("+", "00", App\Enums\PhoneCode::get($invoice->customer->country_code)) . '-' .  $invoice->customer->mobile : '' @endphp
                        <div class="details-value col-md-8"><a href="{{ 'Tel:'.$mobile}}" id="customer-phone">{{$mobile}}</a></div>

                    </div>
                @endif
                @if($invoice->formDesign->customer_email)
                    <div class="details-data text-right diff">
                        <div class="details-label float-right col-md-4">  @lang('sales::estimates.email') :</div>
                        <div class="details-value col-md-8"><a href="{{ 'mailto:'.$invoice->customer->email}}"
                            target="_top"
                            id="customer-email">{{$invoice->customer->email}}</a></div>

                    </div>
                @endif
            </div>
            <div class="col-md-5 line-h">
                @if($invoice->formDesign->payment_account)
                    <div class="details-data text-right">
                        <div class="details-label float-right col-md-6">{{__('sales::invoices.Payment Account')}}:</div>
                        <div class="details-value col-md-6">{{$invoice->paymentAccount->name ?? ''}}</div>
                    </div>
                @endif
                @if($invoice->formDesign->payment_term)
                    <div class="details-data text-right diff">
                        <div class="details-label float-right col-md-6">{{__('sales::invoices.payment_term')}}:</div>
                        <div class="details-value col-md-6">{{$invoice->paymentTerm ? $invoice->paymentTerm->name  : __('sales::invoices.cash')}}</div>
                    </div>
                @endif
                @if($invoice->formDesign->cost_center)
                    <div class="details-data text-right diff">
                        <div class="details-label float-right col-md-6"> {{__('products::cost_center.Cost Center')}} :</div>
                                                <div class="details-value col-md-6">{{$costCenter?$costCenter['code'] . ' - ' . $costCenter['name_' . app()->getLocale()]: __('products::cost_center.main center') }}</div>
                    </div>
                @endif
                @if($invoice->formDesign->description)
                    <div class="details-data text-right diff">
                        <div class="details-label float-right col-md-6">{{__('sales::invoices.Description')}} :</div>
                        <div class="details-value col-md-6" style="word-break: break-word;">{{$invoice->description }}</div>

                    </div>
                @endif
                @if($invoice->customer->tax_number)
                    <div class="details-data text-right diff">
                        <div class="details-label float-right col-md-6"> {{__('sales::customers.Tax Number')}} :</div>
                        <div class="details-value col-md-6">{{$invoice->customer->tax_number}}</div>
                    </div>
                @endif
                @if($invoice && ($invoice->customer->street || $invoice->customer->city || $invoice->customer->country))
                <div class="details-data text-right diff">
                    <div class="details-label float-right col-md-6"> {{__('settings::general_settings.address')}} :</div>
                    <div class="details-value col-md-6">{{$invoice->customer->street .' '. $invoice->customer->city .' '. $invoice->customer->country}}</div>
                </div>
                @endif
            </div>

            <div class="col-md-2 line-h" style="text-align: right">
                    <div class="visible-print text-center">