@extends('layouts.webshop')

@section('main-content')

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

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

        @if (session('success_profile_update'))
        <div class="d-flex">
            <div class="d-inline-block alert alert-success border-left-success alert-dismissible fade show w-50 mt-4 mx-auto" role="alert">
                {{ session('success_profile_update') }}
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        </div>
        @endif
        
            <form action="{{ route('customer.profile.update') }}" method="POST">
                @csrf

                <div class="row m-3 m-md-0">
                    <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="row">
                                <div class="col-12 d-flex d-md-inline col-md-6">
                                    <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' || !$user->is_company ) checked @endif/>
                                        <label class="form-check-label font-weight-bold" for="company1">
                                            Magánszemély
                                        </label>
                                    </div>
                                </div>
                                <div class="col-12 d-flex d-md-inline col-md-6">
                                    <div class="d-inline">
                                        <input class="form-check-input" type="radio" name="company" id="company2" value="true" @if(old('company') == 'true' || $user->is_company) checked @endif/>
                                        <label class="form-check-label font-weight-bold" for="company2">
                                            Cég
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="company-container @if((!old('company') || old('company') == 'false') && !$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->updateprofile->any() && $errors->updateprofile->has('company_name'))
                                        <span class="invalid-feedback" style="display: block;" role="alert">
                                            <strong>{{ $errors->updateprofile->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->updateprofile->any() && $errors->updateprofile->has('tax_number'))
                                        <span class="invalid-feedback" style="display: block;" role="alert">
                                            <strong>{{ $errors->updateprofile->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->updateprofile->any() && $errors->updateprofile->has('last_name'))
                                    <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $errors->updateprofile->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->updateprofile->any() && $errors->updateprofile->has('first_name'))
                                    <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $errors->updateprofile->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->updateprofile->any() && $errors->updateprofile->has('email'))
                                    <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $errors->updateprofile->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->updateprofile->any() && $errors->updateprofile->has('phone'))
                                    <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $errors->updateprofile->get('phone')[0] }}</strong>
                                    </span>
                                @endif
                                <span class="invalid-feedback" role="alert"></span>
                            </div>
                        </div>

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

                            @php
                                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
                            
                            {{-- Számlázási cím --}}
                            <div class="row">
                                <div class="col-12 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->updateprofile->any() && $errors->updateprofile->has('billing_zip'))
                                            <span class="invalid-feedback" style="display: block;" role="alert">
                                                <strong>{{ $errors->updateprofile->get('billing_zip')[0] }}</strong>
                                            </span>
                                        @endif
                                        <span class="invalid-feedback" role="alert"></span>
                                    </div>
                                </div>
                                <div class="col-12 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->updateprofile->any() && $errors->updateprofile->has('billing_city'))
                                            <span class="invalid-feedback" style="display: block;" role="alert">
                                                <strong>{{ $errors->updateprofile->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->updateprofile->any() && $errors->updateprofile->has('billing_address'))
                                        <span class="invalid-feedback" style="display: block;" role="alert">
                                            <strong>{{ $errors->updateprofile->get('billing_address')[0] }}</strong>
                                        </span>
                                    @endif
                                    <span class="invalid-feedback" role="alert"></span>
                                </div>
                            </div>
                        </div>

                        <div class="shipping_address-container">

                            <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-12 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->updateprofile->any() && $errors->updateprofile->has('shipping_zip'))
                                                <span class="invalid-feedback" style="display: block;" role="alert">
                                                    <strong>{{ $errors->updateprofile->get('shipping_zip')[0] }}</strong>
                                                </span>
                                            @endif
                                            <span class="invalid-feedback" role="alert"></span>
                                        </div>
                                    </div>
                                    <div class="col-12 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->updateprofile->any() && $errors->updateprofile->has('shipping_city'))
                                                <span class="invalid-feedback" style="display: block;" role="alert">
                                                    <strong>{{ $errors->updateprofile->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->updateprofile->any() && $errors->updateprofile->has('shipping_address'))
                                            <span class="invalid-feedback" style="display: block;" role="alert">
                                                <strong>{{ $errors->updateprofile->get('shipping_address')[0] }}</strong>
                                            </span>
                                        @endif
                                        <span class="invalid-feedback" role="alert"></span>
                                    </div>
                                </div>
                            </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">Mentés</button>
                        </div>
                    </div>
                    <div class="col-0 col-md-3"></div>
                </div>
            </form>
    </div>
</div>

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

        @if (session('success_password_change'))
        <div class="d-flex">
            <div class="d-inline-block alert alert-success border-left-success alert-dismissible fade show w-50 mt-4 mx-auto" role="alert">
                {{ session('success_password_change') }}
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        </div>
        @endif
        
            <form action="{{ route('customer.profile.password.update') }}" method="POST">
                @csrf

                <div class="row m-3 m-md-0">
                    <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">Jelszó módosítás:</h5>

                        {{-- <div class="form-group">
                            <div class="component">
                                <input type="password" name="current_password" id="current_password" value="{{ old('current_password') }}" class="form-control" placeholder="Jelenlegi jelszó">
                                @if($errors->updatepassword->any() && $errors->updatepassword->has('current_password'))
                                    <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $errors->updatepassword->get('current_password')[0] }}</strong>
                                    </span>
                                @endif
                                <span class="invalid-feedback" role="alert"></span>
                            </div>
                        </div> --}}

                        <div class="form-group">
                            <div class="component">
                                <input type="password" name="new_password" id="new_password" value="{{ old('new_password') }}" class="form-control" placeholder="Új jelszó">
                                @if($errors->updatepassword->any() && $errors->updatepassword->has('new_password'))
                                    <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $errors->updatepassword->get('new_password')[0] }}</strong>
                                    </span>
                                @endif
                                <span class="invalid-feedback" role="alert"></span>
                            </div>
                        </div>


                        <div class="form-group">
                            <div class="component">
                                <input type="password" name="password_confirmation" id="password_confirmation" value="{{ old('password_confirmation') }}" class="form-control" placeholder="Új jelszó megerősítése">
                                @if($errors->updatepassword->any() && $errors->updatepassword->has('password_confirmation'))
                                    <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $errors->updatepassword->get('password_confirmation')[0] }}</strong>
                                    </span>
                                @endif
                                <span class="invalid-feedback" role="alert"></span>
                            </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">Mentés</button>
                        </div>
                    </div>
                    <div class="col-0 col-md-3"></div>
                </div>
            </form>
    </div>
</div>

@push('scripts')
<script>
    $('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