@extends('layouts.pdf')



@section('pdf_content')
<hr>
<h1>IHRE AUSWAHL</h1>
@if($product)
<table border="0.1" cellspacing="0" cellpadding="4">
    <tr>
        <th>
            <h4>Oberfläche</h4>
        </th>
        <th>
            <h4>{{ __('app.machine') }}</h4>
        </th>
        <th>
            <h4>Größe</h4>
        </th>
    </tr>
    <tr>
        <td>{{str_replace("ü", "ue", $surface->title)}}</td>
        <td>{{$product ? $product->title : __('app.no_machine_available')}}</td>
        <td>{{$sizeText}}</td>
    </tr>
</table>
<br />
<br />
<table border="0.1" cellspacing="0" cellpadding="4">
    <tr>
        <th>
            <h4>{{__('app.machine')}}</h4>
        </th>
        <th>
            <h4>{{__('app.consumables')}}</h4>
        </th>
    </tr>
    <tr align="left">
        <td>
            <table cellspacing="6" cellpadding="4">
                <tr>
                    <td>
                        <img style="text-align: center; max-width: 100%;"
                            src="{{($product->image) ? public_path('uploads/' . $product->image) : '/maschinen-navigator_tools/public/images/placeholder.png'}}"
                            alt="{{$product->title}}">
                        <h4>{{$product->title}}</h4>
                    </td>
                    <td align="center">
                        <div class="button">
                            <br />
                            <a href="https://de.wolff-tools.com/redirect/p/{{$product->pim_id}}" target="_blank">
                                {{ __('app.show_product') }}
                            </a>
                            <br />
                        </div>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        {!! $product->description !!}
                    </td>
                </tr>
            </table>
        </td>
        <td>
            <table cellspacing="6" cellpadding="4">
                @php($count = 0)
                @php($rel = $related->filter(function ($value, $key) { return $value->is_product == false; })->values())
                @if($rel)
                    @if(count($rel) >= 3)
                        @foreach($rel as $index => $relatedProductItem)
                            @if(($index + 1) % 3 == 0 && $index <= 6)
                                <tr>
                                    <td>{{$rel[$index-2]->title}}<br /><b>Artikel-Nr.:</b> {{$rel[$index-2]->article_number}}</td>
                                    <td>{{$rel[$index-1]->title}}<br /><b>Artikel-Nr.:</b> {{$rel[$index-1]->article_number}}</td>
                                    <td>{{$rel[$index]->title}}<br /><b>Artikel-Nr.:</b> {{$rel[$index]->article_number}}</td>
                                </tr>
                                <tr>
                                    <td>
                                        <img src="{{($rel[$index-2]->image) ? public_path('uploads/' . $rel[$index-2]->image) : '/maschinen-navigator_tools/public/images/placeholder.png'}}"
                                            alt="test" height="50">
                                    </td>
                                    <td>
                                        <img src="{{($rel[$index-1]->image) ? public_path('uploads/' . $rel[$index-1]->image) : '/maschinen-navigator_tools/public/images/placeholder.png'}}"
                                            alt="test" height="50">
                                    </td>
                                    <td>
                                        <img src="{{($rel[$index]->image) ? public_path('uploads/' . $rel[$index]->image) : '/maschinen-navigator_tools/public/images/placeholder.png'}}"
                                            alt="test" height="50">
                                    </td>
                                </tr>
                            @else
                                @if($count > 6)
                                    <div class="button" style="text-align: center;">
                                        <br />
                                        <a href="https://de.wolff-tools.com/redirect/p/{{$product->pim_id}}" target="_blank">
                                            {{ "Mehr " . __('app.consumables') }}
                                        </a>
                                    </div>
                                    @break(true);
                                @endif
                            @endif
                            @php($count++)
                        @endforeach
                    @endif
                    @if(count($rel) < 3 && count($rel) > 0)
                    <tr>
                        @foreach($rel as $index => $relatedTopProductItem)
                            <td>{{$rel[$index]->title}}<br /><b>Artikel-Nr.:</b> {{$rel[$index]->article_number}}</td>
                        @endforeach
                    </tr>
                    <tr>
                        @foreach($rel as $index => $relatedTopProductItem)
                            <td>
                                <img src="{{($rel[$index]->image) ? public_path('uploads/' . $rel[$index]->image) : '/maschinen-navigator_tools/public/images/placeholder.png'}}"
                                    alt="test" height="50">
                            </td>
                        @endforeach
                    </tr>
                    @endif
                @endif
            </table>
        </td>
    </tr>
</table>
@endif

<style>
    h1 {
        font-family: kapraneue-medium;
        color: #324b55;
        text-transform: uppercase;
    }

    h2 {
        font-family: kapraneue-medium;
        color: #324b55;
        text-transform: uppercase;
    }

    h4 {
        font-family: kapraneue-medium;
        color: #324b55;
        text-transform: uppercase;
    }

    h5 {
        font-family: kapraneue-medium;
        color: #324b55;
        text-transform: uppercase;
    }

    .pdf-machine-not-optimal {
        font-family: "IBM Plex Sans";
        font-size: 12px;
        background-color: #fff3cd;
        text-align: center;
    }

    .pdf-machine-not-suitable {
        font-family: "IBM Plex Sans";
        font-size: 12px;
        background-color: #f8d7da;
        text-align: center;
    }

    .pdf-recommendation-machine {
        font-family: "IBM Plex Sans";
        font-size: 12px;
        background-color: #0000002A;
        text-align: center;
    }

    .pdf-machine-optimal {
        font-family: "IBM Plex Sans";
        font-size: 12px;
        background-color: #d4edda;
        text-align: center;
    }

    .pdf-card {
        padding-left: 10px;
        border: red solid 4px;
    }

    a {
        font-family: "IBM Plex Sans";
        text-decoration: none;
        color: white;
    }

    .button {
        background-color: #324b55;
    }
</style>
@endsection