@extends('admin.layouts.master')

@section('page_title', __('admin.Edit :name' , ['name' => __('admin.User')]))

@section('page_heading', __('admin.Edit :name' , ['name' => __('admin.User')]))

@section('page_text', __('admin.Edit :name' , ['name' => __('admin.Users')]))

@section('page_breadcrumb_icon') <i class="ki-duotone ki-home fs-3 text-gray-500 me-n1"></i> @endsection

@section('page_breadcrumb_item', 'User')

@section('page_breadcrumb_item2', 'Edit User')

@section('css')
    <style>
        .ck .ck-editor__main .ck-editor__editable {
            height: 200px !important;
        }
    </style>

@endsection

@section('content')

<div class="row">
    <div class="col-md-12">
        <div class="card card-flush">
            <div class="card-body">

                {!! Form::model($user, ['method' => 'PATCH','route' => ['resident.update', $user->id]]) !!}
                <div class="d-flex flex-column mb-7 fv-row">
                    <label for="first_name" class="fs-6 fw-semibold mb-2">@lang('admin.First Name')</label>
                    {!! Form::text('first_name', null, array('required'=>'required','placeholder' => 'First Name','class' => 'form-control')) !!}
                </div>

                <div class="d-flex flex-column mb-7 fv-row">
                    <label for="last_name" class="fs-6 fw-semibold mb-2">@lang('admin.Last Name')</label>
                    <div>
                        {!! Form::text('last_name', null, array('required'=>'required','placeholder' => 'Last Name','class' => 'form-control')) !!}

                    </div>
                </div>

                <div class="d-flex flex-column mb-7 fv-row">
                    <label for="email" class="fs-6 fw-semibold mb-2">Email</label>
                    <div>
                        {!! Form::text('email', null, array('required'=>'required','placeholder' => 'Email','class' => 'form-control')) !!}
                    </div>
                </div>
                <div class="d-flex flex-column mb-7 fv-row">
                    <label for="email" class="fs-6 fw-semibold mb-2">Phone</label>
                    <div>
                        {!! Form::text('mobile', null, ['required' => 'required', 'placeholder' => 'Phone', 'class' => 'form-control']) !!}
                    </div>
                </div>
                <div class="d-flex flex-column mb-7 fv-row">
                    <label for="home_phone_number" class="fs-6 fw-semibold mb-2">Home Phone</label>
                    <div>
                        {!! Form::text('home_phone_number', null, [
                            'placeholder' => 'Home Phone',
                            'class' => 'form-control',
                        ]) !!}
                    </div>
                </div>
                <div class="d-flex flex-column mb-7 fv-row">
                    <label for="password" class="fs-6 fw-semibold mb-2">Password</label>
                    <div>
                        {!! Form::password('password', array('placeholder' => 'Password','class' => 'form-control')) !!}
                        <div class="small">@lang('admin.Leave blank for no change')</div>
                    </div>
                </div>


                <div class="d-flex flex-column mb-7 fv-row">
                    <label for="password" class="fs-6 fw-semibold mb-2">Confirm Password</label>
                    <div>
                        {!! Form::password('confirm-password', array('placeholder' => 'Retype Password','class' => 'form-control')) !!}
                    </div>
                </div>
                <div class="d-flex flex-column mb-7 fv-row">
                    <label for="notes" class="fs-6 fw-semibold mb-2">Notes</label>
                    {!! Form::textarea('notes', null, [
                        'rows' => '10',
                        'id' => 'editor',
                        'placeholder' => '',
                        'class' => 'form-control',
                    ]) !!}
                </div>
                <div class="d-flex flex-column mb-7 fv-row">
                    <label class="fs-6 fw-semibold mb-2">Contact Preferences</label>
                    <div>
                        <div class="form-check ">
                            <input class="form-check-input" type="checkbox" id="inlineCheckbox1" name="contact_by_msg" 
                             value="1" @if($user->contact_by_msg == 1) checked  @endif>
                            <label class="form-check-label" for="inlineCheckbox1">Test Message (SMS)</label>
                        </div>
                        <div class="form-check ">
                            <input class="form-check-input" type="checkbox" id="inlineCheckbox2" name="contact_by_email"
                             value="1" @if($user->contact_by_email == 1) checked  @endif>
                            <label class="form-check-label" for="inlineCheckbox2">Email</label>
                        </div>
                        <div class="form-check ">
                            <input class="form-check-input" type="checkbox" id="inlineCheckbox3" name="contact_by_phone" 
                            value="1" @if($user->contact_by_phone == 1) checked  @endif>
                            <label class="form-check-label" for="inlineCheckbox3">Phone</label>
                        </div>
                    </div>
                </div>
                <div class="d-flex flex-column mb-7 fv-row">
                    <label for="status" class="fs-6 fw-semibold mb-2">Status</label>
                    <div>
                        {!! Form::select('status', $statuses,$user->status, array('class' => 'form-select required','data-control'=>"select2")) !!}
                    </div>
                </div>
                <div class="d-flex flex-column mb-7 fv-row">
                    <h2>Custom fields</h2>
                </div>

                
                        
                @foreach ($user_meta_fields as $field)
                    @php
                        $custom_data = \App\Models\UserMetaData::where('user_meta_id',$field->id)
                                                                ->where('user_id',$user->id)
                                                                ->first();
                    @endphp
                    <div class="d-flex flex-column mb-7 fv-row">
                        <label for="status" class="fs-6 fw-semibold mb-2">{{ $field->meta_label  }}</label>

                        @if ( $field->meta_type == 'text')

                            {!! Form::text('custom_field['.$field->id.'][meta_name]'
                                ,(empty($custom_data) ? $field->meta_value : $custom_data->meta_data),
                                 [
                                'required' => 'required',
                                'placeholder' => $field->meta_value,
                                'class' => 'form-control',
                            ]) !!}

                            <input type="hidden" name="{{ 'custom_field['.$field->id.'][id]' }}" value="{{ $field->id }}">

                        @elseif ( $field->meta_type == 'textarea')
                            {!! Form::textarea('custom_field['.$field->id.'][meta_name]',
                            (empty($custom_data) ? $field->meta_value : $custom_data->meta_data), [
                                'required' => 'required',
                                'placeholder' => $field->meta_value,
                                'class' => 'form-control',
                            ]) !!}
                            <input type="hidden" name="{{ 'custom_field['.$field->id.'][id]' }}" value="{{ $field->id }}">
                        @elseif ( $field->meta_type == 'dropdown')
                            @php
                                $listvalue = explode(',',$field->meta_value);
                             @endphp
                        
                            <div>
                                {!! Form::select('custom_field['.$field->id.'][meta_name]', $listvalue,
                                (empty($custom_data) ?'': $custom_data->meta_data), ['class' => 'form-select required','data-control'=>"select2"]) !!}
                                
                            </div>
                             <input type="hidden" name="{{ 'custom_field['.$field->id.'][id]' }}" value="{{ $field->id }}">
                        @elseif ( $field->meta_type == 'checkbox')
                             <div class="form-check">
                                <input class="form-check-input" type="checkbox" value="1" name="{{ 'custom_field['.$field->id.'][meta_name]' }}" 
                               @if(!empty($custom_data) && $custom_data->meta_data == 1)  checked @endif>
                                <label class="form-check-label" for="flexCheckDefault">
                                    {{ $field->meta_label  }}
                                </label>
                              </div>
                              <input type="hidden" name="{{ 'custom_field['.$field->id.'][id]' }}" value="{{ $field->id }}">
                         @elseif ( $field->meta_type == 'radio_button')
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="{{ 'custom_field['.$field->id.'][meta_name]' }}" value="1"
                                @if(!empty($custom_data) && $custom_data->meta_data == 1)  checked @endif>
                                <label class="form-check-label" for="flexRadioDefault1">
                                    {{ $field->meta_label  }}
                                </label>
                            </div>
                            <input type="hidden" name="{{ 'custom_field['.$field->id.'][id]' }}" value="{{ $field->id }}">
                        @endif

                   


                     </div>

                @endforeach
                <div class="d-flex flex-column mb-7 fv-row">
                    <div class="divider"></div>
                    <div class="clearfix">
                        
                        <button type="submit" id="next-btn" class="btn-shadow btn-wide float-right   btn-hover-shine btn btn-primary">
                            @lang('admin.Submit')
                        </button>
                        <a href="{{ route('resident.index') }}" id="prev-btn" class="btn-shadow float-right btn-wide  mr-3 btn btn-outline-secondary">
                            @lang('admin.Cancel')
                        </a>
                    </div>
                </div>
            </div>
        </div>
        {!! Form::close() !!}
    </div>
</div>
@endsection
@section('js')
    <script src="{{ asset('assets_admin/js/ckeditor.js') }}"></script>
    <script>
        ClassicEditor
            .create(document.querySelector('#editor'))
            .catch(error => {
                console.error(error);
            });
    </script>
@endsection