@extends('layouts.email', ['width' => '100%'])
@section('content')
    <div class="upper-div">
        <div class="title">Kedves {{ $name }}!</div>
        <div class="text text-0">
            A cserefolyamatod (Azonosító: #{{ $exchangeProcess->id }}) sikeresen elindult.
        </div>
        <div class="order-details">
            <div class="top-details">
                <div class="title">Számlázási cím:</div>
                <div class="flex">
                    <div class="data"><b>Név:</b> {{ $exchangeProcess->name }}</div>
                    <div class="data"><b>Irányítószám:</b> {{ $exchangeProcess->postal_code }}</div>
                    <div class="data"><b>Település:</b> {{ $exchangeProcess->city }}</div>
                </div>
                <div class="flex">
                    <div class="data"><b>Utca és házszám:</b> {{ $exchangeProcess->street }}</div>
                    <div class="data"><b>Telefonszám:</b> {{ $exchangeProcess->phone }}</div>
                    <div class="data"><b>Email:</b> {{ $exchangeProcess->user->email }}</div>
                </div>
                <div class="spacer-0"></div>
                <div class="title">Szállítási cím:</div>
                <div class="flex">
                    <div class="data"><b>Név:</b> {{ $exchangeProcess->shipping_name }}</div>
                    <div class="data"><b>Irányítószám:</b> {{ $exchangeProcess->shipping_postal_code }}</div>
                    <div class="data"><b>Település:</b> {{ $exchangeProcess->shipping_city }}</div>
                    <div class="data"><b>Utca és házszám:</b> {{ $exchangeProcess->shipping_street }}</div>
                </div>
                <div class="spacer-0"></div>
                <div class="flex">
                    <div class="title">Megrendelés dátuma:</div>
                    <div class="data no-margin-bottom big">&nbsp;&nbsp;&nbsp;{{ convertToTimezone($exchangeProcess->created_at) }}</div>
                </div>
                <div class="spacer-0"></div>
                <div class="flex">
                    <div class="title">Státusz:</div>
                    <div class="data no-margin-bottom big">&nbsp;&nbsp;&nbsp;{{ $exchangeProcess->status->label() }}</div>
                </div>
                <div class="spacer-0"></div>
                <div class="flex">
                    <div class="title">Szállítási költség:</div>
                    <div class="data no-margin-bottom big">&nbsp;&nbsp;&nbsp;{{ $exchangeProcess->shipping_price }} Ft</div>
                </div>
                <div class="spacer-0"></div>
                <div class="flex">
                    <div class="title">Fizetve a termékekért:</div>
                    <div class="data no-margin-bottom big">&nbsp;&nbsp;&nbsp;{{ $exchangeProcess->paid_price }} Ft</div>
                </div>
            </div>
            <div class="spacer-0"></div>
            <div class="title text-left">Visszaküldött termékek:</div>
            <div class="spacer-0"></div>
            <table class="w-100 custom-table">
                <thead>
                    <th></th>
                    <th>Terméknév</th>
                    <th>db.</th>
                    <th>Ár</th>
                    <th>Ár össz.</th>
                </thead>
                <tbody>
                    <tr>
                        <td class="spacer">
                            &nbsp;
                        </td>
                    </tr>
                    @php
                        $total = 0;
                    @endphp
                    @foreach ($exchangeProcess->items as $item)
                        @if (!$item->exchanged)
                            @continue
                        @endif
                        @php
                            $total += $item->price * $item->quantity;
                        @endphp
                        <tr class="green">
                            <td class="first"><img
                                    src="{{ env('APP_URL') }}/storage/product_images/{{ $item->product->id }}.{{ $item->product->image_extension }}"
                                    alt="{{ $item->product->name }}" width="50"></td>
                            <td>{{ $item->product->name }}</td>
                            <td>{{ $item->quantity }}</td>
                            <td>{{ $item->price }} Ft</td>
                            <td class="last">{{ $item->price * $item->quantity }} Ft</td>
                        </tr>
                        <tr>
                            <td class="spacer">
                                &nbsp;
                            </td>
                        </tr>
                    @endforeach
                    <tr>
                        <td class="spacer">
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td><b>Összesen:</b></td>
                        <td></td>
                        <td></td>
                        <td><b>{{ $total }} Ft</b></td>
                    </tr>
                </tbody>
            </table>
            <div class="spacer-0"></div>
            <div class="title text-left">Kapott termékek:</div>
            <div class="spacer-0"></div>
            <table class="w-100 custom-table">
                <thead>
                    <th></th>
                    <th>Terméknév</th>
                    <th>db.</th>
                    <th>Ár</th>
                    <th>Ár össz.</th>
                </thead>
                <tbody>
                    <tr>
                        <td class="spacer">
                            &nbsp;
                        </td>
                    </tr>
                    @php
                        $total = 0;
                    @endphp
                    @foreach ($exchangeProcess->items as $item)
                        @if ($item->exchanged)
                            @continue
                        @endif
                        @php
                            $total += $item->price * $item->quantity;
                        @endphp
                        <tr class="green">
                            <td class="first"><img
                                    src="{{ env('APP_URL') }}/storage/product_images/{{ $item->product->id }}.{{ $item->product->image_extension }}"
                                    alt="{{ $item->product->name }}" width="50"></td>
                            <td>{{ $item->product->name }}</td>
                            <td>{{ $item->quantity }}</td>
                            <td>{{ $item->price }} Ft</td>
                            <td class="last">{{ $item->price * $item->quantity }} Ft</td>
                        </tr>
                        <tr>
                            <td class="spacer">
                                &nbsp;
                            </td>
                        </tr>
                    @endforeach
                    <tr>
                        <td class="spacer">
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td><b>Összesen:</b></td>
                        <td></td>
                        <td></td>
                        <td><b>{{ $total }} Ft</b></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="green">
        <div class="text text-2">Üdvözlettel,<br>{{ env('APP_NAME') }}</div>
    </div>
@endsection