@extends('layouts.admin.app')

@section('content')
<div class="center-container">
    <div class="admin-box full-width">
        <div class="container">
            @if(session('flash_success'))
                <div class="alert alert-success" role="alert">
                <button type="button" class="close" data-dismiss="alert">×</button>
                    {{ session('flash_success') }}
                </div>
            @endif
            @if(session('flash_warning'))
                <div class="alert alert-danger" role="alert">
                <button type="button" class="close" data-dismiss="alert">×</button>
                    {{ session('flash_warning') }}
                </div>
            @endif
            <div class="admin-title">
                <h2>{{trans('activity.profile')}}</h2>
                <div class="title-name-logo">
                    VADSØ KOMMUNE <img src="{{asset('images/vads-logo.png')}}">
                </div>
            </div>
            
            <div class="crate-from-main full-width">
                <form method="POST" class="actvityproviderform" autocomplete="off" action="{{ route('admin.update.profile',$user->id) }}"  enctype="multipart/form-data">
                    @csrf
                    <div class="crate-from-box full-width">
                        <div class=" create-form-center">
                            
                            <div class="form-group">
                                <label for="">{{trans('activity.first_name')}}</label>
                                <input type="text" class="form-control" placeholder="{{trans('activity.first_name')}}" id="first_name" autocomplete="off" name="first_name" value="{{ $user->firstname ?? '' }}">
                                @error('first_name')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="">{{trans('activity.last_name')}}</label>
                                <input type="text" class="form-control" placeholder="{{trans('activity.last_name')}}" id="last_name" autocomplete="off" name="last_name" value="{{ $user->lastname ?? '' }}">
                                @error('first_name')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                                
                            <div class="form-group">
                                <label for="">{{trans('activity.email_address')}}</label>
                                <input type="text" class="form-control" placeholder="{{trans('activity.email_address')}}" id="email_address" autocomplete="off" name="email_address" value="{{ $user->email ?? '' }}" readonly>
                                @error('email_address')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        
                            <div class="form-group password-field-show-btn">
                                <a href="javascript:void(0);" class="toggle primary-btn sub-btn show_password full-width mb-2">{{trans('activity.show_password_field')}}</a>
                                <a href="javascript:void(0);" class="toggle primary-btn sub-btn hide_password full-width mb-3 hide">{{trans('activity.hide_password_field')}}</a>
                            </div>
                            
                            <div class="show_password_div hide">
                                <div class="form-group">
                                    <label for="">{{trans('activity.old_password')}}</label>
                                    <input type="password" class="form-control pwd-field" placeholder="{{trans('activity.old_password')}}" id="old_password" autocomplete="off" name="old_password" >
                                    @error('old_password')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror 
                                    <span class="toggle-password  bi bi-eye-fill"></span>                                 
                                </div>
                                    
                                <div class="form-group">
                                    <label for="">{{trans('activity.password')}}</label>
                                    <input type="password" class="form-control pwd-field" placeholder="{{trans('activity.password')}}" id="password" autocomplete="off" name="password">
                                    @error('password')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>                                        
                                    @enderror
                                    <span class="toggle-password  bi bi-eye-fill"></span>
                                </div>
                                <div class="form-group">
                                    <label for="">{{trans('activity.confirm_password')}}</label>
                                    <input type="password" class="form-control pwd-field" placeholder="{{trans('activity.confirm_password')}}" id="confirm_password" autocomplete="off" name="confirm_password">
                                    @error('confirm_password')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                    <span class="toggle-password  bi bi-eye-fill"></span> 
                                </div>
                            </div>
                        </div>                        
                        <div class="footer-form btn-center full-width">
                            <a href="{{url('admin/dashboard')}}" class="primary-btn sub-btn">Avbryt</a>
                            <input type="submit" class="primary-btn sub-btn" value="Lagre">
                            
                        </div>
                    </div>
                </form>
                <!-- <div class="form-title">underenhet</div> -->
            </div>
        </div>
    </div>
</div>
 
@endsection
@section('script')
<script src="{{ asset('js/jquery.validate.js') }}"></script>
<script src="{{ asset('js/norway.js') }}"></script>
<script>
$(document).ready(function () {

    $('.actvityproviderform').validate({
        lang:'no',
        rules: {
            "first_name": {
                required: true,
            },
            "last_name": {
                required: true,
            },
            "old_password": {
                required: true,
            },
            "password": {
                required: true,
                minlength : 8,
            },
            "confirm_password": {                
                equalTo : "#password"
            }
        }
    });

    $('.toggle').on('click', function(){
        if($(this).hasClass('show_password'))
        {
            $(this).addClass('hide');
            $('.hide_password').removeClass('hide');
            $('.show_password_div').removeClass('hide');
        }
        else{
            $(this).addClass('hide');
            $('.show_password').removeClass('hide');
            $('.show_password_div').addClass('hide');
        }
    });
});
</script>
@endsection