{{-- Part of phoenix project. --}}

@extends('_global.mail.template')

@section('content')
    <div class="row">
        <div class="col-md-4 not-print">
            <h1>@translate('catalog.invoice.title')</h1>
        </div>
    </div>

    {{--Invoice row--}}
    <div class="invoice-paper">

        <h3>Datavideo Visual Technology(s) Pte. Ltd.</h3>

        <table>
            <tr>
                <th style="text-align: right;">
                    @translate('catalog.invoice.field.name')
                </th>
                <td>
                    {{ $app->get('datavideo.name') ? : 'Datavideo Virtual Set' }}
                </td>
            </tr>
            <tr>
                <th style="text-align: right;">
                    @translate('catalog.invoice.field.email')
                </th>
                <td>
                    {{ $app->get('datavideo.mail.contact') ? : 'info.datavideo.com' }}
                </td>
            </tr>
        </table>

        <h3>@sprintf('catalog.invoice.to.title', $item->name)</h3>

        <table>
            <tr>
                <th style="text-align: right;">
                    @translate('catalog.invoice.field.name')
                </th>
                <td>
                    {{ $user->name }}
                </td>
            </tr>
            <tr>
                <th style="text-align: right;">
                    @translate('catalog.invoice.field.email')
                </th>
                <td>
                    {{ $item->email }}
                </td>
            </tr>
            @if($item->address1)
                <tr>
                    <th style="text-align: right;">
                        @translate('catalog.invoice.field.address')
                    </th>
                    <td>
                        {{ $item->address1 }}
                    </td>
                </tr>
            @endif

        </table>

        <h3>Order Info</h3>

        <table class="pretty-dl" style="font-size: 14px;">
            <tr>
                <th style="text-align: right;">
                    @translate('catalog.invoice.field.date')
                </th>
                <td>
                    {{ $item->paid_time }}
                </td>
            </tr>
            <tr>
                <th style="text-align: right;">
                    @translate('catalog.order.field.id')
                </th>
                <td>
                    {{ $item->id }}
                </td>
            </tr>
        </table>

        <hr />

        <div class="row">
            <div class="col-md-11">
                <div class="orderitems-wrapper">
                    <h3>Details</h3>
                    <table style="width: 100%; margin-bottom: 60px;">
                        @foreach($item->orderItems as $detail)
                        <tr style="min-height: 60px;">
                            <td style="border-bottom: 1px solid #eee; padding-bottom: 10px;">
                                <p>
                                    <strong>
                                        {{ $detail->title }}
                                    </strong>
                                </p>
                                <small>
                                    {{ $detail->format_title }} {{ $detail->width }} x {{ $detail->height }}
                                </small>
                            </td>
                            <td style="border-bottom: 1px solid #eee; padding-bottom: 10px;">
                                <em class="price">$ {{ $detail->price }}
                                    &nbsp;
                                    &nbsp;
                                </em>
                            </td>
                            <td style="border-bottom: 1px solid #eee; padding-bottom: 10px; text-align: right">
                                <a  target="_blank" href="{{ $router->html('download', ['id' => $detail->id], \Windwalker\Core\Router\Router::TYPE_FULL) }}"
                                    style="background-color: #33C3F0; color: #fff; border: 1px solid #33C3F0;
    margin: 20px 5px 10px 0; padding: 10px 30px;
    text-decoration: none; white-space: nowrap;  display: inline-block; text-align: center;
    border-radius: 4px; cursor: pointer; box-sizing: border-box;">
                                    Download
                                </a>
                            </td>
                        </tr>
                        @endforeach
                    </table>

                    <div class="row">
                        <div class="col-md-6 col-md-push-8" style="text-align: right">
                            <h3>@translate('catalog.price.total'): ${{ $item->total }}</h3>

                            @if ($item->total - $item->amount > 0)
                                <h3>@translate('catalog.price.discount'): ${{ $item->total - $item->amount }}</h3>
                            @endif

                            <h3>@translate('catalog.price.amount'): ${{ $item->amount }}</h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <p>
        <a href="{{ $router->html('invoice', ['id' => $item->id], \Windwalker\Core\Router\Router::TYPE_FULL) }}"
            style="background-color: #4cae4c; color: #fff; border: 1px solid #4cae4c;
    margin: 20px 5px 10px 0; padding: 10px 30px;
    text-decoration: none; white-space: nowrap;  display: inline-block; text-align: center;
    border-radius: 4px; cursor: pointer; box-sizing: border-box;">
            Go to invoice page
        </a>

        <a href="{{ $router->html('downloads', [], \Windwalker\Core\Router\Router::TYPE_FULL) }}"
            style="background-color: #f0ad4e; color: #fff; border: 1px solid #f0ad4e;
    margin: 20px 5px 10px 0; padding: 10px 30px;
    text-decoration: none; white-space: nowrap;  display: inline-block; text-align: center;
    border-radius: 4px; cursor: pointer; box-sizing: border-box;">
            Go to download page
        </a>
    </p>

@stop