@extends('layouts.pdf')

@if($product)
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <table {{""/* style="border: 1px #000000 solid;" */}} cellpadding="1" cellspacing="0">
        <tr>
            <th>

            </th>
            <th>

            </th>
            <th>

            </th>
        </tr>
        <tr>
            <td>
                <table>
                    <tr>
                        <th style="width: 500px;">
                            <h4 style="color: white;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Ihre Auswahl:<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{$product->title}}</h4>
                            <br />
                        </th>
                    </tr>
                </table>
            </td>
            <td>
                <table>
                    <tr>
                        <th>
                            {{-- <h4 style="color: white;">Ihre Auswahl:<br />{{$product->title}}</h4>
                            <br /> --}}
                            <br />
                            <br />
                            <br />
                            <br />
                            <br />
                        </th>
                    </tr>
                    <tr>
                        <td style="text-align: center;">
                            <img src="{{$product->image ? public_path('uploads/' . $product->image) : asset("images/placeholder.png")}}"
                                alt="Produkt" width="300" height="300" />
                            <br />
                        </td>
                    </tr>
                </table>
            </td>
            <td>

            </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;
        font-size: 21px;
        color: #324b55;
        text-transform: uppercase;
    }

    h5 {
        font-family: kapraneue-medium;
        font-size: 16px;
        color: #324b55;
        text-transform: uppercase;
    }
</style>