@extends('mail.template')

@section('content')
<pre>
    {{-- {{print_r($sale)}} --}}
</pre>
    <h1 style="font-size: 1.1em; text-align:center;">We received your order, {{ $customer->customer_name }}!!</h1>
    <p style="margin-top: 1.1em; text-align: justify;">As soon as your order has been shipped, we will let you know via email</p>
    <h2 style="font-size: 1.2em; text-align: center;">View your order summary in your account.</h2>
    <h3>Items:</h3>
    <table style="overflow: scroll !important;">
        <thead style="margin-top: 15px !important;">
            <tr>
                <th>Item</th>
                <th></th>
                <th>Unit</th>
                <th>Qt.</th>
                <th>Total</th>
            </tr>
        </thead>
        <tbody>

            @foreach ($products 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">{{ formatMoney($product->product_value_unit, true) }}</td>
                    <td style="text-align: center">{{ $product->product_qt }}</td>
                    <td style="text-align: center">{{ formatMoney($product->product_value_subtotal, true) }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>

    <div style="display: flex; flex-direction: column; align-items: flex-end;">
        <div style=" width: 50%; text-align: right;">
            <div style="margin-top: 10px;">Subtotal: <strong>{{ formatMoney($sale->value_purchase, true) }}</strong></div>

            @if ($sale->cupom_code != null)

                <div style="margin-top: 10px;">Discount: {{$sale->value_discount}}% <br><strong>{{ $sale->cupom_code }} OFF</strong></div>

            @endif

            <div style="margin-top: 10px;">Shipping: <strong>{{ formatMoney($sale->value_shipping, true) }}</strong></div>

            @if ($sale->tax_value != null)
                <div style="margin-top: 10px;">Tax: <strong>{{ formatMoney($sale->tax_value, true) }} </strong></div>
            @endif

        <div style="margin-top: 10px;">Total: <strong>{{ formatMoney(getPurchaseTotal($sale), true) }}</strong></div>
        </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