@extends('master')

@section('seo_title', __('messages.ORDER_HISTORY_TITLE'))
@section('seo_keywords', '')
@section('seo_description', '')

@section('content')

    <meta name="locale" content="{{ app()->getLocale() }}">
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <section class="generic-page-content">
        @include('layout.breadcrumbs', ['page_title' => __('messages.ORDER_HISTORY_TITLE')])

        <div class="container">
            <div class="row my-5">

                @include('account.dashboard.sidebar')

                <div class="col-lg-9 col-md-8 col-12">
                    <div class="panel panel-default">
                        <h2 class="mb-6">@lang('messages.ORDER')</h2>
                        <div class="panel-body">
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <section class="main-content">
                                    <p>
                                        <span style="float:right">
                                            <a href="#" class="btn btn-sm delicious-btn mb-3" id="show-encomenda-original">
                                                @lang('messages.ORDER_HISTORY_SHOW_DETAILS')
                                            </a>
                                        </span>

                                        @lang('messages.ORDER_HISTORY_PRODUCTS') {{ $order->nid }}
                                    </p>
                                    <br />

                                    <div id="encomenda_original" class="blog_blk red5" style="display:none;">
                                        <div class="blog_desc">
                                            {!! str_replace("width:600px", "", $order->resumo_encomenda) !!}
                                        </div>

                                        <br /><br />
                                    </div>

                                    <div class="table-responsive">
                                        <table class="table table-striped table-hover ">
                                            <tr>
                                                <th></th>
                                                <th>@lang('messages.ORDER_HISTORY_PRODUCT')</th>
                                                <th>@lang('messages.ORDER_HISTORY_CURRENT_PRICE')</th>
                                            </tr>

                                            @if (count($order->items) > 0)

                                                @foreach ($order->items as $item)
                                                    <tr>
                                                            <td>
                                                                <img src="{{ $item['product']['image'] }}" style="max-width:150px;">
                                                            </td>

                                                            <td>
                                                                <p>{{ $item['product']['name'] }}</p>
                                                                <sub>({{ $item['product']['cpr'] }})</sub>
                                                            </td>

                                                            <td>
                                                                <p class="{{ $additionalPriceCssClass }}">{{ number_format($item['product']['salePrice'], 2, ",", ".") }} €</p>
                                                            </td>
                                                        </tr>
                                                @endforeach

                                            @else
                                                <tr>
                                                    <td colspan="6">@lang('messages.ORDER_HISTORY_PRODUCTS_UNAVAILABLE')</td>
                                                </tr>
                                            @endif
                                        </table>
                                    </div>
                                    <br />
                                </section>
                            </div>
                            <br clear="all">
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>

    <script type="text/javascript">
        document.addEventListener("DOMContentLoaded", function(){
            jQuery('#show-encomenda-original').click(function(event) {
                event.preventDefault();
                jQuery('#encomenda_original').toggle();
            });
        }, false);
    </script>

@endsection