@extends('layouts.master')

@section('title', 'Checkout')

@section('content')

<div class="shop">
    <section class="section pb-0">
        <div class="container-custom">
            <div class="row">
                <div class="offset-xl-1 col-xl-10">
                    <h2 class="title-narziss-md text-lowercase text-center mt-size-md revealByLetter" data-splitting>checkout</h2>
                    <hr class="my-4">                    
                </div>
            </div>
            <div class="row">
                <div class="offset-xl-1 col-xl-5 col-lg-6">
                    <a href="{{ Helper::route('cart') }}" class="d-block mb-size-sm">
                        <img src="{{ asset('img/svg/Arrow.svg') }}" style="transform: rotate(180deg)" alt="Arrow">
                        <span class="link link-black ms-2">Alterar encomenda</span>
                    </a>

                    <checkout-form ref="checkout_total" :countries="{{ $countries }}" :order="{{ Session::get('order') }}" :payment_methods="{{ $payment_methods }}" />
                </div>

                <div class="offset-xl-1 col-xl-4 col-lg-6">
                    <h3 class="text-black text-md mt-size-md">
                        Resumo da encomenda <br><br>
                        <span class="text-sm text-light">({{ Session::get('cart')['products']->count() }} artigo)</span>
                    </h3>

                    <hr class="my-4">

                    <div class="shop-basket-list">
                        @foreach ( Session::get('cart')['products'] as $item )
                        <div class="shop-basket-list-item">
                            <div class="item-image image-sm">
                                <img src="{{ asset($item->product->imageDefault->path) }}" alt="Image">
                            </div>
                            <div class="item-content justify-content-start">
                                <div class="d-flex justify-content-between align-items-center">
                                    <p class="text-md text-semibold">
                                        {{ $item->product['name'][$locale] }} <span class="text-sm text-light">| Qtd: {{ $item->quantity }}</span><br>
                                        <small class="text-grey">REF. {{ $item->product['ref'] }}</small>                                            
                                    </p>

                                    @if ( $item->product->hasDiscount )
                                    <p class="text-light"><strike>€ {{ $item->product->price }}</strike> &nbsp; | &nbsp; <b>€ {{ $item->product->hasDiscount->discount_product_price }}</b></p>    
                                    @else
                                    <p class="text-semibold">€ {{ $item->product->price }}</p>
                                    @endif
                                </div>                                    
                            </div>
                        </div>
                        @endforeach
                    </div>

                    <hr class="mb-4">

                    <checkout-form-total ref="checkout_total" :order="{{ Session::get('order') }}" />
                </div>
            </div>
            <div class="row mt-size-lg">
                <div class="offset-xl-1 col-xl-10">
                    @include('pages.shop.includes.shop_info')
                </div>
            </div>            
        </div>
    </section>   
</div>

@endsection