@extends('layouts.master')

@section('title', 'Account')

@section('content')

<div class="default account bg-white">

    <section class="section pb-0">
        <div class="container-custom">
            <div class="row">
                <div class="offset-lg-1 col-lg-3">
                    @include('pages.shop.account.includes.sidenav')
                </div>


                <div class="col-lg-7">

                    <!-- <div class="d-flex justify-content-between">
                        <h3>As minhas vantagens</h3>
                        <p class="m-0">3 artigo(s)</p>
                    </div>

                    <div class="grid w-33 account-benefits">
                        <a href="{{ Helper::route('rewards') }}" class="account-benefits-item">
                            <div class="item-image">
                                <img src="{{ asset('img/account/hmgoepprod_thumb.jpg') }}" alt="Image">
                            </div>
                            <div class="item-content text-center">
                                <h5>Parceria</h5>
                                <h3>20% de desconto na E-shop da LightHouse Publishing</h3>
                                <p class="text-grey"><small>Começa em 20 mai 2022</small></p>
                            </div>
                        </a>
                        <a href="{{ Helper::route('rewards') }}" class="account-benefits-item">
                            <div class="item-image">
                                <img src="{{ asset('img/account/hmgoepprod_thumb.jpg') }}" alt="Image">
                            </div>
                            <div class="item-content text-center">
                                <h5>Parceria</h5>
                                <h3>20% de desconto na E-shop da LightHouse Publishing</h3>
                                <p class="text-grey"><small>Começa em 20 mai 2022</small></p>
                            </div>
                        </a>
                        <a href="{{ Helper::route('rewards') }}" class="account-benefits-item">
                            <div class="item-image">
                                <img src="{{ asset('img/account/hmgoepprod_thumb.jpg') }}" alt="Image">
                            </div>
                            <div class="item-content text-center">
                                <h5>Parceria</h5>
                                <h3>20% de desconto na E-shop da LightHouse Publishing</h3>
                                <p class="text-grey"><small>Começa em 20 mai 2022</small></p>
                            </div>
                        </a>                        
                    </div> -->

                    <h3>As minhas compras</h3>
                    <div class="account-purshases">

                        @foreach ( Auth::user()->completedOrders as $item )
                        <a href="{{ Helper::route('order', $item->id) }}" class="account-purshases-item">
                            <div>
                                <h3>Compra Online</h3>
                                <p><small>{{ $item->delivery_address }}</small></p>
                            </div>
                            <div> 
                                <p><small>{{ date('d/m/Y', strtotime($item->created_at)) }}</small></p>
                                <p><small>{{ $item->total }}€</small></p>
                            </div>    
                            <div><i class="bi bi-arrow-right"></i></div>                        
                        </a>
                        @endforeach

                        <a href="{{ Helper::route('orders') }}" class="account-purshases-item">
                            <p class="text-uppercase">Ver todas as compras</p>
                            <div><i class="bi bi-arrow-right"></i></div>                        
                        </a>
                    </div>

                </div>
            </div>
        </div>
    </section>

</div>

@endsection