@extends('layouts.webshop')

@section('main-content')

{{-- <style>

.order-form input[type="text"],
.order-form select.form-control,
.order-form input[type="password"] {
  background: transparent;
  border: none;
  border-bottom: 1px solid #000000;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

.order-form input[type="text"]:focus,
.order-form select.form-control:focus,
.order-form input[type="password"]:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.order-form .form-control {
  border: 0;
  transition: border 0s ease-out;
}

.order-form .form-control:focus {
  background: transparent;
  border-bottom: 2px solid #a40c01;
  transition-duration: 0.3s;
}


.order-form input[type="checkbox"],
.order-form input[type="radio"] {
    accent-color: #a40c01!important;
    transform: scale(1.5);
}

.form-check-input {
  margin-top: .45rem;
  margin-left: -1.5rem;
}
</style> --}}

@php
    $user = auth()->guard('customer')->user() ?? null;

    if($user) {
        $billing_address = $user->address ?? null;
        $shipping_address = $user->shipping_address ?? null;

        if (isset($billing_address) && isset($shipping_address) && $billing_address->id == $shipping_address->id) {
            $shipping_address = null;
            $different_shipping_address = false;
        }
    }
@endphp

<div class="order-form container py-5">
    <div style="background-color: #d9d9d9;">

        @if(isset($status))
            @if($status === 'ok')
                <h5 class="text-center font-weight-bold py-5">Köszönjük a megrendelést.</h5>
            @endif

            @if($status === 'session_timeout')
                <h5 class="text-center font-weight-bold py-5">Lejárt a munkamenet, kezd újra.</h5>
            @endif
        @elseif(empty(session('cart')))
            <h5 class="text-center font-weight-bold py-5">A kosár üres.</h5>
        @else
            @foreach ( $products as $product )
                @include('webshop.list_card', ['product' => $product, 'cart' => true])
            @endforeach

            <form action="{{url('order')}}" method="post">
            @csrf
                <div style="background: #a40c01;" class="text-center">
                    <p class="p-4 text-light font-weight-bold">
                    @if($closing_hours)
                        A szállítás várható időpontja: {{$closing_hours->to}} <br>
                        {{$closing_hours->title}} ({{$closing_hours->description}})
                    @else
                        A szállítás várható időpontja: {{ date('Y.m.d.', strtotime("+7 day")) }}
                    @endif
                    </p>
                </div>
                <div class="row mx-2 mx-md-5 px-md-5 m-md-0 border-secondary border-bottom">
                    <div class="col-12 col-md-6 p-3">
                        <h5 class="text-left font-weight-bold">Szállítási mód:</h5>

                        <div class="form-check mb-3">
                            <input class="form-check-input" type="radio" name="shipping" id="shipping1" value="posta" @if(old('shipping') == 'posta') checked @endif />
                            <label class="form-check-label font-weight-bold" for="shipping1">
                                Házhozszállítás
                            </label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="shipping" id="shipping2" value="személyes átvétel" @if(!old('shipping') || old('shipping') == 'személyes átvétel') checked @endif />
                            <label class="form-check-label font-weight-bold" for="shipping2">
                                Személyes átvétel
                            </label>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 text-right">
                        <input type="hidden" id="postalfee" value="{{ number_format($postalFee, 0, '', ' ') }}" />
                        <input type="hidden" id="total" value="{{ number_format($total, 0, '', ' ') }}" />
                        <input type="hidden" id="totalwithpostalfee" value="{{ number_format($total + $postalFee, 0, '', ' ') }}" />
                        <h5 class="font-weight-bold">Összes tétel:</h5>
                        <p>Áru értéke: {{ number_format($total, 0, '', ' ') }} Ft</p>
                        <p>Szállítási díj: <span id="show_postalfee">@if(!old('shipping') || old('shipping') == 'személyes átvétel') 0 @else {{ number_format($postalFee, 0, '', ' ') }} @endif</span> Ft</p>
                        <h5 class="font-weight-bold" style="color: #a40c01;">Összérték: <span id="show_cost">@if(!old('shipping') || old('shipping') == 'személyes átvétel') 0 @else {{ number_format($total + $postalFee, 0, '', ' ') }} @endif</span> Ft</h5>
                    </div>
                </div>

                <div class="row">
                    <div class="col-0 col-md-3"></div>
                    <div class="col-12 col-md-6 p-4">
                        <h5 class="text-center mb-4 font-weight-bold">Személyes adatok:</h5>

                        <div class="form-check text-center mb-3">
                            <div class="d-inline mr-5">
                                <input class="form-check-input" type="radio" name="company" id="company1" value="false" @if(!old('company') || old('company') == 'false' || (isset($user->is_company) && !$user->is_company) ) checked @endif/>
                                <label class="form-check-label font-weight-bold" for="company1">
                                    Magánszemély
                                </label>
                            </div>
                            <div class="d-inline">
                                <input class="form-check-input" type="radio" name="company" id="company2" value="true" @if(old('company') == 'true' || (isset($user->is_company) && $user->is_company)) checked @endif/>
                                <label class="form-check-label font-weight-bold" for="company2">
                                    Cég
                                </label>
                            </div>
                        </div>

                        <div class="company-container @if((!old('company') || old('company') == 'false') && (!isset($user->is_company) || !$user->is_company) ) d-none @endif">
                            <div class="form-group">
                                <div class="component">
                                    <input type="text" name="company_name" id="company_name" value="{{ $user->company_name ?? old('company_name') }}" class="form-control" placeholder="cégnév" maxlength="100" autocomplete="off">
                                    @if($errors->registerwithorder->any() && $errors->registerwithorder->has('company_name'))
                                        <span class="invalid-feedback" style="display: block;" role="alert">
                                            <strong>{{ $errors->registerwithorder->get('company_name')[0] }}</strong>
                                        </span>
                                    @endif
                                    <span class="invalid-feedback" role="alert"></span>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="component">
                                    <input type="text" name="tax_number" id="tax_number" value="{{ $user->tax_number ?? old('tax_number') }}" class="form-control" placeholder="adószám" maxlength="100" autocomplete="off">
                                    @if($errors->registerwithorder->any() && $errors->registerwithorder->has('tax_number'))
                                        <span class="invalid-feedback" style="display: block;" role="alert">
                                            <strong>{{ $errors->registerwithorder->get('tax_number')[0] }}</strong>
                                        </span>
                                    @endif
                                    <span class="invalid-feedback" role="alert"></span>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="component">
                                <input type="text" name="last_name" id="last_name" value="{{ $user->last_name ?? old('last_name') }}" class="form-control" placeholder="vezetéknév" maxlength="100" autocomplete="off">
                                @if($errors->registerwithorder->any() && $errors->registerwithorder->has('last_name'))
                                    <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $errors->registerwithorder->get('last_name')[0] }}</strong>
                                    </span>
                                @endif
                                <span class="invalid-feedback" role="alert"></span>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="component">
                                <input type="text" name="first_name" id="first_name" value="{{ $user->first_name ?? old('first_name') }}" class="form-control" placeholder="keresztnév" maxlength="100" autocomplete="off">
                                @if($errors->registerwithorder->any() && $errors->registerwithorder->has('first_name'))
                                    <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $errors->registerwithorder->get('first_name')[0] }}</strong>
                                    </span>
                                @endif
                                <span class="invalid-feedback" role="alert"></span>
                            </div>
                        </div>

                        @if (!auth()->guard('customer')->user())
                        <div class="form-group">
                            <div class="component">
                                <input type="text" name="email" id="email" value="{{ $user->email ?? old('email') }}" class="form-control" placeholder="email" maxlength="100" autocomplete="off">
                                @if($errors->registerwithorder->any() && $errors->registerwithorder->has('email'))
                                    <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $errors->registerwithorder->get('email')[0] }}</strong>
                                    </span>
                                @endif
                                <span class="invalid-feedback" role="alert"></span>
                            </div>
                        </div>
                        @endif

                        <div class="form-group">
                            <div class="component">
                                <input type="text" name="phone" id="phone" value="{{ $user->phone ?? old('phone') }}" class="form-control" placeholder="telefonszám" maxlength="100" autocomplete="off">
                                @if($errors->registerwithorder->any() && $errors->registerwithorder->has('phone'))
                                    <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $errors->registerwithorder->get('phone')[0] }}</strong>
                                    </span>
                                @endif
                                <span class="invalid-feedback" role="alert"></span>
                            </div>
                        </div>

                        {{-- Számlázási cím --}}
                        <div class="address-container">
                            <h5 class="text-center my-4 font-weight-bold">Számlázási cím:</h5>

                            <div class="row">
                                <div class="col-6 col-md-4">
                                    <div class="form-group">
                                        <input type="text" name="billing_zip" id="billing_zip" value="{{ old('billing_zip') ? old('billing_zip') : $billing_address->postal_code ?? null }}" class="form-control" placeholder="irányítószám" maxlength="100" autocomplete="off">
                                        @if($errors->registerwithorder->any() && $errors->registerwithorder->has('billing_zip'))
                                            <span class="invalid-feedback" style="display: block;" role="alert">
                                                <strong>{{ $errors->registerwithorder->get('billing_zip')[0] }}</strong>
                                            </span>
                                        @endif
                                        <span class="invalid-feedback" role="alert"></span>
                                    </div>
                                </div>
                                <div class="col-6 col-md-8">
                                    <div class="form-group">
                                        <input type="text" name="billing_city" id="billing_city" value="{{ old('billing_city') ? old('billing_city') : $billing_address->city ?? null }}" class="form-control" placeholder="város" maxlength="100" autocomplete="off">
                                        @if($errors->registerwithorder->any() && $errors->registerwithorder->has('billing_city'))
                                            <span class="invalid-feedback" style="display: block;" role="alert">
                                                <strong>{{ $errors->registerwithorder->get('billing_city')[0] }}</strong>
                                            </span>
                                        @endif
                                        <span class="invalid-feedback" role="alert"></span>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="component">
                                    <input type="text" name="billing_address" id="billing_address" value="{{ old('billing_address') ? old('billing_address') : $billing_address->address ?? null }}" class="form-control" placeholder="utca, házszám" maxlength="100" autocomplete="off">
                                    @if($errors->registerwithorder->any() && $errors->registerwithorder->has('billing_address'))
                                        <span class="invalid-feedback" style="display: block;" role="alert">
                                            <strong>{{ $errors->registerwithorder->get('billing_address')[0] }}</strong>
                                        </span>
                                    @endif
                                    <span class="invalid-feedback" role="alert"></span>
                                </div>
                            </div>
                        </div>

                        <div class="shipping_address-container @if(!old('shipping') || old('shipping') == 'személyes átvétel') d-none @endif">

                            <div class="form-check mt-5">
                                <input class="form-check-input" type="checkbox" value="{{ old('different_shipping_address') ?? 1 }}" @if(old('different_shipping_address') || (isset($shipping_address) && $shipping_address)) checked @endif id="different_shipping_address" name="different_shipping_address" onchange="($(this).is(':checked') == true) ? $('.different_shipping_address-container').removeClass('d-none') : $('.different_shipping_address-container').addClass('d-none');"/>
                                <label class="form-check-label" for="different_shipping_address">
                                    Eltérő szállítási cím
                                </label>
                            </div>

                            {{-- Szállítási cím --}}
                            <div class="different_shipping_address-container @if((!old('different_shipping_address') || old('different_shipping_address') != 1) && !(isset($shipping_address) && $shipping_address))) d-none @endif">
                                <h5 class="text-center my-4 font-weight-bold">Szállítási cím:</h5>

                                <div class="row">
                                    <div class="col-6 col-md-4">
                                        <div class="form-group">
                                            <input type="text" name="shipping_zip" id="shipping_zip" value="{{ old('shipping_zip') ? old('shipping_zip') : $shipping_address->postal_code ?? null }}" class="form-control" placeholder="irányítószám" maxlength="100" autocomplete="off">
                                            @if($errors->registerwithorder->any() && $errors->registerwithorder->has('shipping_zip'))
                                                <span class="invalid-feedback" style="display: block;" role="alert">
                                                    <strong>{{ $errors->registerwithorder->get('shipping_zip')[0] }}</strong>
                                                </span>
                                            @endif
                                            <span class="invalid-feedback" role="alert"></span>
                                        </div>
                                    </div>
                                    <div class="col-6 col-md-8">
                                        <div class="form-group">
                                            <input type="text" name="shipping_city" id="shipping_city" value="{{ old('shipping_city') ? old('shipping_city') : $shipping_address->city ?? null }}" class="form-control" placeholder="város" maxlength="100" autocomplete="off">
                                            @if($errors->registerwithorder->any() && $errors->registerwithorder->has('shipping_city'))
                                                <span class="invalid-feedback" style="display: block;" role="alert">
                                                    <strong>{{ $errors->registerwithorder->get('shipping_city')[0] }}</strong>
                                                </span>
                                            @endif
                                            <span class="invalid-feedback" role="alert"></span>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="component">
                                        <input type="text" name="shipping_address" id="shipping_address" value="{{ old('shipping_address') ? old('shipping_address') : $shipping_address->address ?? null }}" class="form-control" placeholder="utca, házszám" maxlength="100" autocomplete="off">
                                        @if($errors->registerwithorder->any() && $errors->registerwithorder->has('shipping_address'))
                                            <span class="invalid-feedback" style="display: block;" role="alert">
                                                <strong>{{ $errors->registerwithorder->get('shipping_address')[0] }}</strong>
                                            </span>
                                        @endif
                                        <span class="invalid-feedback" role="alert"></span>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- START Regisztráció --}}
                        @if(!auth()->guard('customer')->user())
                        <div class="form-check mt-5">
                            <input class="form-check-input" type="checkbox" value="{{ old('register') ?? 1 }}" @if(old('register')) checked @endif id="register" name="register" onchange="($(this).is(':checked') == true) ? $('.register-container').removeClass('d-none') : $('.register-container').addClass('d-none');"/>
                            <label class="form-check-label" for="register">
                                Szeretnék regisztrálni
                            </label>
                        </div>

                        <div class="register-container @if(old('register') == 1) @else d-none @endif">
                            <h5 class="text-center my-4 font-weight-bold">Regisztráció:</h5>

                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group">
                                        <div class="component">
                                            <input type="password" name="password" id="password" value="" class="form-control" placeholder="{{ __('Jelszó') }}" autocomplete="off">
                                            @if($errors->registerwithorder->any() && $errors->registerwithorder->has('password'))
                                                <span class="invalid-feedback" style="display: block;" role="alert">
                                                    <strong>{{ $errors->registerwithorder->get('password')[0] }}</strong>
                                                </span>
                                            @endif
                                            <span class="invalid-feedback" role="alert"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <div class="component">
                                            <input type="password" name="password_confirmation" id="password_confirmation" value="" class="form-control" placeholder="{{ __('Jelszó megerősítése') }}" autocomplete="off">
                                            @if($errors->registerwithorder->any() && $errors->registerwithorder->has('password_confirmation'))
                                                <span class="invalid-feedback" style="display: block;" role="alert">
                                                    <strong>{{ $errors->registerwithorder->get('password_confirmation')[0] }}</strong>
                                                </span>
                                            @enderror
                                            <span class="invalid-feedback" role="alert"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif
                        {{-- END Regisztráció --}}

                        <h5 class="text-center my-4 font-weight-bold">Fizetési mód:</h5>

                        <div class="container">
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="payment" id="payment1" value="utánvét" checked  />
                                <label class="form-check-label font-weight-bold" for="payment1">
                                    Utánvét
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="payment" id="payment2" value="átutalás"/>
                                <label class="form-check-label font-weight-bold" for="payment2">
                                    Banki utalás
                                </label>
                            </div>
                        </div>

{{--
                        <div class="form-group">
                            <div class="custom-control custom-checkbox small input-group">
                                <input type="checkbox" class="custom-control-input" name="privacy" id="privacy2" {{ old('privacy') ? 'checked' : '' }} required>
                                <label class="custom-control-label" for="privacy">{{ __('Elfogadom az adatkezelési nyilatkozatot') }}</label>
                            </div>
                        </div> --}}

                        <div class="container">
                            <div class="form-check mt-5">
                                <input class="form-check-input" type="checkbox" {{ old('privacy') ? 'checked' : '' }} id="privacy" name="privacy" value="true"/>
                                <label class="form-check-label" for="privacy">
                                    Elfogadom az <a href="{{ route('terms') }}" target="_blank" style="color: #a40c01;">ÁSZF</a>-et.
                                </label>
                                @if($errors->registerwithorder->any() && $errors->registerwithorder->has('privacy'))
                                    <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $errors->registerwithorder->get('privacy')[0] }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group mt-3">
                            <button type="submit" class="mt-3 p-3 btn btn-primary w-100" style="border-radius: 0px !important">Megrendelem</button>
                        </div>
                    </div>
                    <div class="col-0 col-md-3"></div>
                </div>
            </form>
        @endif
    </div>
</div>

@push('scripts')
<script>
$('input[name=shipping]').change(function(){
    var value = $( 'input[name=shipping]:checked' ).val();

    if (value == 'posta') {
        $('.shipping_address-container').removeClass('d-none');

        $('#show_postalfee').html($('#postalfee').val());
        $('#show_cost').html($('#totalwithpostalfee').val());
    } else if(value == 'személyes átvétel') {
        $('.shipping_address-container').addClass('d-none');

        $('#show_postalfee').html('0');
        $('#show_cost').html($('#total').val());
    }
});

$('input[name=different_shipping_address]').change(function(){
    var value = $( 'input[name=different_shipping_address]:checked' ).val();

    if (value == 'true') {
        $('.different_shipping_address-container').removeClass('d-none');
    } else if(value == 'false') {
        $('.different_shipping_address-container').addClass('d-none');
    }
});

$('input[name=company]').change(function(){
    var value = $( 'input[name=company]:checked' ).val();

    if (value == 'true') {
        $('.company-container').removeClass('d-none');
    } else if(value == 'false') {
        $('.company-container').addClass('d-none');
    }
});
</script>
@endpush
@endsection