@extends('frame')

@section('frameContent')
<section id="content-area" class="animateMeIn" data-animation="fadeIn">
    <div class="container py-3 py-lg-5 px-4">        
        <div class="page-title">{{ __('Kosár és rendelés') }}</div>
        <hr>
        <ul class="steps">
            <li><a href="{{ route('cart.content.'.app()->getLocale()) }}">{{ __('Kosár tartalma') }}</a></li>
            <li><a href="{{ route('cart.step2.'.app()->getLocale()) }}">{{ __('Szállítási és fizetési adatok') }}</a></li>
            <li class="active">{{ __('Áttekintés, megrendelés') }}</li>
        </ul>

        <div class="cart-table finish">
            <div class="cart-head font-light text-uppercase">
                <div>{{ __('Alkotás neve') }}</div>
                <div>{{ __('Egységár') }}</div>
                <div>{{ __('Mennyiség') }}</div>
                <div>{{ __('Összesen') }}</div>
            </div>
            @forelse($items as $i => $item)
            <div class="cart-row">
                <div><label>{{ __('Alkotás neve') }}</label>{{ $item->title() }} <em>({{ implode(', ',$item->data) }})</em></div>
                <div class="price"><label>{{ __('Egységár') }}</label><span class="thousands">{{ $item->price }}</span> Ft</div>
                <div><label>{{ __('Mennyiség') }}</label>{{ $item->qty }}</div>
                <div class="sum"><label>{{ __('Összesen') }}</label><span class="thousands">{{ $item->price * $item->qty }}</span> Ft</div>
            </div>
            @empty
            @endforelse      
            <div class="total-row font-bold">
                <div class="bt hide-at-mob">{{ $shipping_method->title() }}</div>
                <div class="bt"></div>
                <div class="bt"></div>
                <div class="bt"><label>{{ $shipping_method->title() }}</label><span class="thousands">{{ $shipping_method->price }}</span> Ft</div>                
            </div>
            <div class="total-row font-bold">
                <div class="bt hide-at-mob">{{ __('Összesen') }}</div>
                <div class="bt"></div>
                <div class="bt"></div>
                <div class="bt"><label>{{ __('Összesen') }}</label><span class="thousands">{{ $total }}</span> Ft</div>                
            </div>
        </div>
        
        <div class="row">
            <div class="col-12 col-xl-9">
                <div class="row mt-5">
                    <div class="col-12 col-sm-3 pb-3">
                        <div class="font-semibold text-uppercase">{{ __('Számlázási cím') }}</div>
                        {{ $user['name'] }} <br>
                        @if($user['company']){{ $user['company'] }}@endif <br>
                        {{ $user['zip'] }} {{ $user['city'] }} <br>
                        {{ $user['address'] }} <br>
                        {{ $user['phone'] }}
                    </div>
                    <div class="col-12 col-sm-3 pb-3">
                        <div class="font-semibold text-uppercase">{{ __('Szállítási cím') }}</div>
                        {{ $user['name2'] }} <br>
                        @if($user['company2']){{ $user['company2'] }}@endif <br>
                        {{ $user['zip2'] }} {{ $user['city2'] }} <br>
                        {{ $user['address2'] }} <br>
                        {{ $user['phone2'] }}
                    </div>
                    <div class="col-12 col-sm-3 pb-3">
                        <div class="font-semibold text-uppercase">{{ __('Szállítási mód') }}</div>
                        {{ $shipping_method->title() }}
                    </div>
                    <div class="col-12 col-sm-3 pb-3">
                        <div class="font-semibold text-uppercase">{{ __('Fizetési mód') }}</div>
                        {{ $payment_method->title() }}
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <div class="font-semibold text-uppercase">{{ __('Megjegyzés') }}</div>
                {{ $user['message'] }}
            </div>
        </div>
        
        @if (!$errors->isEmpty())
            <div class="alert alert-danger">
            @foreach ($errors->all() as $error)
                {{ $error }} <br>
            @endforeach
            </div>        
        @endif

        <hr>
        <form method="POST" action="{{ route('cart.saveorder') }}" id="form3">
        {!! app('captcha')->render(app()->getLocale()) !!}
        @csrf
        <div class="row">
            <div class="col-12 col-md-6 text-center text-md-start pb-3">
                <a href="{{ route('cart.step2.'.app()->getLocale()) }}" class="cyan">{{ __('vissza az adatok módosításához') }}</a>
            </div>
            <div class="col-12 col-md-6 text-center text-md-end">
                <button type="submit" class="btn-def">{{ __('Megrendelés') }}</button>
            </div>
        </div>
        </form>
        
        
    </div>

@endsection

@section('css')
<link rel="stylesheet" href="{{ asset('assets/cart.css') }}">
@endsection

@section('scripts')
<script src="{{ asset('assets/tools.js') }}"></script>
@endsection