@extends('rubandroll.layouts.app')

@section('meta-title')Webshop - Rub & Roll @endsection

@section('meta-keywords') @endsection

@section('meta-description') @endsection

@section('content')

    <section id="page-title" class="page-title bg-overlay {{--bg-parallax--}} bg-overlay-gradient">
        <div class="bg-section">
            <img src="/assets/images/page-title/4.jpg" alt="Background"/>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="title title-8 text-center">
                            <div class="title--content">
                                <div class="title--subtitle">Rub & Roll</div>
                                <div class="title--heading">
                                    <h1>Megrendelés</h1>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <!-- Validation Errors -->
    <div class="container">
        <div class="row">
            <div class="col-12">
                <x-auth-validation-errors class="my-4 alert alert-warning" :errors="$errors" />
            </div>
        </div>
    </div>

    <!-- Alerts -->
    @foreach (Alert::getMessages() as $type => $messages)
        <div class="row justify-content-center">
            <div class="col-md-6">
                <div class="text-center mt-20">
                    <div class="container">
                        @foreach ($messages as $message)
                            <div class="alert alert-{{ $type === 'error' ? 'danger' : $type }} alert-dismissible fade show m-0 mt-4"
                                 role="alert">
                                @if (\Illuminate\Support\Facades\Request::is("szamlazasi-adatok", "sikeres/*"))
                                    {!! $message !!}
                                @else
                                    {{ $message }}
                                @endif
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    @endforeach

    <style>
        .form-group {
            padding: 0;
            margin: 0;
        }
    </style>

    <section id="reservation1" class="reservation bg-white pt-2 pb-2">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="mt-10 mb-10">

{{--                        <div class="reservation--dec">--}}
{{--                        Lorem ipsum dolor sit amet.--}}
{{--                        </div>--}}

                        <form method="post" class="mb-0">
                            @csrf

                                <div class="row">
{{--                                    @if(auth()->guest())--}}
{{--                                        <div class="col-12 mb-3">--}}
{{--                                            <div class="alert alert-lg alert-primary">Visszatérő vásárló vagy? <a href="{{ route('register') }}">Kattints ide a bejelentkezéshez.</a></div>--}}
{{--                                        </div>--}}
{{--                                    @endif--}}
                                    <div class="col-12 col-lg-6 col-xl-7">
                                        <div class="card mb-lg-0">

                                            <div class="card-body card-body--padding--2">
                                                <h3 class="card-title">Kapcsolattartási adatok</h3>

                                                <div class="form-row">
                                                    @if(!auth()->check())
                                                        @include('rubandroll.webshop.includes.cart.input_text', ['name' => 'customer_email', 'required' => true, 'class' => 'col-md-6'])
                                                    @endif
                                                    @include('rubandroll.webshop.includes.cart.input_text', ['name' => 'customer_phone', 'class' => 'col-md-6'])
                                                </div>

                                            </div>

                                            <div class="clearfix"></div>

                                            <div class="card-divider"></div>

                                            <div class="card-body card-body--padding--2">
                                                <h3 class="card-title">Számlázási adatok</h3>

                                                <div class="form-row">
                                                    @include('rubandroll.webshop.includes.cart.input_text', ['name' => 'customer_billing_last_name', 'required' => true, 'class' => 'col-md-6'])
                                                    @include('rubandroll.webshop.includes.cart.input_text', ['name' => 'customer_billing_first_name', 'required' => true, 'class' => 'col-md-6'])
                                                </div>

                                                <div class="form-row">
                                                    @include('rubandroll.webshop.includes.cart.input_text', ['name' => 'customer_company_name', 'class' => 'col-md-8'])
                                                    @include('rubandroll.webshop.includes.cart.input_text', ['name' => 'customer_tax_number', 'class' => 'col-md-4'])
                                                </div>

                                                <div class="form-group">
{{--                                                    <label for="customer_billing_country">{{ __("validation.attributes.customer_billing_country") }}</label>--}}
                                                    <select id="customer_billing_country" class="form-control form-control-select2" name="customer_billing_country">
                                                        @foreach(Countries::all()->pluck('name.common', 'iso_3166_1_alpha2') as $countryCode => $country)
                                                            <option value="{{ $countryCode }}" @if($countryCode == (old('customer_billing_country') ?? session("billing_information.customer_billing_country") ?? "HU")) selected @endif>{{ $country }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>

                                                <div class="form-row">
                                                    @include('rubandroll.webshop.includes.cart.input_text', ['name' => 'customer_billing_postal_code', 'required' => true, 'class' => 'col-md-4'])
                                                    @include('rubandroll.webshop.includes.cart.input_text', ['name' => 'customer_billing_city', 'required' => true, 'class' => 'col-md-8'])
                                                </div>
                                                @include('rubandroll.webshop.includes.cart.input_text', ['name' => 'customer_billing_address', 'required' => true])

                                            </div>
                                            <div class="card-divider"></div>
                                            <div class="card-body card-body--padding--2">
                                                <h3 class="card-title">Szállítási adatok</h3>
                                                <div class="form-group">
                                                    <div class="form-check">
                                            <span class="input-check form-check-input">
                                                <span class="input-check__body">
                                                    <input class="input-check__input" type="checkbox" id="delivery-equals-billing">
{{--                                                    <span class="input-check__box"></span>--}}
{{--                                                    <span class="input-check__icon"><svg width="9px" height="7px">--}}
{{--                                                            <path d="M9,1.395L3.46,7L0,3.5L1.383,2.095L3.46,4.2L7.617,0L9,1.395Z" />--}}
{{--                                                        </svg>--}}
{{--                                                    </span>--}}
                                                </span>
                                            </span>
                                                        <label class="form-check-label" for="checkout-different-address">Megegyezik a számlázási adatokkal.</label>
                                                    </div>
                                                </div>

                                                <div class="form-row">
                                                    @include('rubandroll.webshop.includes.cart.input_text', ['name' => 'customer_delivery_last_name', 'required' => true, 'class' => 'col-md-6'])
                                                    @include('rubandroll.webshop.includes.cart.input_text', ['name' => 'customer_delivery_first_name', 'required' => true, 'class' => 'col-md-6'])
                                                </div>

                                                <div class="form-group">
{{--                                                    <label for="customer_delivery_country">{{ __("validation.attributes.customer_billing_country") }}</label>--}}
                                                    <select id="customer_delivery_country" class="form-control form-control-select2" name="customer_delivery_country">
                                                        @foreach(Countries::all()->pluck('name.common', 'iso_3166_1_alpha2') as $countryCode => $country)
                                                            <option value="{{ $countryCode }}" @if($countryCode == (old('customer_delivery_country') ?? session("billing_information.customer_delivery_country") ?? "HU")) selected @endif>{{ $country }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>

                                                <div class="form-row">
                                                    @include('rubandroll.webshop.includes.cart.input_text', ['name' => 'customer_delivery_postal_code', 'required' => true, 'class' => 'col-md-4'])
                                                    @include('rubandroll.webshop.includes.cart.input_text', ['name' => 'customer_delivery_city', 'required' => true, 'class' => 'col-md-8'])
                                                </div>
                                                @include('rubandroll.webshop.includes.cart.input_text', ['name' => 'customer_delivery_address', 'required' => true])

                                                <div class="form-group">
                                                    <label for="checkout-comment">Megjegyzés <span class="text-muted">(Opcionális)</span></label>
                                                    <textarea id="checkout-comment" class="form-control" rows="4" name="customer_comment"></textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <style>
                                        table td, th {
                                            padding: 10px 20px !important;
                                            font-weight: normal !important;
                                        }
                                        .summary-price-box {
                                            font-weight: 600;
                                        }
                                    </style>

                                    <div class="col-12 col-lg-6 col-xl-5 mt-4 mt-lg-0">
                                        <div class="card mb-0" id="billing-prices-box">
                                            <div class="card-body card-body--padding--2">
                                                <h3 class="card-title">Kosár tartalma</h3>

                                                <table class="checkout__totals">
                                                    <thead class="checkout__totals-header">
                                                    <tr>
                                                        <th>Megnevezés</th>
                                                        <th style="min-width: 160px;">Összeg</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody class="checkout__totals-products">

                                                    @php $allInStock = true; @endphp
                                                    @foreach(Cart::getContent() as $item)
                                                        @php
                                                            if ($allInStock && (\App\Models\Product::find($item->attributes->product_id)->stock == 0)) $allInStock = false;
                                                        @endphp
                                                        <tr>
                                                            <td>{{ $item->name }} × {{ $item->quantity }}</td>
                                                            <td>{{ \App\Utils::priceForHumans($item->getPriceSum()) }}</td>
                                                        </tr>
                                                    @endforeach
                                                    </tbody>


                                                    @php
                                                        $grossPrice = \App\Utils::sumCartPriceWithoutShipping(Cart::getContent());
                                                        $grossPaymentPrice = \App\Models\Order::$PAYMENT_METHOD_COSTS[1];
                                                        $grossShippingPrice = \App\Utils::getShippingCost($grossPrice);
                                                    @endphp

                                                    <tbody class="checkout__totals-subtotals">
                                                    <tr>
                                                        <th>Termékek összege</th>
                                                        <td class="cart-price-box" data-price="{{ $grossPrice }}">{{ \App\Utils::priceForHumans($grossPrice) }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Fizetési mód</th>
                                                        <td class="payment-price-box" data-price="{{ $grossPaymentPrice }}">{{ \App\Utils::priceForHumans($grossPaymentPrice) }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Szállítási mód</th>
                                                        <td class="shipping-price-box" data-price="{{ $grossShippingPrice }}">{{ \App\Utils::priceForHumans($grossShippingPrice) }}</td>
                                                    </tr>
                                                    </tbody>
                                                    <tfoot class="checkout__totals-footer">
                                                    <tr>
                                                        <th>Összeg</th>
                                                        <td class="summary-price-box">{{ \App\Utils::priceForHumans($grossPrice + $grossPaymentPrice + $grossShippingPrice) }}</td>
                                                    </tr>
                                                    </tfoot>
                                                </table>
                                                <div class="checkout__payment-methods payment-methods" style="margin-top: 2em">
                                                    <ul class="payment-methods__list">

                                                        @foreach(\App\Models\Order::$PAYMENT_METHOD_VALUES as $paymentMethodId => $paymentMethodName)

                                                                                                        @php if ($paymentMethodId == 0 && (!auth()->check() || auth()->user()->email != "teszt@darknetworks.hu")) continue; @endphp

                                                            @php $paymentMethodCost = \App\Models\Order::$PAYMENT_METHOD_COSTS[$paymentMethodId] @endphp

                                                            {{--                                            @if($paymentMethodId != 0 || $allInStock)--}}

                                                            <li class="payment-methods__item">
                                                                <label class="payment-methods__item-header">
                                                        <span class="payment-methods__item-radio input-radio">
                                                            <span class="input-radio__body">
                                                                <input class="input-radio__input" name="payment_method" value="{{ $paymentMethodId }}" type="radio" @if($paymentMethodId == 1) checked @endif data-cost="{{ $paymentMethodCost }}">
                                                                <span class="input-radio__circle"></span>
                                                            </span>
                                                        </span>
                                                                    <span class="payment-methods__item-title">
                                                            {{ $paymentMethodName }}
                                                                        @if($paymentMethodCost > 0)
                                                                            (+ {{ \App\Utils::priceForHumans($paymentMethodCost) }})
                                                                        @endif
                                                        </span>
                                                                </label>
                                                                {{--                                                <div class="payment-methods__item-container">--}}
                                                                {{--                                                    <div class="payment-methods__item-details text-muted">--}}
                                                                {{--                                                        Készpénzes fizetés az átvételkor.--}}
                                                                {{--                                                    </div>--}}
                                                                {{--                                                </div>--}}
                                                                @if($paymentMethodId == 0)
                                                                    <a href="http://simplepartner.hu/PaymentService/Fizetesi_tajekoztato.pdf"
                                                                       target="_blank">
                                                                        <img src="{{ asset('assets/img/simplepay_logo.png') }}"
                                                                             class="img-fluid my-3 pr-3"
                                                                             title=" SimplePay - Online bankkártyás fizetés"
                                                                             alt=" SimplePay vásárlói tájékoztató">
                                                                    </a>
                                                                @endif
                                                            </li>

                                                            {{--                                            @endif--}}

                                                        @endforeach

                                                    </ul>
                                                </div>
                                                <div class="checkout__payment-methods payment-methods">
                                                    <ul class="payment-methods__list">

                                                        @foreach(\App\Models\Order::$SHIPPING_METHOD_VALUES as $shippingMethodId => $shippingMethodName)
                                                            <li class="payment-methods__item">
                                                                <label class="payment-methods__item-header">
                                                    <span class="payment-methods__item-radio input-radio">
                                                        <span class="input-radio__body">
                                                            <input class="input-radio__input" name="shipping_method" value="{{ $shippingMethodId }}" type="radio" @if($loop->index == 0) checked @endif data-cost="{{ $shippingMethodId == 1 ? 0 : $grossShippingPrice }}">
                                                            <span class="input-radio__circle"></span>
                                                        </span>
                                                    </span>
                                                                    <span class="payment-methods__item-title">{{ $shippingMethodName }}</span>
                                                                </label>
                                                                {{--                                                <div class="payment-methods__item-container">--}}
                                                                {{--                                                    <div class="payment-methods__item-details text-muted">--}}
                                                                {{--                                                        Készpénzes fizetés az átvételkor.--}}
                                                                {{--                                                    </div>--}}
                                                                {{--                                                </div>--}}
                                                            </li>
                                                        @endforeach

                                                    </ul>
                                                </div>
                                                <div class="checkout__agree form-group">
                                                    <div class="form-check">
                                            <span class="input-check form-check-input">
                                                <span class="input-check__body">
                                                    <input class="input-check__input" type="checkbox" id="checkout-terms" name="confirm" required>
{{--                                                    <span class="input-check__box"></span>--}}
{{--                                                    <span class="input-check__icon"><svg width="9px" height="7px">--}}
{{--                                                            <path d="M9,1.395L3.46,7L0,3.5L1.383,2.095L3.46,4.2L7.617,0L9,1.395Z" />--}}
{{--                                                        </svg>--}}
{{--                                                    </span>--}}
                                                </span>
                                            </span>
                                                        <label class="form-check-label" for="checkout-terms">
                                                            Elolvastam és elfogadom a <a target="_blank" href="{{ url('/altalanos-szerzodesi-feltetelek') }}">felhasználási feltételeket.</a>
                                                        </label>
                                                    </div>
                                                </div>
                                                <button type="submit" class="btn btn--secondary btn--block">Megrendelés</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                        </form>

                    </div>

                </div>

            </div>

        </div>

    </section>

@endsection