@extends('layouts.email', ['width' => '100%'])
@section('content')
    <div class="upper-div">
        <div class="title">Kedves {{ $name }}!</div>
        <div class="text text-0">
            A kiválasztott termékeket ingyenesen megtarthatod, mivel már több mint 9 hónapja nálad vannak.
        </div>
        <div class="order-details">
            <div class="spacer-0"></div>
            <table class="w-100 custom-table">
                <thead>
                    <th></th>
                    <th>Terméknév</th>
                </thead>
                <tbody>
                    <tr>
                        <td class="spacer">
                            &nbsp;
                        </td>
                    </tr>
                    @foreach ($products as $product)
                        <tr class="green">
                            <td class="first"><img
                                    src="{{ env('APP_URL') }}/storage/product_images/{{ $product->id }}.{{ $product->image_extension }}"
                                    alt="{{ $product->name }}" width="50"></td>
                            <td>{{ $product->name }}</td>
                        </tr>
                        <tr>
                            <td class="spacer">
                                &nbsp;
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
    <div class="green">
        <div class="text text-2">Üdvözlettel,<br>{{ env('APP_NAME') }}</div>
    </div>
@endsection