@inject( 'helper', 'App\Helpers\BladeHelper' )
<x-pdf.layout :title="$title">
    <div class="price-offer-gradient h-3"></div>
    <div class="grow grid gap-3 content-start">
		<div class="w-full grid">
			<div class="flex gap-6 items-center">
				<div class="py-4 pl-12 grow">
					<h1 class="font-black text-7xl text-port-gore-950">CENOVÁ<br>PONUKA</h1>
				</div>
                <div class="grid w-[45%] leading-6 py-4 pr-12 justify-end">
                    <span class="text-gray-400 mb-2">Odberateľ</span>
                    <span class="font-semibold">{{ $model->owner_legal_form == 1 ? $model->client->full_name : $model->owner_business_name }}</span>
                    <span>{{ $model->owner_legal_form == 1 ? $model->client->street : $model->owner_street }}</span>
                    <span>{{ $helper->formatZipCode( $model->owner_legal_form == 1 ? $model->client->zip : $model->owner_zip ) }}, {{ $model->owner_legal_form == 1 ? $model->client->city : $model->owner_city }}</span>
                    @if ( $model->owner_legal_form != 1 )
                        <span>IČO: {{ $model->owner_business_id }}</span>
                        <span>{{ $model->owner_vat_number ? 'IČ DPH' : 'DIČ' }}: {{ $model->owner_vat_number ?? $model->owner_tax_number }}</span>

                    @endif
                    <span>Tel. č.: {{ $helper->formatPhoneNumber( $model->client->phones[ 0 ] ) }}</span>
                    <span>Email: {{ $model->client->email }}</span>
                </div>
			</div>

			@php
				$user = auth()->user();

				$fullName = $user?->full_name ?? '';
				$email = $user?->email ?? '';
			@endphp

			<div class="flex w-full border-t-2 border-gray-400 justify-between">
				<div class="grid leading-5 content-start py-2 pl-12 border-gray-400">
					<b>Dátum vystavenia</b>
                    <span>{{ Carbon\Carbon::now()->locale( 'sk_SK' )->isoFormat('D. MMMM YYYY', 'MMMM YYYY') }}</span>
				</div>
				<div class="grid leading-5 content-start p-2">
					<b>Číslo zmluvy</b>
                    <span>{{ $number?? '-' }}</span>
				</div>
				<div class="grid leading-5 content-start p-2 border-gray-400">
					<b>Ponuku vystavil</b>
                    <span>{{ $fullName }}</span>
				</div>
				<div class="grid leading-5 content-start py-2 pr-12">
					<b>Kontakt</b>
                    <span>{{ $email }}</span>
				</div>
			</div>
		</div>

		<div>
			<div class="price-offer-gradient px-12 grid text-gray-100 grid-cols-[2rem_1fr_11rem_11rem] content-center">
				<div class="py-2">
					#
				</div>
				<div class="py-2">
					názov položky
				</div>
				<div class="py-2 text-right">
					cena bez DPH
				</div>
				<div class="py-2 text-right">
					cena s DPH
				</div>
			</div>
			@php
				if ( $model instanceof App\Models\Sale ){
					$showImportFeeRow = false;
					$vehiclePrices = $helper->priceService->salePriceOfferVehiclePrices( $model );
					$finalPriceWithVat = $helper->priceService->salePriceOfferFinalPrice( $model );
				}
				else{
					$showImportFeeRow = !$model->without_import_fee;
					$vehiclePrices = $helper->priceService->businessCasePriceOfferVehiclePrices( $model );
					$importFees = $helper->priceService->businessCasePriceOfferImportFees( $model );
					$finalPriceWithVat = $helper->priceService->businessCasePriceOfferFinalPrice( $model );
				}
				//extended warranty offer:
				$ewo = $helper->priceService->extendedWarrantyOffer( $model );
				$emptyColumnPlaceholder = '---';
			@endphp

			<div class="price-offer-items">
				<div>
					<div>
						1
					</div>
					<div>
						vozidlo {{ $model->vehicle->title}}
					</div>
					<div class="text-right">
						{{ $vehiclePrices->without_vat > 0 ? ( number_format( $vehiclePrices->without_vat, 2, ',', ' ' ) . ' €' ) : $emptyColumnPlaceholder }}
					</div>
					<div class="text-right">
						{{ $vehiclePrices->with_vat > 0 ? ( number_format( $vehiclePrices->with_vat , 2, ',', ' ' ) . ' €' ) : $emptyColumnPlaceholder }}
					</div>
				</div>

				@if ( $showImportFeeRow )
					<div>
						<div>
							2
						</div>
						<div>
							sprostredkovanie cez {{ $model->importFeeCompany->name }}
						</div>
						<div class="text-right">
							{{ $model->is_import_fee_vat_free ? ( $importFees->without_vat > 0 ? ( number_format( $importFees->without_vat, 2, ',', ' ' ) . ' €' ) : $emptyColumnPlaceholder ) : $emptyColumnPlaceholder }}
						</div>
						<div class="text-right">
							{{ number_format( $importFees->with_vat , 2, ',', ' ' ) . ' €' }}
						</div>
					</div>

					<div>
						<div>
							3
						</div>
						<div>
							preverenie vozidla certifikovaným technikom - 3 obhliadky v cene
						</div>
						<div class="text-right">
							{{ $emptyColumnPlaceholder }}
						</div>
						<div class="text-right">
							{{ $emptyColumnPlaceholder }}
						</div>
					</div>

					<div>
						<div>
							4
						</div>
						<div>
							dovoz vozidla - poistená preprava
						</div>
						<div class="text-right">
							{{ $emptyColumnPlaceholder }}
						</div>
						<div class="text-right">
							{{ $emptyColumnPlaceholder }}
						</div>
					</div>

					<div>
						<div>
							5
						</div>
						<div>
							prepis vozidla spolu:
						</div>
						<div class="text-right">
							{{ $emptyColumnPlaceholder }}
						</div>
						<div class="text-right">
							{{ $emptyColumnPlaceholder }}
						</div>
					</div>

					<div>
						<div>
							&nbsp;
						</div>
						<div class="pl-8!">
							preklad dokumentov DE-SK
						</div>
						<div class="text-right">
							&nbsp;
						</div>
						<div class="text-right">
							&nbsp;
						</div>
					</div>

					<div>
						<div>
							&nbsp;
						</div>
						<div class="pl-8!">
							kontrola originality
						</div>
						<div class="text-right">
							&nbsp;
						</div>
						<div class="text-right">
							&nbsp;
						</div>
					</div>

					<div>
						<div>
							&nbsp;
						</div>
						<div class="pl-8!">
							TK, EK
						</div>
						<div class="text-right">
							&nbsp;
						</div>
						<div class="text-right">
							&nbsp;
						</div>
					</div>

					<div>
						<div>
							&nbsp;
						</div>
						<div class="pl-8!">
							návrh na JDV
						</div>
						<div class="text-right">
							&nbsp;
						</div>
						<div class="text-right">
							&nbsp;
						</div>
					</div>

					<div>
						<div>
							&nbsp;
						</div>
						<div class="pl-8!">
							recyklačný poplatok
						</div>
						<div class="text-right">
							&nbsp;
						</div>
						<div class="text-right">
							&nbsp;
						</div>
					</div>

					<div>
						<div>
							6
						</div>
						<div>
							zápis vozidla na EČV - cena určená MV SR pri zápise
						</div>
						<div class="text-right col-span-2">
							hradí klient
						</div>
					</div>
				@endif

				@if ( $model->client_discount > 0 )
					<div>
						<div>
							{{ $showImportFeeRow ? '7' : '2' }}
						</div>
						<div>
							zľava:
						</div>
						<div class="text-right">
							{{ $emptyColumnPlaceholder }}
						</div>
						<div class="text-right">
							- {{ number_format( $model->client_discount, 2, ',', ' ' ) . ' €' }}
						</div>
					</div>
				@endif
			</div>

            <div class="flex items-center px-12">
                <div class="grow">
                    <span class="font-semibold">Ponuka predĺženej záruky:</span>
                    <table class="w-full text-sm">
                            <td class="whitespace-nowrap">12 mesiacov:</td>
                            <td class="whitespace-nowrap">spoluúčasť 0 €: <span class="underline font-semibold">{{ number_format( $ewo->m12_p0, 2, ',', ' ' ) }} €</span></td>
                            <td class="whitespace-nowrap">spoluúčasť 200 €: <span class="underline font-semibold">{{ number_format( $ewo->m12_p200, 2, ',', ' ' ) }} €</span></td>


                            <tr>
                                <td class="whitespace-nowrap">24 mesiacov:</td>
                                <td class="whitespace-nowrap">spoluúčasť 0 €: <span class="underline font-semibold">{{ number_format( $ewo->m24_p0, 2, ',', ' ' ) }} €</span></td>
                                <td class="whitespace-nowrap">spoluúčasť 200 €: <span class="underline font-semibold">{{ number_format( $ewo->m24_p200, 2, ',', ' ' ) }} €</span></td>
                            </tr>


                            <tr>
                                <td class="whitespace-nowrap">36 mesiacov:</td>
                                <td class="whitespace-nowrap">spoluúčasť 0 €: <span class="underline font-semibold">{{ number_format( $ewo->m36_p0, 2, ',', ' ' ) }} €</span></td>
                                <td class="whitespace-nowrap">spoluúčasť 200 €: <span class="underline font-semibold">{{ number_format( $ewo->m36_p200, 2, ',', ' ' ) }} €</span></td>
                            </tr>
                    </table>

                    @if ( $model->extended_warranty_offer_note )
                        <div class="italic text-sm whitespace-pre-line wrap-break-word">
                            {{ $model->extended_warranty_offer_note }}
                        </div>
                    @endif
                </div>
                <span class="w-44 text-right">&nbsp;</span>
                <span class="w-44 text-right">&nbsp;</span>
            </div>
		</div>

		<div class="grid grid-cols-[1fr_23rem]">
			<div>
				&nbsp;
			</div>
			<div class="grid grid-cols-2 price-offer-gradient text-gray-100 content-center">
				<div class="p-1.5 text-left font-bold">
					cena celkom
				</div>
				<div class="p-1.5 text-right pr-12">
					{{ number_format( $finalPriceWithVat, 2, ',', ' ' ) }} €
				</div>
			</div>
		</div>

		<div class="font-semibold px-12">
			Garantujeme najnižšie ceny!<br />
			Cenová ponuka je platná do <span>{{ Carbon\Carbon::now()->addDays( 7 )->locale( 'sk_SK' )->translatedFormat('j. F. Y') }}</span>
		</div>

    </div>
    <div class="price-offer-gradient py-6 px-4 text-gray-400">
        <div class="flex gap-x-6 px-12">
            <div class="grow grid">
                <img src="{{ asset( '/graphics/logo-mk-auto.svg' ) }}" class="w-[50%]"/>
                <div class="flex gap-4 items-center">
                    <img src="{{ asset( '/graphics/QR_Code.png' ) }}" class="aspect-square h-20 p-1 bg-white"  />
                    <div class="grid text-sm text-gray-200 gap-2">
                        <div class="flex gap-2 items-center">
                            <span class="flex aspect-square h-6 items-center justify-center rounded-full bg-red-700">
                                <svg class="h-3.5 fill-white -ml-px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M280 0C408.1 0 512 103.9 512 232c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-101.6-82.4-184-184-184c-13.3 0-24-10.7-24-24s10.7-24 24-24zm8 192a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm-32-72c0-13.3 10.7-24 24-24c75.1 0 136 60.9 136 136c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-48.6-39.4-88-88-88c-13.3 0-24-10.7-24-24zM117.5 1.4c19.4-5.3 39.7 4.6 47.4 23.2l40 96c6.8 16.3 2.1 35.2-11.6 46.3L144 207.3c33.3 70.4 90.3 127.4 160.7 160.7L345 318.7c11.2-13.7 30-18.4 46.3-11.6l96 40c18.6 7.7 28.5 28 23.2 47.4l-24 88C481.8 499.9 466 512 448 512C200.6 512 0 311.4 0 64C0 46 12.1 30.2 29.5 25.4l88-24z"/></svg>
                            </span>
                            0911 397 990
                        </div>
                        <div class="flex gap-2 items-center">
                            <span class="flex aspect-square h-6 items-center justify-center rounded-full bg-red-700">
                                <svg class="h-3.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></svg>
                            </span>
                            {{ config( 'car.company.default_email' ) }}
                        </div>
                        <div class="flex gap-2 items-center">
                            <div class="flex rounded-xl w-6 h-6 items-center justify-center  bg-red-700 p-0 place-content-center">
                                <svg class="h-3.5 fill-white -ml-px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M352 256c0 22.2-1.2 43.6-3.3 64l-185.3 0c-2.2-20.4-3.3-41.8-3.3-64s1.2-43.6 3.3-64l185.3 0c2.2 20.4 3.3 41.8 3.3 64zm28.8-64l123.1 0c5.3 20.5 8.1 41.9 8.1 64s-2.8 43.5-8.1 64l-123.1 0c2.1-20.6 3.2-42 3.2-64s-1.1-43.4-3.2-64zm112.6-32l-116.7 0c-10-63.9-29.8-117.4-55.3-151.6c78.3 20.7 142 77.5 171.9 151.6zm-149.1 0l-176.6 0c6.1-36.4 15.5-68.6 27-94.7c10.5-23.6 22.2-40.7 33.5-51.5C239.4 3.2 248.7 0 256 0s16.6 3.2 27.8 13.8c11.3 10.8 23 27.9 33.5 51.5c11.6 26 20.9 58.2 27 94.7zm-209 0L18.6 160C48.6 85.9 112.2 29.1 190.6 8.4C165.1 42.6 145.3 96.1 135.3 160zM8.1 192l123.1 0c-2.1 20.6-3.2 42-3.2 64s1.1 43.4 3.2 64L8.1 320C2.8 299.5 0 278.1 0 256s2.8-43.5 8.1-64zM194.7 446.6c-11.6-26-20.9-58.2-27-94.6l176.6 0c-6.1 36.4-15.5 68.6-27 94.6c-10.5 23.6-22.2 40.7-33.5 51.5C272.6 508.8 263.3 512 256 512s-16.6-3.2-27.8-13.8c-11.3-10.8-23-27.9-33.5-51.5zM135.3 352c10 63.9 29.8 117.4 55.3 151.6C112.2 482.9 48.6 426.1 18.6 352l116.7 0zm358.1 0c-30 74.1-93.6 130.9-171.9 151.6c25.5-34.2 45.2-87.7 55.3-151.6l116.7 0z"/></svg>
                            </div>
                            www.mk-auto.sk
                        </div>
                    </div>
                </div>
            </div>
            <div class="flex flex-col text-gray-200 text-sm">
                <b class="mb-2">{{ $model->company?->name ?? config( 'car.company.name' ) }}</b>
                <div class="grid">
                    <span class="font-extrabold">Prevádzka / Adresa na doručovanie:</span>
                    <b>{{ config( 'car.company.name') }}</b>
                    <span>{{ config( 'car.company.operating_address.street') }}</span>
                    <span>{{ config( 'car.company.operating_address.zip' ) }} {{ config( 'car.company.operating_address.city' )}}</span>
                </div>
            </div>
			<div class="flex flex-col text-gray-200 text-sm" >
				<span class="font-extrabold">Sídlo / Fakturačná adresa:</span>
				<b>{{ config( 'car.company.name') }}</b>
				<span>{{ config( 'car.company.registered_office.street' ) }}</span>
				<span>{{ config( 'car.company.registered_office.zip' ) }} {{ config( 'car.company.registered_office.city' ) }}</span>
				<span>IČO: {{ config( 'car.company.business_id') }}</span>
				<span>DIČ: {{ config( 'car.company.tax_number') }}</span>
				@if ( config( 'car.company.vat_number') )
					<span>IČ DPH: {{ config( 'car.company.vat_number') }}</span>
				@endif
			</div>
        </div>
    </div>
</div>
</x-pdf.layout>