@extends('mail.template')

@section('content')
<pre>
    {{-- {{print_r($sale)}} --}}
</pre>
    <h1 style="font-size: 19px; text-align:center;">We received your sample order, {{ $customer->customer_name }}!!</h1>
    <p style="margin-top: 15px; text-align: justify;">As soon as your order has been shipped, we will let you know via email</p>
    <h2 style="font-size: 17px; text-align: center;">View your sample order summary in your account</h2>
    {{-- <h3>Items:</h3> --}}
    {{-- <table width="100%" >
        <thead style="margin-top: 15px !important;">
            <tr>
                <th>Sample</th>
                <th></th>
                <th>Price Unit</th>
                <th>Quant</th>
                <th>Total</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($sale->productsSale as $product)
                <tr>
                    <td style="text-align: center">
                        @if (count($product->productData->images) > 0)
                            <img src="{{ asset(Storage::url($product->productData->images[0]->file)) }}" width="50px" alt="">
                        @else
                            <img src="{{ asset('shop/images/products/no-image.png') }}" width="70px" alt="">
                        @endif
                    </td>
                    <td>
                        {{ $product->productData->product_title }} <br>
                        @if ($product->product_variations)
                            @if (count(json_decode($product->product_variations)) > 0)
                                @foreach (json_decode($product->product_variations) as $variation)
                                    {!! $variation !!}
                                @endforeach
                            @endif
                        @endif
                    </td>
                    <td style="text-align: center">U$ 0.00</td>
                    <td style="text-align: center">1</td>
                    <td style="text-align: center">U$ 0.00</td>
                </tr>
            @endforeach
        </tbody>
    </table> --}}

    <div style="display: flex; flex-direction: column; align-items: flex-end;">
        {{-- <div>Frete: <strong>{{ formatMoney($sale->value_shipping, true) }}</strong></div> --}}
        {{-- <div>Valor Total: <strong>{{ formatMoney($sale->value_total, true) }}</strong></div> --}}
    </div>

    <hr>

    <div style="display: flex; width: 100%;">
        <div style="flex: 1;">
            <h3>Shipping address:</h3>

            <p>
                <strong>{{ $address->address_name }}</strong><br>
                Address Line 1: <strong>{{ $address->street }}</strong>,<br>
                City: <strong>{{ $address->city }}</strong>,<br>
                State: <strong>{{ $address->state }}</strong><br>
                Zipcode: <strong>{{ $address->zipcode }}</strong><br>
            </p>
        </div>

    </div>

    <p style="text-align: center;">Thank you for your preference!</p>
@endsection