@extends('layouts.app')

@section('content')

    <section class="pb-5" id="cart-section">
        <div class="container">
            <div class="col-12" id="cart">
                @forelse($cart as $item)

                    @php $product = \App\Product::findOrFail($item->attributes->product_id); @endphp

                    <div class="row cart-track-row mb-2 d-flex justify-content-center" id="product-{{ $product->id }}">
                        <div class="col-8 col-sm-9 d-flex align-items-center">
                            <div class="d-inline-block text-right mr-2">
                                <img src="{{ $product->getFirstMediaUrl('images', 'admin') }}">
                            </div>
                            <div class="d-inline-block">
                                <span class="text-primary">{{ $product->name }}</span>
                            </div>
                        </div>
                        <div class="col-4 col-sm-3 text-right pr-3 pr-md-4 d-flex align-items-center justify-content-end text-nowrap">
                            {{ __('Ár') }}: {{ \App\Utils::priceForHumans($product->price) }}

                            <img src="{{ asset('img/remove.svg') }}" class="ml-2 ml-md-4 remove-from-cart cursor-pointer" data-type="track" data-id="{{ $product->id }}">
                        </div>
                    </div>

                @empty
                    <div class="row mb-3 section-title">
                        <div class="col-12">
                            <div class="section-icon">
                                <img src="{{ asset('img/cart.svg') }}">
                            </div>
                            <h2 class="text-uppercase d-inline-block font-weight-lighter">
                                {{ __('A kosár üres') }}
                            </h2>
                        </div>
                    </div>

                    <div class="row mb-5">
                        <div class="col-12">
                            {{ __('Kezdődhet a vásárlás!') }}
                        </div>
                    </div>
                @endforelse
            </div>
        </div>

        <div class="container">
            <div class="col-12" id="cart-summary">

                @php
                    $sumPrice = Cart::getTotal();
                    $netPrice = \App\Utils::gross2net($sumPrice);
                @endphp

                <div class="row cart-album-row">
                    <div class="col-6">
                        {{ __('Nettó ár') }}:
                    </div>
                    <div class="col-6 text-right">
                        {{ \App\Utils::priceForHumans($netPrice)}}
                    </div>
                    <div class="col-6">
                        {{ __('Áfa összege') }}:
                    </div>
                    <div class="col-6 text-right">
                        {{ \App\Utils::priceForHumans($sumPrice - $netPrice)}}
                    </div>
                    <div class="col-12">
                        <hr>
                    </div>
                    <div class="col-6 font-weight-bold">
                        {{ __('Végösszeg') }}:
                    </div>
                    <div class="col-6 text-right font-weight-bold">
                        {{ \App\Utils::priceForHumans($sumPrice)}}
                    </div>
                </div>

                @if ($sumPrice && ($buttons ?? true))
                    <div class="row text-right mt-4">
                        <div class="col-12">
                            <a href="{{ url('/') }}">
                                <button class="btn btn-outline-primary btn-long mr-lg-4 mb-2 mb-sm-0">Folytatom a vásárlást</button>
                            </a>
                            <a href="{{ action('Webshop\OrderController@billingInformation') }}">
                                <button class="btn btn-primary btn-long">Vásárlás</button>
                            </a>
                        </div>
                    </div>
                @endif

            </div>
        </div>

    </section>

@endsection