@extends('layout')

@section('title') {{MultilanguageController::t_leng('Настройки аккаунта')}} @endsection

@section('main_content')
<style>
    
    #setting span {
        border-bottom: 1px solid #FFFFFF;
    }
</style>
<section class="flex lk_page">
@include('partials.userbuynav')
    <div class="lk_page_content">
        @include('partials.userheader')

        <div class="settings_form flex wow animate__fadeIn" >
        @if(!empty($user[0]->avatar))
            <img class="lazy avatar_profile" data-src="/bezbrok/storage/app/public/uploads/{{$user[0]->avatar}}" alt="{{$user[0]->name}}" id="profile_avatar">
            @else
            <img class="lazy avatar_profile" data-src="/bezbrok/storage/app/public/nonavatar.png" alt="{{$user[0]->name}}" id="profile_avatar">
            @endif
            <form class="flex" action="/{{MultilanguageController::currLang()}}/profile/setting/update" method="POST" enctype="multipart/form-data">
            @csrf
            <input type="file" name="avatar" id="avatar_input">
            <label for="avatar_input" class="get_avatar">{{MultilanguageController::t_leng('Изменить фото')}}</label>

        
        
            <div class="parofile_check flex">
                <div class="check_surname @if($user[0]->show_surname == 0) active @endif flex" onclick="checkshowsurname()" id="check_surname_custom">
                <svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.8537 0.645917C11.9002 0.692363 11.9372 0.747538 11.9624 0.808284C11.9876 0.869029 12.0005 0.93415 12.0005 0.999917C12.0005 1.06568 11.9876 1.13081 11.9624 1.19155C11.9372 1.2523 11.9002 1.30747 11.8537 1.35392L4.85365 8.35392C4.80721 8.40048 4.75203 8.43742 4.69129 8.46263C4.63054 8.48784 4.56542 8.50081 4.49965 8.50081C4.43389 8.50081 4.36877 8.48784 4.30802 8.46263C4.24728 8.43742 4.1921 8.40048 4.14565 8.35392L0.645655 4.85392C0.551768 4.76003 0.499023 4.63269 0.499023 4.49992C0.499023 4.36714 0.551768 4.2398 0.645655 4.14592C0.739542 4.05203 0.866879 3.99929 0.999655 3.99929C1.13243 3.99929 1.25977 4.05203 1.35366 4.14592L4.49965 7.29292L11.1457 0.645917C11.1921 0.599354 11.2473 0.562411 11.308 0.537205C11.3688 0.511998 11.4339 0.499023 11.4997 0.499023C11.5654 0.499023 11.6305 0.511998 11.6913 0.537205C11.752 0.562411 11.8072 0.599354 11.8537 0.645917Z" fill="white"/>
                </svg>

                </div>
                <input type="hidden" name="show_surname" value="{{$user[0]->show_surname}}" id="show_surname_input">
                <label for="show_surname">{{MultilanguageController::t_leng('Отображать фамилию')}}</label>
            </div>

        <h5 class="change_pass_title">{{MultilanguageController::t_leng('Изменить пароль:')}}</h5>
        
        <input type="password" class="pass_input" name="old_pass" placeholder="{{MultilanguageController::t_leng('Старый пароль')}}">
        @error('old_pass')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
        <input type="password" class="pass_input" name="new_pass" placeholder="{{MultilanguageController::t_leng('Новый пароль')}}">
        @error('new_pass')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
        <input type="password" class="pass_input" name="confirm_pass" placeholder="{{MultilanguageController::t_leng('Подтвердить пароль')}}">
        @error('confirm_pass')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror

        <input type="submit" value="{{MultilanguageController::t_leng('Применить изменения')}}" class="go_to_update">
        </form>
        </div>
    </div>
</section>


@include('partials.footer')
@endsection