@extends('admin.layouts.master')

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

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

@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', 'Add User')

@section('page_text', __('admin.Add New :name', ['name' => __('admin.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">
            {!! Form::open(['route' => 'resident.store', 'method' => 'post']) !!}
            <div class="main-card mb-3 card">
                <div class="card-body">
                    <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, [
                            '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, [
                                '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, ['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', ['placeholder' => 'Password', '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">Confirm Password</label>
                        <div>
                            {!! Form::password('confirm-password', ['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">
                                <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">
                                <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">
                                <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, [], ['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)

                       
                        <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]', null, [
                                    '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]', null, [
                                    '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, [], ['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 required" type="checkbox" value="1" name="{{ 'custom_field['.$field->id.'][meta_name]' }}" >
                                    <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 required" type="radio" name="{{ 'custom_field['.$field->id.'][meta_name]' }}" value="1">
                                    <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