@extends('layouts.app')

@section('meta-title'){{ $page->seo_title }} @endsection
@section('meta-keywords'){{ $page->seo_keywords }} @endsection
@section('meta-description'){{ $page->seo_description }} @endsection
@section('meta-image'){{ $page->getFirstMediaUrl('seo_image', 'thumbnail') }} @endsection

@section('content')
    {{--Szükséges inputok:--}}
    {{--customer_tax_number--}}
    {{--customer_email                  (required)--}}
    {{--customer_phone                  (required)--}}
    {{--customer_billing_name           (required)--}}
    {{--customer_billing_postal_code    (required)--}}
    {{--customer_billing_city           (required)--}}
    {{--customer_billing_address        (required)--}}
    {{--customer_delivery_name          (required)--}}
    {{--customer_delivery_postal_code   (required)--}}
    {{--customer_delivery_city          (required)--}}
    {{--customer_delivery_address       (required)--}}
    {{--payment_type                    (ez lehet: "Bankkártya" vagy "Utánvét")--}}

    <form method="post">
        @csrf
        <section id="purchase-billing-information" class="vasarlas bg-one c-black pt-100 pb-50">
            <div class="container">

                <div class="row justify-content-center">
                    <div class="col-md-6">
                        <div class="title-h2 t-border b-border text-center">
                            <h1>Számlázási adatok</h1>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="col-md-5">
                        <div class="image">
                            <img src="{{ url('assets/images/bejelentkezes.png') }}" alt=""/>
                        </div>
                        <div class="billing-subtitle">
                            <span>1.)</span>
                            <p>Számlázási adatok</p>
                        </div>
                        {{-- customer_billing_name --}}
                        @include('webshop.includes.cart.input_text', ['name' => 'customer_billing_name', 'class' => 'mask-nonnumeric', 'required' => true, 'default' => session('billing_information.customer_billing_name'), 'data' => ['label-default' => __("validation.attributes.customer_name")."*", 'label-company' => __("validation.attributes.customer_name_company")."*"], 'placeholder' => 'Teljes név'])
                        {{-- customer_billing_address --}}
                        @include('webshop.includes.cart.input_text', ['name' => 'customer_billing_address', 'required' => true, 'default' => session('billing_information.customer_billing_address'), 'placeholder' => 'Cím.'])
                        {{-- customer_billing_city + customer_billing_postal_code --}}
                        <div class="row">
                            <div class="col-md-8">
                                @include('webshop.includes.cart.input_text', ['name' => 'customer_billing_city', 'class' => 'mask-nonnumeric', 'required' => true, 'default' => session('billing_information.customer_billing_city'), 'placeholder' => 'Város', 'label' => '', 'show_label' => false])
                            </div>
                            <div class="col-md-4">
                                @include('webshop.includes.cart.input_text', ['name' => 'customer_billing_postal_code', 'required' => true, 'default' => session('billing_information.customer_billing_postal_code'), 'class' => 'mask-postcode', 'placeholder' => 'Irsz.', 'label' => '', 'show_label' => false])
                            </div>
                        </div>
                        {{-- customer_tax_number --}}
                        @include('webshop.includes.cart.input_text', ['name' => 'customer_tax_number', 'class' => 'mask-tax-number', 'required' => false, 'default' => session('billing_information.customer_tax_number'), 'placeholder' => 'Adószám cég esetén', 'label' => 'Adószám cég esetén'])

                    </div>
                </div>

            </div>
        </section>

        <section id="purchase-billing-information-2" class="vasarlas bg-white c-black ptb-50">
            <div class="container">

                <div class="row justify-content-center">
                    <div class="col-md-5">
                        <div class="billing-subtitle">
                            <span>2.)</span>
                            <p>Szállítási adatok és mód</p>
                            <div class="form-group custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="delivery-equals-billing">
                                <label class="custom-control-label" for="delivery-equals-billing">
                                    Megegyezik a számlázási adatokkal.
                                </label>
                            </div>
                        </div>
                        {{-- customer_delivery_name --}}
                        @include('webshop.includes.cart.input_text', ['name' => 'customer_delivery_name', 'class' => 'mask-nonnumeric', 'required' => true, 'default' => session('billing_information.customer_delivery_name'), 'data' => ['label-default' => __("validation.attributes.customer_name")."*", 'label-company' => __("validation.attributes.customer_name_company")."*"], 'placeholder' => 'Teljes név'])
                        {{-- customer_delivery_address --}}
                        @include('webshop.includes.cart.input_text', ['name' => 'customer_delivery_address', 'required' => true, 'default' => session('billing_information.customer_delivery_address'), 'placeholder' => 'Cím.'])
                        {{-- customer_delivery_city + customer_delivery_postal_code --}}
                        <div class="row">
                            <div class="col-md-8">
                                @include('webshop.includes.cart.input_text', ['name' => 'customer_delivery_city', 'class' => 'mask-nonnumeric', 'required' => true, 'default' => session('billing_information.customer_delivery_city'), 'placeholder' => 'Város', 'label' => '', 'show_label' => false])
                            </div>
                            <div class="col-md-4">
                                @include('webshop.includes.cart.input_text', ['name' => 'customer_delivery_postal_code', 'required' => true, 'default' => session('billing_information.customer_delivery_postal_code'), 'class' => 'mask-postcode', 'class' => 'mask-postcode', 'placeholder' => 'Irsz.', 'label' => '', 'show_label' => false])
                            </div>
                        </div>

                        <div class="form-group custom-control custom-checkbox">
                            <input type="checkbox" name="priority_shipping" value="1" class="custom-control-input" id="check">
                            <label class="custom-control-label" for="check">
                                Elsőbbségi csomagként kérem, 1-2 munkanap (+ 790 Ft)
                            </label>
                        </div>

                        {{-- customer_email --}}
                        @if(!auth()->check())
                            @include('webshop.includes.cart.input_email', ['name' => 'customer_email', 'class' => 'mask-email', 'default' => session('billing_information.customer_email'), 'label' => 'E-mail*'])
                        @endif
                        {{-- customer_phone --}}
                        @include('webshop.includes.cart.input_text', ['name' => 'customer_phone', 'class' => 'mask-mobile', 'required' => true, 'default' => session('billing_information.customer_phone'), 'placeholder' => 'Telefonszám'])

                    </div>
                </div>

            </div>
        </section>

        <section id="purchase-billing-information-3" class="vasarlas bg-one c-black pt-50 pb-100">
            <div class="container">

                <div class="row justify-content-center">
                    <div class="col-md-5">
                        <div class="billing-subtitle">
                            <span>3.)</span>
                            <p>Fizetés</p>
                        </div>
                        <img src="{{ url('assets/images/simplepay.png') }}" class="img-fluid" />
                        <div class="custom-control custom-radio">
                            {!! Form::radio('payment_type', 'Bankkártya', true, ["class" => "custom-control-input", "id" => "input-payment_type-1"]) !!}
                            <label class="custom-control-label" for="input-payment_type-1">Bankkártya</label>
                            <div class="content">
                                <p>Tudomásul veszem, hogy a(z) Aha Marketing Kft. (1139 Budapest, Röppentyű u. 65.) adatkezelő által a(z) https://feherdieta.hu felhasználói adatbázisában tárolt alábbi személyes adataim átadásra kerülnek az OTP Mobil Kft., mint adatfeldolgozó részére. Az adatkezelő által továbbított adatok köre az alábbi: név, email cím, számlázási cím</p>
                                <p>Az adatfeldolgozó által végzett adatfeldolgozási tevékenység jellege és célja a SimplePay Adatkezelési tájékoztatóban, az alábbi linken tekinthető meg: <a href="http://simplepay.hu/vasarlo-aff" target="_blank">http://simplepay.hu/vasarlo-aff</a></p>
                            </div>
                        </div>
                        <div class="custom-control custom-radio t-border b-border">
                            {!! Form::radio('payment_type', 'Banki átutalás', true, ["class" => "custom-control-input", "id" => "input-payment_type-2"]) !!}
                            <label class="custom-control-label" for="input-payment_type-2">Banki átutalás</label>
                        </div>
                        <div class="custom-control custom-radio mb-20">
                            {!! Form::radio('payment_type', 'Utánvét', true, ["class" => "custom-control-input", "id" => "input-payment_type-3"]) !!}
                            <label class="custom-control-label" for="input-payment_type-3">Utánvét <span>(+1790 Ft)</span></label>
                        </div>
                        <button type="submit" class="btn btn-orange w-100">Megrendelés</button>
                        <div class="form-group back-link">
                            < Vissza a <a href="{{-- route('kosar') --}}">{{ __('Kosárhoz') }}</a>
                        </div>
                    </div>
                </div>

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

@endsection