@php
    use App\Models\Order\Order;
    /** @var Order $order */
@endphp

@extends('mail.layout.main')

@section('content')

    <div class="section">
        <h5 class="text-center">
            {{ __('email-review.leave_offer_title') }}
        </h5>
    </div>

    <div class="section">
        <div class="email-layout">
            @foreach ($order->cart->cartItemsWithoutServices as $item)
                <div class="order-items">
                    <div class="item-image">
                        <a href="{{ route('review',['uuid' => $order->uuid]) }}"
                           title="{{ __('email-review.leave_review_link_title') }}"
                           target="_blank">
                            <img class="img m-auto product-image" width="60px" height="60px"
                                 src="{{ ImageHelper::getThumbnail($item->product->attachments->first(), 50)['source'] }}"
                                 alt="{{ $item->product->title }}"
                                 title="{{ $item->product->title }}">
                        </a>
                    </div>
                    <div class="item-details">
                        <a href="{{ route('review',['uuid' => $order->uuid]) }}"
                           title="{{ __('email-review.leave_review_link_title') }}"
                           target="_blank">
                            {{ $item->product->title }}
                        </a>
                        <div title="ISBN">{{ $item->product->isbn_code }}</div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>

    <div class="section">
        <div class="text-center">
            <p>{{ __('email-review.leave_review_offer') }}</p>
            <a href="{{ route('review',['uuid' => $order->uuid]) }}"
               title="{{ __('email-review.leave_review_link_title') }}"
               class="btn btn--icon btn--green mb-0"
            >
                {{__('email-review.leave_review_link_title')}}
            </a>
        </div>
    </div>

@endsection