@extends('email-layout')

@section('title')
    Completa tu compra y unite al Club!
@endsection

@section('content')
    <p>Hola {{ $first_name }} {{  $last_name }}!</p>
    <h3>Completá tu compra:</h3>

    <table>
        <tbody>
        @foreach($products as $product)
            <tr>
                <td><img src="{{ $product['image_src'] }}"
                         style="height: 75px;width: 75px;border: 1px solid gray;border-radius: 5px;">
                </td>
                <td class="text" style="padding-left: 10px;">
                    <div style="font-size: 1em;font-weight: 600">{{ $product['name'] }}</div>
                    <div style="font-size: 0.9em;margin-bottom: 7px;">PAGO ÚNICO</div>
                    <div style="font-size: 0.9em;">
                        {{ $product['description'] }}
                    </div>
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>

    <table style="width:300px;font-size:0.9em;color:#6e6e6e; border-collapse: collapse;margin-top:15px;">
        <tbody>
        <tr style="height: 2em">
            <td>
                Producto
            </td>
            <td style="text-align: right;font-size:1em;">
                $ {{ $account['product'] }}
            </td>
        </tr>
        <tr style="height: 2em">
            <td>
                Envío
            </td>
            <td style="text-align: right;font-size:1em;">
                $ {{ $account['shipping'] }}
            </td>
        </tr>
        <tr style="height: 3em;border-top: 1px solid #d3d3d3;">
            <td>
                Total
            </td>
            <td style="text-align: right;font-weight: 600;font-size:1.2em">
                $ {{ $account['total'] }}
            </td>
        </tr>
        </tbody>
    </table>

    <p>
        Hace <a href="{{  $url }}" target="_blank">click aquí</a> para completar tu compra. </p>
    <br/>
    <p>Quedamos a disposición por cualquier cosa que necesites.<p>
    <p>¡Saludos!<br/>El equipo de Lecturita :)</p>
@endsection