{{-- @extends('layouts.app')

@section('content') --}}

<x-layouts.app :title="__('users.edit.title')">

<!DOCTYPE html>
{{-- <html lang="en"> --}}
    <head>
        <meta charset="UTF-8">
        <title>{{__('users.edit.title')}}</title>
        {{-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" > --}}
        @include('components/mainstyle')
        <style>
        .readonly-select {
            pointer-events: none; /* Disables mouse interaction */
            background-color: #e9ecef; /* Gray out background to look disabled */
            touch-action: none; /* Disables mobile touch interaction */
        }
        </style>
    </head>
    <body>
        <div class="container mt-3 mb-2 pt-3">
            <div class="row">
                @if(session('status'))
                    <div class="alert alert-success mb-1 mt-1">
                        {{ session('status') }}
                    </div>
                @endif
            </div>
            <form action="{{ route('users.update',$user->id) }}" method="POST" enctype="multipart/form-data">
                @csrf
                @method('PUT')
                <div class="pull-left">
                    <h2>{{__('users.edit.edit')}}</h2>
                </div>
                <div class="pull-right">
                    <div class="d-flex">
                        {{-- <a class="btn btn-primary" href="{{ route('users.index') }}" enctype="multipart/form-data">{{__('users.back')}}</a> --}}
                        <a class="btn btn-primary" href="javascript:history.back()" enctype="multipart/form-data">{{__('users.back')}}</a>
                        <div>
                            <button type="submit" class="btn btn-success ms-1">{{__('users.submit')}}</button>
                        </div>
                    </div>
                    {{-- @include('components/members-logo', ['logotype' => 'small']) --}}

                    <div class="row">
                        @if(session('status'))
                            <div class="alert alert-success mb-1 mt-1">
                                {{ session('status') }}
                            </div>
                        @endif
                    </div>
                    {{-- {!! Form::model($user, ['method' => 'PATCH','route' => ['users.update', $user->id]]) !!} --}}
                    {{-- <form action="{{ route('users.update',$user->id) }}" method="POST" enctype="multipart/form-data"> --}}
                    {{ html()->modelForm($user, 'PATCH')->route('users.update', $user->id) }}
                    @csrf
                    <div class="row mt-5 pt-5" style="max-width:500px;">
                        <div class="col-xs-12 col-sm-12 col-md-12">
                            <div class="form-group">

                                <div class="col-xs-12 col-sm-12 col-md-12">
                                    <div class="form-group mt-3">
                                        <strong>* {{__('users.fields.name.label')}}:</strong>
                                        {{-- {!! Form::text('name', null, array('placeholder' => __('users.fields.name.placeholder'),'class' => 'form-control')) !!} --}}
                                        @if ($userNameFieldEnabled)
                                            {{ html()->text( 'name',$user->name)->placeholder(__('users.fields.name.placeholder'))->class('form-control') }}
                                        @else
                                            {{ html()->text( 'name',$user->name)->placeholder(__('users.fields.name.placeholder'))->class('form-control')->attribute('readonly') }}
                                        @endif
                                        @error('name')
                                            <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                {{-- @include('users.fields', ['fieldName' => 'email','layoutType' => 'input_required','value' => $user->email]) --}}
                                <div class="col-xs-12 col-sm-12 col-md-12">
                                    <div class="form-group mt-3">
                                        <strong>* {{__('users.fields.email.label')}}:</strong>
                                        {{-- {!! Form::text('email', null, array('placeholder' => __('users.fields.email.placeholder'),'class' => 'form-control')) !!} --}}
                                        {{ html()->text( 'email',$user->email)->placeholder(__('users.fields.email.placeholder'))->class('form-control') }}
                                        @error('email')
                                            <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-12 col-md-12">
                                    <div class="form-group mt-3">
                                        <strong>{{__('users.fields.password.label')}}:</strong>
                                        {{-- {!! Form::password('password', array('placeholder' => __('users.fields.password.placeholder'),'class' => 'form-control')) !!} --}}
                                        {{ html()->password( 'password')->placeholder(__('users.fields.password.placeholder'))->class('form-control') }}
                                        @error('password')
                                            <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-12 col-md-12">
                                    <div class="form-group mt-3">
                                        <strong>* {{__('users.fields.confirm-password.label')}}:</strong>
                                        {{-- {!! Form::password('confirm-password', array('placeholder' => __('users.fields.confirm-password.placeholder'),'class' => 'form-control')) !!} --}}
                                        {{ html()->password( 'confirm-password')->placeholder(__('users.fields.confirm-password.placeholder'))->class('form-control') }}
                                        {{-- @if ($errors->has('confirm-password'))
                                            <span class="help-block">
                                                <strong>{{ $errors->first('') }}</strong>
                                            </span>
                                        @endif --}}

                                        @error('confirm-password')
                                            <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                 <div    @class([
                                            'form-group',
                                            'readonly-select' => (!($userNameFieldEnabled)), // Added only if $isActive is true
                                        ])>
                                    <strong>{{__('users.fields.role.label')}}</strong>
                                    {{-- {!! Form::select('roles[]', $roles,$userRoles, array('class' => 'form-control','multiple')) !!} --}}
                                        {{ html()->multiselect( 'roles[]', $roles,$userRoles)->class('form-control') }}
                                        {{-- {{ html()->multiselect( 'roles[]', $roles,$userRoles)->class('form-control')->attribute('disabled')  , dan verdwijnd de role uit de database omdat role veld dan leeg is.}} --}}
                                    @error('roles')
                                        <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-xs-12 col-sm-12 col-md-12">
                                    <div class="form-group mt-3">
                                        <strong>* {{__('users.fields.language.label')}}:</strong>
                                        {{-- {!! Form::text('language', null, array('placeholder' => __('users.fields.language.placeholder'),'class' => 'form-control','readonly')) !!} --}}
                                        {{ html()->text( 'language_code',$user->language_code)->placeholder(__('users.fields.language.placeholder'))->class('form-control') }}
                                        @error('language_code')
                                            <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                @if($adminTenants)
                                    <div class="col-xs-12 col-sm-12 col-md-12">
                                        <div class="form-group mt-3">
                                            <strong>{{__('users.fields.dbprefix.label')}}:</strong>
                                            {{-- {!! Form::text('dbprefix', null, array('placeholder' => __('users.fields.dbprefix.placeholder'),'class' => 'form-control')) !!} --}}
                                            {{ html()->text( 'dbprefix',$user->dbprefix)->placeholder(__('users.fields.dbprefix.placeholder'))->class('form-control') }}
                                            @error('dbprefix')
                                                <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                     {{-- {!! Form::close() !!} --}}
                    {{-- </form> --}}
                     {{ html()->closeModelForm() }}
                </div>
            </form>
        {{-- </div> hierdoor gaat de footer aansluiten aan de form hierboven!! --}}
    </body>
</html>

{{-- @endsection --}}
</x-layouts.app>