@extends('users::panel.index')

@section('panel-main')
    @if (config('users.settings.avatar'))
        <form action="{{ route('user.panel.update-image') }}" method="post" class="form has-fileuploader" enctype="multipart/form-data">
            @csrf
            <h2 class="h3">{{ __('users::panel.my_data.avatar_section') }}</h2>
            <div class="form__group cmb">
                <div class="form__field">
                    <div class="profile-image-change__fileuploader fileuploader fileuploader-theme-thumbnails js-fileuploader-avatar" data-files-extensions="jpg,jpeg,png" data-files-size="5">
                        <input type="file" name="image" class="form__input js-fileuploader-input-avatar" data-fileuploader-files="{{ FileModel::fetchFileuploaderData(Auth::user()->image) }}">
                    </div>
                </div>
            </div>
            <div class="profile-image-change__body">
                <div class="profile-image-change__text">
                    <p>{{ __('users::panel.my_data.avatar_info', ['extensions' => 'jpg, jpeg, png', 'size' => '5MB']) }}</p>
                </div>
                <div class="profile-image-change__action">
                    <button type="submit" class="btn"><span>{{ __('users::panel.my_data.avatar_submit') }}</span></button>
                </div>
            </div>
        </form>
    @endif
    <form action="{{ route('user.panel.my-data') }}" method="post" class="form js-validate js-validate--ajax">
        @csrf
        <h2 class="h3">{{ __('users::panel.my_data.basic_section') }}</h2>
        <div class="row gutters-10">
            <div class="col-md-3 col-sm-6">
                <div class="form__group">
                    <label for="f-user-email" class="form__label">{{ __('users::fields.email') }}</label>
                    <div class="form__field">
                        <input type="text" name="email" value="{{ old('email', Auth::user()->email) }}" placeholder="{{ __('users::fields.placeholder') }}" class="form__input" id="f-user-email">
                    </div>
                </div>
            </div>
            @if (Auth::user()->password === null)
                <div class="col-md-3 col-sm-6">
                    <div class="form__group">
                        <label for="f-user-email" class="form__label">&nbsp;</label>
                        <div class="form__field">
                            <a href="{{ route('user.panel.my-data') }}?reset-password" data-post-form class="btn btn--small btn--outline">{{ __('users::panel.my_data.password_reset') }}</a>
                        </div>
                    </div>
                </div>
            @else
                <div class="col-md-3 col-sm-6">
                    <div class="form__group">
                        <label for="f-user-password-old" class="form__label">{{ __('users::fields.password_current') }}</label>
                        <div class="form__field">
                            <input type="password" name="old_password" placeholder="{{ __('users::fields.placeholder') }}" class="form__input" id="f-user-password-old">
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="form__group">
                        <label for="f-user-password-new" class="form__label">{{ __('users::fields.password_new') }}</label>
                        <div class="form__field">
                            <input type="password" name="password" placeholder="{{ __('users::fields.placeholder') }}" class="form__input" id="f-user-password-new">
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="form__group">
                        <label for="f-user-password-repeat" class="form__label">{{ __('users::fields.password_confirmation') }}</label>
                        <div class="form__field">
                            <input type="password" name="password_confirmation" placeholder="{{ __('users::fields.placeholder') }}" class="form__input" id="f-user-password-repeat">
                        </div>
                    </div>
                </div>
            @endif
        </div>
        @if (config('users.settings.address_data'))
            <hr class="mt-15">
            <h2 class="h3">{{ __('users::panel.my_data.address_section') }}</h2>
            @if (config('users.settings.account_type'))
                <div class="form__group">
                    <div class="row gutters-10">
                        <div class="col-xxs-12 col-xs-6 col-md-4">
                            <div class="form__field">
                                <div class="form__radio mt-5 mb-5">
                                    <label class="radio" for="f-user-type-private">
                                        <input type="radio" name="type" value="private" id="f-user-type-private" class="radio__input js-radio js-user-type-selector" autocomplete="off"{!! old('type', Auth::user()->type) === 'private' ? ' checked' : '' !!}>
                                        <span class="radio__text">
                                            <span class="radio__label">{{ __('users::fields.type_private') }}</span>
                                        </span>
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="col-xxs-12 col-xs-6 col-md-4">
                            <div class="form__field">
                                <div class="form__radio mt-5 mb-5">
                                    <label class="radio" for="f-user-type-company">
                                        <input type="radio" name="type" value="company" id="f-user-type-company" class="radio__input js-radio js-user-type-selector" autocomplete="off"{!! old('type', Auth::user()->type) === 'company' ? ' checked' : '' !!}>
                                        <span class="radio__text">
                                            <span class="radio__label">{{ __('users::fields.type_company') }}</span>
                                        </span>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
            <div class="row gutters-10">
                <div class="col-md-3 col-sm-6 js-user-company-field"{!! old('type', Auth::user()->type) === 'private' ? ' style="display:none"' : '' !!}>
                    <div class="form__group">
                        <label for="f-user-company" class="form__label">{{ __('users::fields.company') }}</label>
                        <div class="form__field">
                            <input type="text" name="company" id="f-user-company" value="{{ old('company', Auth::user()->company) }}" placeholder="{{ __('users::fields.placeholder') }}" class="form__input">
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 js-user-company-field"{!! old('type', Auth::user()->type) === 'private' ? ' style="display:none"' : '' !!}>
                    <div class="form__group">
                        <label for="f-user-tax-id" class="form__label">{{ __('users::fields.tax_id') }}</label>
                        <div class="form__field">
                            <input type="text" name="tax_id" id="f-user-tax-id" value="{{ old('tax_id', Auth::user()->tax_id) }}" placeholder="{{ __('users::fields.placeholder') }}" class="form__input">
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="form__group">
                        <label for="f-user-name" class="form__label">{{ __('users::fields.name') }}</label>
                        <div class="form__field">
                            <input type="text" name="name" id="f-user-name" value="{{ old('name', Auth::user()->name) }}" placeholder="{{ __('users::fields.placeholder') }}" class="form__input">
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="form__group">
                        <label for="f-user-surname" class="form__label">{{ __('users::fields.surname') }}</label>
                        <div class="form__field">
                            <input type="text" name="surname" id="f-user-surname" value="{{ old('surname', Auth::user()->surname) }}" placeholder="{{ __('users::fields.placeholder') }}" class="form__input">
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="form__group">
                        <label for="f-user-phone" class="form__label">{{ __('users::fields.phone') }}</label>
                        <div class="form__field">
                            <input type="text" name="phone" id="f-user-phone" value="{{ old('phone', Auth::user()->phone) }}" placeholder="{{ __('users::fields.placeholder') }}" class="form__input">
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="form__group">
                        <label for="f-user-address" class="form__label">{{ __('users::fields.address') }}</label>
                        <div class="form__field">
                            <input type="text" name="address" id="f-user-address" value="{{ old('address', Auth::user()->address) }}" placeholder="{{ __('users::fields.placeholder') }}" class="form__input">
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="form__group">
                        <label for="f-user-postcode" class="form__label">{{ __('users::fields.postcode') }}</label>
                        <div class="form__field">
                            <input type="text" name="postcode" id="f-user-postcode" value="{{ old('postcode', Auth::user()->postcode) }}" placeholder="{{ __('users::fields.placeholder') }}" class="form__input">
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="form__group">
                        <label for="f-user-city" class="form__label">{{ __('users::fields.city') }}</label>
                        <div class="form__field">
                            <input type="text" name="city" id="f-user-city" value="{{ old('city', Auth::user()->city) }}" placeholder="{{ __('users::fields.placeholder') }}" class="form__input">
                        </div>
                    </div>
                </div>
            </div>
        @endif
        @if (config('users.settings.invoice_data'))
            <hr class="mt-15">
            <h2 class="h3">{{ __('users::panel.my_data.invoice_section') }}</h2>
            <div class="form__group">
                <div class="form__field">
                    <div class="form__checkbox mb-30">
                        <label class="checkbox">
                            <input type="checkbox" name="invoice_other" value="1"{!! old('invoice_other', Auth::user()->invoice_other) ? ' checked' : '' !!} id="f-invoice-other" class="checkbox__input js-checkbox" data-show-hide=".js-invoice-data" autocomplete="off">
                            <span class="checkbox__text">
                                <span class="checkbox__label">{{ __('users::fields.invoice_other') }}</span>
                            </span>
                        </label>
                    </div>
                </div>
            </div>

            <div class="js-invoice-data" style="display: none;">
                <div class="row gutters-10">
                    <div class="col-md-3 col-sm-6">
                        <div class="form__group">
                            <label for="f-invoice-name" class="form__label">{{ __('users::fields.invoice_name') }}</label>
                            <div class="form__field">
                                <input type="text" name="invoice_name" id="f-invoice-name" value="{{ old('invoice_name', Auth::user()->invoice_name) }}" placeholder="{{ __('users::fields.placeholder') }}" class="form__input">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="form__group">
                            <label for="f-invoice-address" class="form__label">{{ __('users::fields.invoice_address') }}</label>
                            <div class="form__field">
                                <input type="text" name="invoice_address" id="f-invoice-address" value="{{ old('invoice_address', Auth::user()->invoice_address) }}" placeholder="{{ __('users::fields.placeholder') }}" class="form__input">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="form__group">
                            <label for="f-invoice-postcode" class="form__label">{{ __('users::fields.invoice_postcode') }}</label>
                            <div class="form__field">
                                <input type="text" name="invoice_postcode" id="f-invoice-postcode" value="{{ old('invoice_postcode', Auth::user()->invoice_postcode) }}" placeholder="{{ __('users::fields.placeholder') }}" class="form__input">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="form__group">
                            <label for="f-invoice-city" class="form__label">{{ __('users::fields.invoice_city') }}</label>
                            <div class="form__field">
                                <input type="text" name="invoice_city" id="f-invoice-city" value="{{ old('invoice_city', Auth::user()->invoice_city) }}" placeholder="{{ __('users::fields.placeholder') }}" class="form__input">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="form__group">
                            <label for="f-invoice-tax-id" class="form__label">{{ __('users::fields.invoice_tax_id') }}</label>
                            <div class="form__field">
                                <input type="text" name="invoice_tax_id" id="f-invoice-tax-id" value="{{ old('invoice_tax_id', Auth::user()->invoice_tax_id) }}" placeholder="{{ __('users::fields.placeholder') }}" class="form__input">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif
        <hr class="mt-15">

        <div class="form__actions text-right">
            <button type="submit" class="btn">{{ __('users::panel.my_data.button') }}</button>
        </div>
    </form>
@endsection