@extends('client.layouts.app')

@section('page_title', __('client.navigation.account'))

@section('content')
    <div class="processes processes--create">
        <div class="container-fluid">
            <h1 class="page-title">{{ __('client.navigation.account') }}</h1>

            <div class="processes__create-form-wrapper">
                <form action="{{ route('client.account.update', ['user' => $user]) }}" method="POST">

                    @method('PUT')
                    {{ csrf_field() }}

                                        <div class="form-group row">
                        <label for="id-{{$nameField}}" class="col-12 col-form-label col-form-label--required">{{ __('client.global.' . $nameField) }}</label>

                        <div class="col-md-6">
                            <input id="id-{{$nameField}}" type="text" class="form-control" value="{{ old($nameField, $user->{$nameField}) }}" name="{{$nameField}}" @error($nameField) is-invalid @enderror">
                            @error($nameField)
                            <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                            @enderror
                        </div>
                    </div>
                                        <div class="form-group row">
                        <label for="id-{{$nameField}}" class="col-12 col-form-label col-form-label--required">{{ __('client.global.' . $nameField) }}</label>

                        <div class="col-md-6">
                            <input id="id-{{$nameField}}" type="text" class="form-control" value="{{ old($nameField, $user->{$nameField}) }}" name="{{$nameField}}" @error($nameField) is-invalid @enderror">
                            @error($nameField)
                            <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                            @enderror
                        </div>
                    </div>
                                        <div class="form-group row">
                        <label for="id-{{$nameField}}" class="col-12 col-form-label">{{ __('client.global.' . $nameField) }}</label>
                        <div class="col-md-3">
                            <select id="id-{{$nameField}}" class="form-control selectpicker" name="{{$nameField}}" @error($nameField) is-invalid @enderror>
                                @foreach(getLanguages() as $code => $language)
                                    <option {{ old($nameField, $user->{$nameField}) == $code ? 'selected' : '' }} value="{{$code}}">{{$language}}</option>
                                @endforeach
                            </select>
                            @error($nameField)
                            <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row">
                        <a class="forgotten-password-link" href="{{ route('client.password.request') }}">
                            {{ __('client.global.reset_password') }}
                        </a>
                    </div>

                    <div class="form-group row">
                        <div class="col-12">
                            <button type="submit" class="btn btn--dark-red d-flex justify-content-center align-items-center">
                                {{ __('client.buttons.save') }}
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection