@extends('layouts.app')

@section('page-title')
    <div class="row bg-title">
        <!-- .page title -->
        <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
            <h4 class="page-title"><i class="{{ $pageIcon }}"></i> @lang($pageTitle)</h4>
        </div>
        <!-- /.page title -->
        <!-- .breadcrumb -->
        <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
            <ol class="breadcrumb">
                <li><a href="{{ route('dashboard') }}">@lang('app.menu.home')</a></li>
                <li><a href="{{ route('employees.index') }}">@lang($pageTitle)</a></li>
                <li class="active">@lang('app.edit')</li>
            </ol>
        </div>
        <!-- /.breadcrumb -->
    </div>
@endsection

@push('head-script')
    <link rel="stylesheet" href="{{ asset('plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/tagify-master/dist/tagify.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/bower_components/bootstrap-select/bootstrap-select.min.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/bower_components/custom-select/custom-select.css') }}">
@endpush

@section('content')

<div class="dash_panel">
    <div class="customCard">
        <div class="panel-heading"> @lang('modules.employees.updateTitle')
            [ {{ $userDetail->name }} ]
            @php($class = $userDetail->status == 'active' ? 'label-custom' : 'label-danger')
            <span class="label {{ $class }}">{{ ucfirst($userDetail->status) }}</span>
        </div>
        <div class="panel-wrapper collapse in" aria-expanded="true">
            <div class="panel-body">
                <form id="updateEmployee" class="ajax-form" method="POST">
                    @csrf
                    @method('PUT')
                    <div class="form-body">
                        <div class="row">
                            {{-- <div class="col-md-4 ">
                                <div class="form-group">
                                    <label class="required">@lang('modules.employees.employeeId')</label>
                                    <a class="mytooltip" href="javascript:void(0)">
                                        <i class="fa fa-info-circle"></i><span class="tooltip-content5"><span
                                                class="tooltip-text3"><span
                                                    class="tooltip-inner2">@lang('modules.employees.employeeIdInfo')</span></span></span></a>
                                    <input type="text" name="employee_id" id="employee_id" class="form-control"
                                        value="{{ $employeeDetail->employee_id }}" autocomplete="nope">
                                </div>
                            </div> --}}

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="required">@lang('modules.employees.employeeName')</label>
                                    <input type="text" name="name" id="name" class="form-control"
                                        value="{{ $userDetail->name }}" autocomplete="nope">
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="required">@lang('modules.employees.employeeEmail')</label>
                                    <input type="email" name="email" id="email" class="form-control"
                                        value="{{ $userDetail->email }}" autocomplete="nope">
                                    <span class="help-block">Employee will login using this email.</span>
                                </div>
                            </div>
                            <!--/span-->

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="required">@lang('modules.employees.employeePassword')</label>
                                    <input type="password" name="password" id="password" readonly="readonly"
                                        onfocus="this.removeAttribute('readonly');"
                                        class="form-control auto-complete-off">
                                    <span class="fa fa-fw fa-eye field-icon toggle-password"></span>
                                    <span class="help-block"> @lang('modules.employees.updatePasswordNote')</span>
                                </div>
                            </div>
                            <!--/span-->

                            <div class="col-md-6 d-flex justify-content-start align-items-start gap-3">
                                <div class="form-group">
                                    <label>@lang('app.code')</label>
                                    <select class="select2 phone_country_code form-control" name="phone_code">
                                        <option value="">--</option>
                                        @foreach ($countries as $item)
                                            <option @if ($item->id == $userDetail->country_id) selected @endif
                                                value="{{ $item->id }}">
                                                +{{ $item->phonecode . ' (' . $item->iso . ')' }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group w-100">
                                    <label>@lang('app.mobile')</label>
                                    <input type="tel" name="mobile" id="mobile"
                                        autocomplete="nope" value="{{ $userDetail->mobile }}" class="form-control">
                                </div>

                            </div>
                            <!--/span-->

                            <div class="col-md-6 ">
                                <div class="form-group">
                                    <label class="required">@lang('app.designation') <button id="designation-setting"
                                            type="button" class="btn btn-xs btn-outline btn-info"><i
                                                class="ti-settings"></i> @lang('messages.manageDesignation')</button></label>
                                    <select name="designation" id="designation" class="form-control">
                                        <option value="">--</option>
                                        @forelse($designations as $designation)
                                            <option @if ($employeeDetail && $employeeDetail->designation_id == $designation->id) selected @endif
                                                value="{{ $designation->id }}">{{ $designation->name }}</option>
                                        @empty
                                            <option value="">@lang('messages.noRecordFound')</option>
                                        @endforelse
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 ">
                                <div class="form-group">
                                    <label class="required">@lang('app.department') <button id="department-setting"
                                            type="button" class="btn btn-xs btn-outline btn-info"><i
                                                class="ti-settings"></i> @lang('messages.manageDepartment')</button></label>
                                    <select name="department" id="department" class="form-control">
                                        <option value="">--</option>
                                        @foreach ($teams as $team)
                                            <option @if ($employeeDetail && $employeeDetail->department_id == $team->id) selected @endif
                                                value="{{ $team->id }}">{{ $team->team_name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <!-- <div class="col-md-3">
                                <div class="form-group">
                                    <label class="control-label"><i class="fa fa-slack"></i> @lang('modules.employees.slackUsername')
                                    </label>
                                    <div class="input-group"><span class="input-group-addon">@</span>
                                        <input type="text" id="slack_username" name="slack_username"
                                            class="form-control" autocomplete="nope"
                                            value="{{ $employeeDetail->slack_username ?? '' }}">
                                    </div>
                                </div>
                            </div> -->
                            <!--/span-->
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="required">@lang('modules.employees.joiningDate')</label>
                                    <input type="text" autocomplete="off" name="joining_date" id="joining_date" value="@if($employeeDetail->joining_date && \Carbon\Carbon::parse($employeeDetail->joining_date) instanceof \Carbon\Carbon) {{ \Carbon\Carbon::parse($employeeDetail->joining_date)->format($global->date_format) }} @else N/A (Joining date unavailable) @endif" class="form-control">
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="form-group">
                                    <label>@lang('modules.employees.lastDate')</label>
                                    <input type="text" autocomplete="off" name="last_date" id="end_date"
                                        value="@if ($employeeDetail && $employeeDetail->last_date) {{ $employeeDetail->last_date->format($global->date_format) }} @endif"
                                        class="form-control">
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="form-group">
                                    <label>@lang('modules.employees.gender')</label>
                                    <select name="gender" id="gender" class="form-control">
                                        <option @if ($userDetail->gender == 'male') selected @endif value="male">
                                            @lang('app.male')</option>
                                        <option @if ($userDetail->gender == 'female') selected @endif value="female">
                                            @lang('app.female')</option>
                                        <option @if ($userDetail->gender == 'others') selected @endif value="others">
                                            @lang('app.others')</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="form-group">
                                    <div class="m-b-10">
                                        <label class="control-label taskFormHeading">@lang('modules.employees.selectTeam')</label>
                                    </div>
                                    <div class="radio radio-inline">
                                        <input type="radio" name="team"
                                            id="mobile_team" value="{{App\User::MOBILE_TEAM}}" {{$employeeDetail->team==App\User::MOBILE_TEAM ? 'checked' : ''}}>
                                        <label for="mobile_team">
                                        @lang('modules.tasks.mobile_team') </label>
                                    </div>
                                    <div class="radio radio-inline ">
                                        <input type="radio" name="team"
                                            id="web_team" value="{{App\User::WEB_TEAM}}" {{$employeeDetail->team==App\User::WEB_TEAM ? 'checked' : ''}}>
                                        <label for="web_team">
                                        @lang('modules.tasks.web_team') </label>
                                    </div>
                                    <div class="radio radio-inline ">
                                        <input type="radio" name="team"
                                            id="common_team" value="{{App\User::COMMON_TEAM}}" {{$employeeDetail->team==App\User::COMMON_TEAM ? 'checked' : ''}}>
                                        <label for="common_team">
                                        @lang('modules.tasks.common_team') </label>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xs-12">
                                <div class="form-group">
                                    <label class="control-label">@lang('app.address')</label>
                                    <textarea name="address" id="address" rows="3" class="form-control">{{ $employeeDetail->address ?? '' }}</textarea>
                                </div>
                            </div>

                            <div class="col-md-12 ">
                                <div class="form-group">
                                    <label>@lang('app.skills')</label>
                                    <input name='skills' placeholder="@lang('app.skills')"
                                        value="{{ implode(',', $userDetail->skills()) }}" class="form-control">
                                </div>
                            </div>
            
                            <div class="col-md-12 ">
                                <div class="form-group">
                                    <label>Skills you want to learn</label>
                                    <input name='skill_learn' placeholder='Skills you want to learn'
                                        value='{{ $employeeDetail->skill_learn }}' class="form-control">
                                </div>
                            </div>
                    
                            <!-- <div class="col-md-3">
                                <div class="form-group">
                                    <label>@lang('modules.employees.hourlyRate')</label>
                                    <input type="number" step=".01" min="0" name="hourly_rate"
                                        id="hourly_rate" class="form-control"
                                        value="{{ $employeeDetail->hourly_rate ?? '' }}">
                                </div>
                            </div> -->
                            <!--/span-->

                            <div class="col-md-3">
                                <div class="form-group">
                                    <label>@lang('app.status')</label>
                                    <select name="status" id="status" class="form-control">
                                        <option @if ($userDetail->status == 'active') selected @endif value="active">
                                            @lang('app.active')</option>
                                        <option @if ($userDetail->status == 'deactive') selected @endif value="deactive">
                                            @lang('app.deactive')</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-3 ">
                                <div class="form-group">
                                    <label>@lang('app.login')</label>
                                    <select name="login" id="login" class="form-control">
                                        <option @if ($userDetail->login == 'enable') selected @endif value="enable">
                                            @lang('app.enable')</option>
                                        <option @if ($userDetail->login == 'disable') selected @endif
                                            value="disable">@lang('app.disable')</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="form-group">
                                    <div class="m-b-10">
                                        <label class="control-label">@lang('modules.emailSettings.emailNotifications')</label>
                                    </div>
                                    <div class="radio radio-inline">
                                        <input type="radio" @if ($userDetail->email_notifications) checked @endif
                                            name="email_notifications" id="email_notifications1" value="1">
                                        <label for="email_notifications1" class="">
                                            @lang('app.enable') </label>

                                    </div>
                                    <div class="radio radio-inline ">
                                        <input type="radio" name="email_notifications"
                                            @if (!$userDetail->email_notifications) checked @endif
                                            id="email_notifications2" value="0">
                                        <label for="email_notifications2" class="">
                                            @lang('app.disable') </label>
                                    </div>
                                </div>
                            </div>
            
                            <div class="col-md-6">
                                <label>@lang('modules.profile.profilePicture')</label>
                                <div class="form-group">
                                    <div class="fileinput fileinput-new" data-provides="fileinput">
                                        <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
                                            <img src="{{ $userDetail->image_url }}" alt="" />

                                        </div>
                                        <div class="fileinput-preview fileinput-exists thumbnail"
                                            style="max-width: 200px; max-height: 150px;"></div>
                                        <div>
                                            <span class="btn btn-info btn-file">
                                                <span class="fileinput-new"> @lang('app.selectImage') </span>
                                                <span class="fileinput-exists"> @lang('app.change') </span>
                                                <input type="file" name="image" id="image"> </span>
                                            <a href="javascript:;" class="btn btn-danger fileinput-exists"
                                                data-dismiss="fileinput"> @lang('app.remove') </a>
                                        </div>
                                    </div>
                                </div>

                            </div>

                        </div>
                        <!--/span-->

                        <div class="row m-t-20">
                            @if (isset($fields))
                                @foreach ($fields as $field)
                                    <div class="col-md-6">
                                        <label>{{ ucfirst($field->label) }}</label>
                                        <div class="form-group">
                                            @if ($field->type == 'text')
                                                <input type="text"
                                                    name="custom_fields_data[{{ $field->name . '_' . $field->id }}]"
                                                    class="form-control" placeholder="{{ $field->label }}"
                                                    value="{{ $employeeDetail->custom_fields_data['field_' . $field->id] ?? '' }}">
                                            @elseif($field->type == 'password')
                                                <input type="password"
                                                    name="custom_fields_data[{{ $field->name . '_' . $field->id }}]"
                                                    class="form-control" placeholder="{{ $field->label }}"
                                                    value="{{ $employeeDetail->custom_fields_data['field_' . $field->id] ?? '' }}">
                                            @elseif($field->type == 'number')
                                                <input type="number" id="expected_payment"
                                                    name="custom_fields_data[{{ $field->name . '_' . $field->id }}]"
                                                    class="form-control" placeholder="{{ $field->label }}"
                                                    value="{{ $employeeDetail->custom_fields_data['field_' . $field->id] ?? '' }}">
                                            @elseif($field->type == 'textarea')
                                                <textarea name="custom_fields_data[{{ $field->name . '_' . $field->id }}]" class="form-control"
                                                    id="{{ $field->name }}" cols="3">{{ $employeeDetail->custom_fields_data['field_' . $field->id] ?? '' }}</textarea>
                                            @elseif($field->type == 'radio')
                                                <div class="radio-list">
                                                    @foreach ($field->values as $key => $value)
                                                        <label
                                                            class="radio-inline @if ($key == 0) p-0 @endif">
                                                            <div class="radio radio-info">
                                                                <input type="radio"
                                                                    name="custom_fields_data[{{ $field->name . '_' . $field->id }}]"
                                                                    id="optionsRadios{{ $key . $field->id }}"
                                                                    value="{{ $value }}"
                                                                    @if (isset($employeeDetail) && $employeeDetail->custom_fields_data['field_' . $field->id] == $value) checked
                                                                @elseif($key == 0) checked @endif>>
                                                                <label
                                                                    for="optionsRadios{{ $key . $field->id }}">{{ $value }}</label>
                                                            </div>
                                                        </label>
                                                    @endforeach
                                                </div>
                                            @elseif($field->type == 'select')
                                                <select class="form-control gender"
                                                    name="custom_fields_data[_]">
                                                    
                                                                                                    </select>
                                            @elseif($field->type == 'checkbox')
                                                <div class="mt-checkbox-inline">
                                                    @foreach ($field->values as $key => $value)
                                                        <label class="mt-checkbox mt-checkbox-outline">
                                                            <input
                                                                name="custom_fields_data[{{ $field->name . '_' . $field->id }}][]"
                                                                type="checkbox" value="{{ $key }}">
                                                            {{ $value }}
                                                            <span></span>
                                                        </label>
                                                    @endforeach
                                                </div>
                                            @elseif($field->type == 'date')
                                                <input type="text" class="form-control date-picker"
                                                    size="16"
                                                    name="custom_fields_data[{{ $field->name . '_' . $field->id }}]"
                                                    value="{{ $employeeDetail->custom_fields_data['field_' . $field->id] != '' ? \Carbon\Carbon::createFromFormat('m/d/Y', $employeeDetail->custom_fields_data['field_' . $field->id])->format('m/d/Y') : \Carbon\Carbon::now()->format('m/d/Y') }}">
                                            @endif
                                            <div class="form-control-focus"></div>
                                            <span class="help-block"></span>

                                        </div>
                                    </div>
                                @endforeach
                            @endif
                        </div>
                        <div class="row">
                            @if (!empty($joining_documents))
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <div class="m-b-10">
                                            <label class="control-label">
                                                <b>Joining Documents</b>
                                            </label>
                                        </div>
                                        <div class="row">
                                            @foreach ($joining_documents as $key => $doc)
                                                <div class="col-md-2 d-flex gap-2">
                                                    <input type="checkbox" name="joining_documents[]" class="m-t-0"
                                                        id="email_notifications1"