@extends('Frontend.partials.layout')

@section('styles')
    <link rel="stylesheet" href="{{ asset('/vendor/css/pages/users.css') }}">
    <link rel="stylesheet" href="{{ asset('/vendor/libs/bootstrap-select/bootstrap-select.css') }}">
    <link rel="stylesheet" href="{{ asset('/vendor/libs/select2/select2.css') }}">
    <style>
        #datePicker.error{
            border-color: #d9534f !important;
            color: #d9534f;
        }

        .timezone-select{
            width: 100%;
        }
        .timezone-select .select2.select2-container.select2-container--default{
            min-width: 100% !important;
        }

        #addUserForm .error{
            border-color: #d9534f !important;
            color: #d9534f;
        }
        .first-name-container,
        .last-name-container,
        .birthday-container,
        .birth-place-container,
        .company-type-container,
        .company-name-container,
        .establishment-date-container,
        .foundation-place-container,
        .animal-type-container,
        .animal-name-container,
        .animal-birth-date-container,
        .animal-birth-place-container,
        .house-type-container,
        .house-name-container,
        .construction-date-container,
        .house-location-container{
            margin-bottom: 1rem;
        }

        img.swal2-image {
            width: 300px !important;
            height: auto !important;
        }
    </style>
@endsection

@section('content')
{{-- Main Section --}}
<section class="user custom_user">
    {{-- analysis content header --}}
    <div class="row">
        <div class="col-md-6">
            <div class="analysis-content-header d-flex align-items-center">
                <div class="logo">
                    <i class="fas fa-home primary-color"></i>
                </div>
                <div class="heading primary-color">
                    <h2>{{ trans('action.update_user') }}</h2>
                    <p>{{ brandName() }} {{trans('action.user')}}</p>
                </div>
            </div>
        </div>
    </div>
    {{-- /analysis content header --}}

    {{-- analysis content body --}}
    <form id="addUserForm" action="{{route('users.adminUpdate',[$user->id])}}" method="post" enctype="multipart/form-data">
    @csrf
    @method('PUT')
        <div class="row mt-3">
            <div class="col-md-12">
                {{-- card --}}
                <div class="card">
                    {{-- card header --}}
                    <div class="card-header">
                        <div class="media align-items-center">
                            {{-- @if (empty($user->photo))
                                <img  data-name="{{$user->fullName}}" data-email="{{$user->email}}" data-view="true" src="{{ ($user->gender == 2)?asset('/images/female.jpg'):asset('/images/avatar.png') }}" id="upimg" alt="" class="d-block ui-w-80 image_viewer">
                            @else
                                <img data-name="{{$user->fullName}}" data-email="{{$user->email}}" data-view="true" src="{{ ($user->user_type) ?  getEmbededImage('/profile/admin/'.$user->photo) : getEmbededImage('/profile/users/'.$user->photo) }}" alt="Author Picture" id="upimg" class="d-block ui-w-80 image_viewer">
                            @endif --}}
                            <img data-name="{{$user->fullName}}" data-email="{{$user->email}}" data-view="true" src="{{ getProfileImage($user) }}" alt="Author Picture" id="upimg" class="d-block ui-w-80 image_viewer">
                            <div class="media-body ml-3">
                                <label class="form-label d-block mb-2" >{{$user->first_name." ".$user->last_name}}</label>
                                <label class="btn btn-outline-primary mb-1">
                                    <i class="fas fa-exchange-alt">&nbsp;</i>{{ trans('action.change_image') }}
                                    <input type="file" class="user-edit-fileinput cropper_image_file" id="upphoto" accept=".jpg,.jpeg,.png" name="photo">
                                </label>
                                <input type="hidden" class="image_file_name" name="cropper_image_name" value="">
                                <button type="button" class="btn btn-outline-danger mb-1" onclick="delProImg('{{ getUserId() }}')"><i class="fas fa-trash-alt">&nbsp;</i>{{ trans('action.delete') }}</button>
                            </div>
                            <div class="cropper_show">

                            </div>
                        </div>
                    </div>
                    {{-- card section --}}
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6 col-sm-12">
                                {{-- basic information --}}
                                <div class="box mb-4 slBox" >
                                    <div class="box-header">
                                        <h2>{{ trans('action.user_basic_information') }}</h2>
                                    </div>
                                    <div class="box-body">
                                        <div class="box-caption mb-2">{{ trans('action.basic_info_for', ['siteName' => env('APP_NAME')]) }}</div>
                                        <div class="row mb-4">

                                            {{-- user type select box --}}
                                            <div class="form-group form-inline col-md-12">
                                                <label class="form-label lb-100 mb-2 col-md-12 pl-0">{{ trans('action.user_type_title') }}<span class="text-danger" title="This field is required">*</span></label>

                                                <select class="form-control m-0 col-md-12" name="user_type_select" id="user_type_select">
                                                    <option value="1" {{$user->select_user_view == "1" ? "selected" : ""}}>{{ __('action.user_type_1') }}</option>
                                                    <option value="2" {{$user->select_user_view == "2" ? "selected" : ""}}>{{ __('action.user_type_2') }}</option>
                                                    <option value="3" {{$user->select_user_view == "3" ? "selected" : ""}}>{{ __('action.user_type_3') }}</option>
                                                    <option value="4" {{$user->select_user_view == "4" ? "selected" : ""}}>{{ __('action.user_type_4') }}</option>
                                                    <option value="5" {{$user->select_user_view == "5" ? "selected" : ""}}>{{ __('action.user_type_5') }}</option>
                                                </select>

                                                {{-- <span class="text-danger small" role="alert">
                                                    <strong></strong>
                                                </span> --}}
                                            </div>

                                            <div class="col-sm-12 row gender-container mx-0 px-0">
                                                <div class="form-group form-inline col-md-12">
                                                    <div class="col-md-3 pl-0">
                                                        <label class="form-label lb-100 mb-2 pl-0" for="">{{trans('action.gender')}}<span class="text-danger" title="This field is required">*</span></label>
                                                    </div>

                                                    <div class="col-md-9 gender-radio-contaienr">
                                                        <div class="col-md-3">
                                                            <input class="form-check-input gender" type="radio" name="gender"  id="exampleRadios1" value="1" @if($user->gender == 1) {{"checked"}} @endif>{{trans('action.male')}}
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="form-check-input gender" type="radio" name="gender"  id="exampleRadios2" value="2" @if($user->gender == 2) {{"checked"}} @endif> {{trans('action.female')}}
                                                        </div>
                                                        <div class="col-md-3">
                                                            <input class="form-check-input gender" type="radio" name="gender"  id="exampleRadios3" value="3" @if($user->gender == 3) {{"checked"}} @endif> {{trans('action.other')}}
                                                        </div>
                                                    </div>
                                                </div>
                                                @if ($errors->has('gender'))
                                                <span class="text-danger small" role="alert">
                                                    <strong>{{ $errors->first('gender') }}</strong>
                                                </span>
                                                @endif
                                            </div>

                                            {{-- no select user type start --}}
                                            <div class="form-group form-inline col-md-12" id="ut-input-container">
                                                <div class="col-md-6 pl-0 first-name-container home-default">
                                                    <label class="form-label mb-2 col-md-12 pl-0">{{ trans('action.first_name_1') }}<span class="text-danger" title="This field is required">*</span></label></label>
                                                    <input type="text" value="{{$user->first_name}}" id="first_name" class="form-control m-0 col-md-12"  autocomplete="off" placeholder="{{ trans('action.first_name_1') }}" name="first_name" required>
                                                </div>

                                                <div class="col-md-6 pr-0 last-name-container">
                                                    <label class="form-label mb-2 col-md-12 pl-0">{{ trans('action.last_name_1') }}<span class="text-danger" title="This field is required">*</span></label>
                                                    <input type="text" value="{{$user->last_name}}" id="last_name" class="form-control m-0 col-md-12"  autocomplete="off" placeholder="{{ trans('action.last_name_1') }}" name="last_name" required>
                                                </div>

                                                <div class="col-md-6 pl-0 birthday-container">
                                                    <label class="form-label mb-2 col-md-12 pl-0" for="">{{trans('action.birthday_1')}}<span class="text-danger" title="This field is required">*</span></label>
                                                    <input type="text" id="datePicker" autocomplete="off" class="form-control m-0 datef col-md-12 datePicker gebdatum" name="gebdatum"  placeholder="dd.mm.yyyy" value="{{ $user->gebdatum }}" required>
                                                    {{-- <input type="text" id="flatpickr-date"  autocomplete="off" class="form-control m-0 datef" name="gebdatum" placeholder="mm/dd/yyyy" value="{{ $user->gebdatum }}" required> --}}
                                                </div>

                                                <div class="col-md-6 pr-0 birth-place-container">
                                                    <label class="form-label mb-2 col-md-12 pl-0" for="">{{trans('action.place_of_birth_1')}}<span class="text-danger" title="This field is required">*</span></label>
                                                    <input type="text" value="{{$user->gebort}}" class="form-control m-0 col-md-12" id="gebort" name="gebort"  placeholder="{{trans('action.place_of_birth_1')}}" required>
                                                </div>
                                            </div>
                                            {{-- no select user type end --}}

                                            <div class="form-group form-inline col-md-12">
                                                <label class="form-label l-100 mb-2 col-md-12 pl-0" for="">{{ trans('action.address_pdf') }}</label>
                                                <input type="text" value="{{$user->address}}" class="form-control m-0 col-md-12" name="address" placeholder="{{ trans('action.street_placeholder') }}">
                                            </div>

                                            <div class="form-group form-inline col-md-6">
                                                <label class="form-label l-100 mb-2 col-md-12 pl-0" for="">{{ trans('action.postcode') }}</label>
                                                <input type="text"  value="{{$user->post_code}}" class="form-control m-0 col-md-12" name="post_code" placeholder="{{ trans('action.postcode_placeholder') }}">
                                            </div>

                                            <div class="form-group form-inline col-md-6">
                                                <label class="form-label l-100 mb-2 col-md-12 pl-0" for="">{{ trans('action.address') }}</label>
                                                <input type="text" value="{{$user->village}}"  class="form-control m-0 col-md-12" name="village" placeholder="{{ trans('action.address') }}">
                                            </div>

                                            <div class="form-group form-inline col-md-6">
                                                <label class="form-label lb-100 mb-2 col-md-12 pl-0" for="">{{ trans('action.timezone') }}</label>
                                                <select class="select2-demo form-control m-0 col-md-12" name="timezone_id" id="selectview">
                                                    <option selected disabled>{{trans('action.Select')}}</option>
                                                                                                    </select>
                                            </div>
                                            <div class="form-group form-inline col-md-6">
                                                <label class="form-label lb-100 mb-2 col-md-12 pl-0" for="">{{ trans('action.display_name') }}</label>
                                                <select class="form-control m-0 col-md-12" name="name_sort" id="selectview">
                                                    <option value="0"@if(!$user->useroption->name_sort) {{"selected"}} @endif>{{trans('action.first_name')}}/{{trans('action.last_name')}}({{trans('action.sort_default')}})</option>
                                                    <option value="1"@if($user->useroption->name_sort) {{"selected"}} @endif>{{trans('action.last_name')}}/{{trans('action.first_name')}}</option>
                                                </select>
                                            </div>
                                            @if (checkCron(getAuthID())==1)
                                                <div class="form-group form-inline col-md-6">
                                                    <label class="form-label l-100 mb-2 col-md-12 pl-0">{{trans('action.mail_send_email')}}</label>
                                                    {{-- <input type="text" onfocus="this.type='email'" onfocusout="this.type='text'" value="{{$user->cron_email}}" autocomplete="off" class="col-md-12 form-control{{ $errors->has('cron_email') ? ' is-invalid' : '' }} m-0" placeholder="{{trans('action.mail_send_email')}}" name="cron_email"> --}}
                                                    <input type="email"  value="{{$user->cron_email}}" autocomplete="off" class="col-md-12 form-control{{ $errors->has('cron_email') ? ' is-invalid' : '' }} m-0" placeholder="{{trans('action.mail_send_email')}}" name="cron_email">
                                                    @if ($errors->has('cron_email'))
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('cron_email') }}</strong>
                                                    </span>
                                                    @endif
                                                </div>
                                            @endif

                                            <div class="form-group form-inline col-md-6">
                                                <label class="form-label l-100 mb-2 col-md-12 pl-0" for="">{{trans('action.telephone_number')}}</label>
                                                <input type="text" class="form-control m-0 col-md-12" name="telephone" placeholder="{{trans('action.telephone_number')}}" value="{{ $user->telephone }}">
                                            </div>


                                            <div class="form-group form-inline col-md-12">
                                                <label class="form-label l-100-px " for="">{{trans('action.email_subscription')}}</label>
                                                <label class="custom-control custom-checkbox" style="width: auto;">
                                                    <input type="hidden" name="email_subscription" value="0" />
                                                    <input type="checkbox" class="custom-control-input square" name="email_subscription" value="1" @if($user->email_subscription == 1) {{ "checked" }}@endif >
                                                    <span class="custom-control-label">{{trans('action.email_subscription')}}</span>
                                                </label>
                                            </div>


                                        @if($user->user_type == 0)
                                                <div class="form-group form-inline col-md-12">
                                                    <label class="form-label l-100 mb-2 col-md-3 pl-0" for="">{{ trans('action.groups') }}</label>
                                                    <select class="form-control m-0 col-md-6" data-allow-clear="true" name="group_id">
                                                        <option value="">{{trans('action.select_group')}}</option>
                                                                                                            </select>
                                                </div>
                                            @endif
                                            @if($user->user_type == 0)
                                                <div class="form-group form-inline col-md-12 mt-3">
                                                    <label class="form-label l-100-px mb-2 pl-0" for="">{{ trans('action.terms_of_use') }} <span class="text-danger" title="This field is required">*</span></label>
                                                    <label class="custom-control custom-checkbox" >
                                                        <input  type="checkbox" @if($user->useroption->terms) checked @endif id="termsCondition" class="custom-control-input btn btn-danger" name="terms" href="javascript:void(0);" onclick="termsConditionPDF({{$user->id}})" target="_blank">
                                                        <span class="custom-control-label"> {{ trans('action.i_accept_the_terms_of_use') }} </span>
                                                    </label>
                                                </div>
                                            @endif

                                        </div>
                                    </div>
                                </div>
                                {{-- Therapist Setting --}}
                                {{-- @if ($user->user_type == 2)
                                    <div class="box mb-4 slBox">
                                        <div class="box-header">
                                            <h2>{{ trans('action.therapist_settings') }}</h2>
                                        </div>
                                        <div class="box-body">
                                            <div class="box-caption mb-2">{{ trans('action.general_setting_for') }}</div>
                                                <div class="row">
                                                @if($user->user_type == 2)
                                                    <div class="form-group form-inline col-md-12">
                                                        <label class="form-label lb-100 mb-2 col-md-3 pl-0" for="">{{ trans('action.custom_link') }}</label>
                                                        <input type="text"  value="{{$user->useroption->custom_link}}" class="col-md-8 form-control m-0" name="custom_link" placeholder="Enter Link">
                                                    </div>

                                                    <div class="form-group form-inline col-md-12">
                                                        <label for="exampleFormControlFile1 "  class="form-label lb-100 mb-2 col-md-3 pl-0">{{ trans('action.pdf_logo_upload') }}</label>
                                                        @if (empty($user->useroption->pdf_logo))
                                                        <input type="file" class="col-md-4 pl-0 m-0" name="pdf_logo" id="exampleFormControlFile1">
                                                        @else
                                                        <div class="position-relative">
                                                            <img data-view="true" style="border: 1px solid #e4e4e4;min-width: 300px;max-width: 300px;height: auto;padding: 8px;border-radius: 5px;" src="{!! asset('/users/pdf_logo/') !!}/{{ $user->useroption->pdf_logo }}">
                                                            <a href="javascript:void(0)" class="ml-2 position-absolute" onclick="deletePDFLogo({{ $user->useroption->id }})"><i title="{{trans('action.pdf_intro3')}}" class="fas fa-trash text-danger"></i></a>
                                                        </div>
                                                        @endif
                                                    </div>

                                                    <div class="form-group form-inline col-md-12">
                                                        <label class="form-label lb-100 mb-2 col-md-12 pl-0 font-weight-bold" for="">{{trans('action.pdf_second_page_title')}}</label>
                                                        <div class="form-group col-md-12">
                                                            <textarea name="pdf_second_page" class="editor">
                                                                @if($pdfSecondPage != null){!! $pdfSecondPage !!} @endif
                                                            </textarea>
                                                           <span class="d-inline-block d-sm-none cursor-pointer mb-2" data-toggle="modal"
                                                            data-target="#placeholderModal">{{trans('action.cron_available_placeholder')}}</span>
                                                        </div>
                                                    </div>
                                                    <br/>

                                                @endif
                                                </div>
                                        </div>
                                    </div>
                                @endif --}}
                            </div>


                            <div class="col-md-6 col-sm-12">
                                {{-- user login --}}
                                <div class="box mb-4 slBox">
                                    <div class="box-header">
                                        <h2>{{ trans('action.user_login') }}</h2>
                                    </div>
                                    <div class="box-body">
                                        <div class="box-caption mb-2">{{ trans('action.setting_for_user_login', ['siteName' => env('APP_NAME')]) }}</div>
                                        <div class="row">
                                            <div class="form-group form-inline col-md-12">
                                                <label class="form-label l-100 mb-2 col-md-12 pl-0">{{ trans('action.email') }}</label>
                                                <input type="text" onfocus="this.type='email'" onfocusout="this.type='text'" value="{{$user->email}}" autocomplete="off" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }} m-0 col-md-6" placeholder="{{trans('action.email_blank_error')}}" onchange="userEmailFunc(this)" name="email">
                                                <p class="note mt-1 col-md-12 pl-0">{{ trans('action.never_share') }}</p>
                                                @if ($errors->has('email'))
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('email') }}</strong>
                                                    </span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group form-inline col-md-12">
                                                <label class="form-label l-100 mb-2 col-md-12 pl-0">{{ trans('action.user_login_name') }}<span class="text-danger" title="This field is required">*</span></label></label>
                                                <input type="text" onchange="usernameFunc(this)" value="{{$user->user_name}}" class="form-control m-0 col-md-6" autocomplete="off" placeholder="{{ trans('action.user_login_name') }}" name="user_name" required>
                                                @if ($errors->has('user_name'))
                                                <span class="text-danger small" role="alert">
                                                    <strong>{{ $errors->first('user_name') }}</strong>
                                                </span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group form-inline col-md-6 col-sm-12 pr-0 password-form-group password-container">
                                                <label class="form-label l-100 mb-2 col-md-12 pl-0">{{ trans('action.placeholder_passwrod') }}</label>

                                                <div class="pass-input-container">
                                                    <input type="password" class="form-control m-0 col-md-12 password-field" autocomplete="off" placeholder="{{ trans('action.placeholder_passwrod') }}" name="password" id="password">
                                                </div>

                                                <div class="input-group-append m-0">
                                                    <span class="input-group-text eye-icon-btn">
                                                        <i class="fa fa-eye-slash toggle-icon"></i>
                                                    </span>
                                                </div>

                                                @if ($errors->has('password'))
                                                <span class="text-danger small" role="alert">
                                                    <strong>{{ $errors->first('password') }}</strong>
                                                </span>
                                                @endif
                                            </div>

                                            <div class="form-group form-inline col-md-6 col-sm-12 password-container">
                                                <label class="form-label l-100 mb-2 col-md-12 pl-0">{{ trans('action.placeholder_re_passwrod') }}</label>

                                                <div class="pass-input-container">
                                                    <input type="password" autocomplete="off" class="form-control m-0 col-md-12 password-field" placeholder="{{ trans('action.placeholder_re_passwrod') }}" name="confirm_password" id="confirmPassword">
                                                </div>

                                                <div class="input-group-append m-0">
                                                    <span class="input-group-text eye-icon-btn">
                                                        <i class="fa fa-eye-slash toggle-icon"></i>
                                                    </span>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>

                                {{-- user setting --}}
                                <div class="box mb-4 slBox">
                                    <div class="box-header">
                                        <h2>{{trans('action.user_settings')}}</h2>
                                    </div>
                                    <div class="box-body">
                                        <div class="box-caption mb-2">{{trans('action.setting_for_view')}}</div>
                                        <div class="row">
                                            <div class="form-group form-inline col-md-6">
                                                <label class="form-label l-100 mb-2 col-md-12 pl-0" for="">{{trans('action.language')}}</label>
                                                <select class="form-control m-0 col-md-12" name="language_id" id="languageSelect">
                                                                                                    </select>
                                            </div>

                                            @if(env('APP_NAME') != 'Reset4me')
                                                <div class="form-group form-inline col-md-6">
                                                    <label class="form-label l-100 mb-2 col-md-12 pl-0" for="">{{ trans('action.select_filter') }}</label>
                                                    <select class="form-control m-0 col-md-12" name="filter_type" id="selectview">
                                                        <option value="1" @if($user->userfilter->filter_type==1) selected @endif>A-Z</option>
                                                        <option value="2" @if($user->userfilter->filter_type==2) selected @endif>Z-A</option>
                                                        <option value="3" @if($user->userfilter->filter_type==3) selected @endif>1-100</option>
                                                        <option value="4" @if($user->userfilter->filter_type==4) selected @endif>100-1</option>
                                                        <option value="5" @if($user->userfilter->filter_type==5) selected @endif>Show All</option>
                                                    </select>
                                                </div>
                                            @endif
                                        </div>
                                        @if(env('APP_NAME') != 'Reset4me')
                                            <div class="row">

                                                <div class="form-group form-inline col-md-12">
                                                    <label class="form-label l-100-px " for="">{{ trans('action.dashboard_options') }}</label>
                                                    <label class="custom-control custom-checkbox" style="width: auto;">
                                                        <input type="checkbox" class="custom-control-input square" name="dashboard_view" @if($user->useroption->dashboard_view == '1') {{ "checked" }}@endif >
                                                        <span class="custom-control-label">{{trans('action.show_per_default')}}</span>
                                                    </label>
                                                </div>
                                                <div class="form-group form-inline col-md-12">
                                                    <label class="form-label l-100-px " for="">{{trans('action.Sound')}}</label>
                                                    <label class="custom-control custom-checkbox" style="width: auto;">
                                                        <input type="checkbox" class="custom-control-input square" name="sound" @if($user->useroption->sound == '1') {{ "checked" }}@endif >
                                                        <span class="custom-control-label">{{trans('action.play_audio')}}</span>
                                                    </label>
                                                </div>

                                                {{-- New --}}
                                                <div class="form-group form-inline col-md-12">
                                                    <label class="form-label l-100-px " for="">{{trans('action.pattern_switch')}}</label>
                                                    <label class="custom-control custom-checkbox" style="width: auto;">
                                                        <input type="checkbox" class="custom-control-input square" name="pattern_switch" @if($user->useroption->pattern_switch == '1') {{ "checked" }}@endif >
                                                        <span class="custom-control-label">{{trans('action.switch_button')}}</span>
                                                    </label>
                                                </div>

                                                <div class="form-group form-inline col-md-12">
                                                    <label class="form-label l-100-px " for="">{{trans('action.pattern_analysis')}}</label>
                                                    <label class="custom-control custom-checkbox" style="width: auto;">
                                                        <input type="checkbox" class="custom-control-input square" name="ran_ana" @if($user->useroption->ran_ana == '1') {{ "checked" }}@endif >
                                                        <span class="custom-control-label">{{trans('action.show_per_default_random')}}</span>
                                                    </label>
                                                </div>


                                                @if ($user->user_type == 2)
                                                    <div class="form-group form-inline col-md-12">
                                                        <label class="form-label l-100-px " for="">{{trans('action.cover_pdf')}}</label>
                                                        <label class="custom-control custom-checkbox" style="width: auto;">
                                                            <input type="checkbox" class="custom-control-input square" name="view_pdf" @if ($user->useroption->view_pdf==1) Checked @endif >
                                                            <span class="custom-control-label"> {{ trans('action.cover_pdf') }}</span>
                                                            {{-- <input type="file" class="form-control m-0" name="cover_pdf" accept=".pdf, .PDF"> --}}
                                                        </label>
                                                    </div>
                                                @endif

                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-12 col-sm-12">
                                <div class=" pb-2 button-demo">
                                    <p class="text-left d-inline"><span class="text-danger" title="This field is required">*</span> {{trans('action.red_marked_are_required')}}</p>
                                    {{-- <button type="submit" class="btn btn-primary pull-right" id="btnSubmit">{{trans('action.to_save')}}</button> --}}
                                </div>
                                <div class="col button-demo">
                                    <button class="btn btn-primary pull-right ladda-button" id="btnSubmit" data-style="expand-right">
                                        <span class="ladda-label">{{trans('action.to_save')}} </span><span class="ladda-spinner"></span>
                                        <div class="ladda-progress" style="width: 121px;"></div>
                                    </button>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                {{-- /card --}}
            </div>
        </div>
    </form>
    {{-- /analysis content body --}}
</section>
{{-- /Main Section --}}

@endsection

@section('scripts')
    <script src="{!! asset('/vendor/js/tinymce/tinymce.min.js') !!}"></script>
    <script>tinymce.init({ selector:'.editor' });</script>
    <script src="{{ asset('/vendor/libs/bootstrap-select/bootstrap-select.js') }}"></script>
    <script src="{{ asset('/vendor/libs/select2/select2.js') }}"></script>
    <script src="{{ asset('/js/pages_users_edit.js') }}"></script>
    <script src="{{ asset('/vendor/js/jquery-ui.js') }}"></script>
    <script src="{!! asset('/js/dateformat.js') !!}"></script>
    <script>
        // Select2
        $(function() {
            $('.select2-demo').each(function() {
                $(this)
                .wrap('<div class="position-relative timezone-select" id="timezone-select-wrapper"></div>')
                .select2({
                    dropdownParent: $(this).parent()
                });
            })
        });

        // user type
        $(document).ready(function(){
            $("#user_type_select").change(function () {
                // load user type inputs
                $.ajax({
                    type : 'GET',
                    url : "{{ route('users.check-user-type') }}",
                    success : function(data){
                        $("#ut-input-container").empty();
                        $("#ut-input-container").append(data);
                    },
                    data : {
                        selectedType: $(this).val(),
                        firstName: '{{$user->first_name}}',
                        lastName: '{{$user->last_name}}',
                        birthday: '{{$user->gebdatum}}',
                        placeOfBirth: '{{$user->gebort}}',
                    }
                });
            });

            // load user type inputs
            $.ajax({
                type : 'GET',
                url : "{{ route('users.check-user-type') }}",
                success : function(data){
                    $("#ut-input-container").empty();
                    $("#ut-input-container").append(data);
                },
                data : {
                    selectedType: $("#user_type_select option:selected").val(),
                    firstName: '{{$user->first_name}}',
                    lastName: '{{$user->last_name}}',
                    birthday: '{{$user->gebdatum}}',
                    placeOfBirth: '{{$user->gebort}}',
                }
            });

            // toggle password field
            $(".eye-icon-btn").click(function () {
                const targetedToggleIcon = $(this).children('.toggle-icon');
                const targetedPassField = $(this).parent().prev('.pass-input-container').children('.password-field');
                togglePasswordField(targetedToggleIcon, targetedPassField);
            });

            function togglePasswordField(toggleIcon, passField) {
                if (passField.attr("type") === "password") {
                    passField.attr("type", "text");
                    toggleIcon.removeClass("fa-eye-slash");
                    toggleIcon.addClass("fa-eye");
                } else {
                    passField.attr("type", "password");
                    toggleIcon.removeClass("fa-eye");
                    toggleIcon.addClass("fa-eye-slash");
                }
            }
        });
    </script>
@endsection