@extends('mobile.master', ['checkout' => true])

@section('content')
    <div class="mobile-page account-overview">

        <header>
            <h1>
                @lang('mobile.myTopsAccount')
            </h1>
            <a href="/{{ $shop->getPageService()->page('brands')->route }}" class="back-btn">
                {{ Lang::get('checkout/cart.continue_shopping') }}
            </a>
        </header>


        <div class="customer-logout">
            <div class="account">
                <div class="icon">
                </div>
                <div class="text">
                    @lang('mobile.loggedIn')
                    <strong>{{ $customer->getFullName() }}</strong>
                </div>
            </div>


            <a class="log-out" href="{{ url($shop->getLanguageService()->getCurrentLanguage() . '/customer/logout') }}">
                {{ Lang::get('customer/header.logout') }}
            </a>

        </div>


        <article class="text-block customer-detail">
            <div class="placeholder">
                <h2>{{ Lang::get('customer/overview.personal_data') }}</h2>

                <p>{{ $customer->getFullNameAndAddress() }}</p>

                <a href="/{{ $shop->getPageService()->page('editAccount')->route }}" class="inline-link">
                    {{ Lang::get('customer/overview.edit_personal_data') }}
                </a>
            </div>
        </article>

        <h2>{{ Lang::get('mobile.account_orders') }}</h2>

        <section class="order-list">
            @if( count($customer->orders) < 1)
                <p class="no-orders">{{ Lang::get('customer/overview.no_orders') }}</p>
            @endif

            @foreach( $customer->ordersOverview as $order )
                <article class="article-order">
                    <div class="title-order-block">
                        <span class="title"> {{ Lang::get('customer/overview.order_number') }}
                            : {{$order->order_number}}</span>
                        <span class="order-date">{{(new DateTime($order->ordered_at))->format('d-m-Y')}}</span>
                        <span class="open-close"></span>
                    </div>
                    <div class="order-block">
                        <div class="order-header">
                            <h3 class="order-title">
                                {{ count($order->products) }} {{ Lang::choice('product|producten', count($order->products)) }}
                                -
                                {{ Lang::get('customer/overview.total') }}
                                : {{ Format::asPrice($order->getTotalToPay(),['currency'=>'€']) }}
                            </h3>
                            <p class="inline-link">
                                @include('partials.buttons.default',[
                                        'route' => url(Shop::getPageService()->page('customer')->route) . '/invoice/' . $order->id,
                                        'text' =>  Lang::get('mobile.download') . ' ' . Lang::get('customer/overview.download_invoice') . ' ' . $order->order_number,
                                        'target' => '_blank'
                                    ])
                            </p>

                            @if($order->status == $order::OPEN)
                                <div class="btn-holder">
                                    @include('partials.buttons.default',[
                                        'route' => url(Shop::getPageService()->page('pendingPayment')->route) . '?token=' . $order->order_token,
                                        'text' =>  Lang::get('customer/overview.pay_order')
                                    ])
                                </div>
                            @endif


                        </div>

                        <hr>

                        @include('mobile.partials.orders.account.orderOverview', compact('order'))
                        {{--@include('partials.orders.account.orderOverview', compact('order')) --}}

                        @if($order->status == $order::COMPLETE)
                            <div class="replace-order">
                                <div class="btn-holder btn-right">
                                    @include('partials.buttons.default',[
                                        'route' => route('reorder',['order'=>$order->id,'lang'=>Config::get('app.locale') ]),
                                        'text'=>Lang::get('customer/overview.reorder')
                                    ])
                                </div>
                            </div>
                        @endif

                        {{--@include('partials.orders.account.orderOverview', compact('order')) --}}
                    </div>
                </article>
            @endforeach

        </section>


        {{--Maintenance orders--}}

        {{--@if(\Shop::isMaintenanceAvailable())--}}
            {{--<h2>{{ Lang::get('mobile.account_maintenance') }}</h2>--}}

            {{--@if( count($customer->maintenanceOrders) < 1)--}}
                {{--<p>{{ Lang::get('pages/maintenance.customer_overview.no_maintenance',['link'=> '/' . $shop->getPageService()->page('bookMaintenance')->route ]) }}</p>--}}
            {{--@endif--}}
            {{--@foreach($customer->maintenanceOrders as $maintenanceOrder )--}}
                {{--<article class="text-block content-block column fluid-100 article-order">--}}
                    {{--<div class="title-order-block">--}}
                    {{--<span class="title">{{ Lang::get('pages/maintenance.maintenance_number') }}--}}
                        {{--: {{$maintenanceOrder->order_number}}</span>--}}
                        {{--<span class="order-date">{{(new DateTime($maintenanceOrder->ordered_at))->format('d-m-Y')}}</span>--}}
                        {{--<span class="open-close"></span>--}}
                    {{--</div>--}}
                    {{--<div class="order-block">--}}
                        {{--<h2 class="order-title">--}}
                            {{--<div class="rule-1">{{ Lang::get('pages/maintenance.maintenance_number') }}--}}
                                {{--: {{$maintenanceOrder->order_number}}</div>--}}
                            {{--<div class="rule-2">{{(new DateTime($maintenanceOrder->ordered_at))->format('d-m-Y')}}</div>--}}
                            {{--<span class="rule-3">--}}
                        {{--{{$maintenanceOrder->maintenance_title}}--}}
                                {{--{{ Format::asPrice($maintenanceOrder->maintenance_price,['currency'=>'€']) }}--}}
                            {{--</span>--}}
                        {{--</h2>--}}
                        {{--<div class="column fluid-50">--}}
                            {{--<p>--}}
                                {{--<strong>{{ Lang::get('pages/maintenance.maintenance_address') }}</strong><br/>--}}
                                {{--{{$maintenanceOrder->invoice_first_name}}{{(empty($maintenanceOrder->invoice_insertion)?' '.$maintenanceOrder->invoice_insertion.' ':' ')}} {{$maintenanceOrder->invoice_last_name}}--}}
                                {{--<br/>--}}
                                {{--{{$maintenanceOrder->invoice_street}}{{(empty($maintenanceOrder->invoice_suffix)?' '.$maintenanceOrder->invoice_suffix.' ':' ')}} {{$maintenanceOrder->invoice_number}}--}}
                                {{--<br/>--}}
                                {{--{{$maintenanceOrder->invoice_postal}} {{$maintenanceOrder->invoice_city}}<br/>--}}
                                {{--{{Lang::get('countries.'.$maintenanceOrder->invoice_country)}}--}}

                            {{--</p>--}}
                        {{--</div>--}}
                        {{--<div class="column fluid-50 last">--}}
                        {{--</div>--}}
                        {{--<div class="clear">--}}
                            {{--<div class="column fluid-100 last">--}}

                                {{--<p><strong>{{Lang::get('partials/orderOverview.description')}}</strong>--}}

                                {{--<p>--}}

                                {{--<div class="decription-decription">{{$maintenanceOrder->maintenance_description}}</div>--}}
                            {{--</div>--}}


                        {{--</div>--}}
                    {{--</div>--}}
                {{--</article>--}}
            {{--@endforeach--}}
        {{--@endif--}}


    </div>
@stop