@extends('layouts.app')
@section('title', trans('menu.profile_title'))

@section('plugin-styles')
    @php $u = request()->user();@endphp
    @if ($u->can('update', $user))
        <link rel="stylesheet" href="{{ asset('vendors/x-editable/bootstrap-editable.css') }}">
    @endif
@stop

@section('content')
    @php $fieldSources = [];@endphp
    @include('layouts.partials.employee-files')

    <div class="tab-content-wrapper">
        <!-- Tab Content -->
        <div class="tw-tab-content">
            <div class="tab-pane-underline profile-view">
                <form method="POST" action="{{ url('users/' . $user->id . '/profile') }}" accept-charset="UTF-8"
                    enctype="multipart/form-data" class="user-form editable-form">
                    <input name="_method" type="hidden" value="PUT">
                    <div class="tabs mb-[24px] overflow-x-scroll no-scrollbar">
                        @foreach ($pdform->types as $key => $type)
                            <button id="v-pills-{{ $key }}-tab"
                                class="tabs-btn-box {{ $loop->first ? 'active' : '' }}" data-toggle="tab"
                                href="#v-pills-{{ $key }}">
                                @if ($type->name == 'Basic Information')
                                    {{ trans('menu.basic_information_title') }}
                                @elseif($type->name == 'Work Information')
                                    {{ trans('menu.work_information_title') }}
                                @elseif($type->name == 'Contract Information')
                                    {{ trans('menu.contract_information_title') }}
                                @endif
                            </button>
                        @endforeach
                    </div>
                    <div class="bg-base-white border border-custom-grey-200 rounded-[8px] px-[32px] pb-[24px]">
                        @foreach ($pdform->types as $key => $type)
                            @php $id = str_replace(" ","-", str_replace("& ", "", strtolower($type->name))); @endphp
                            <div class="tab-pane-box fade-in fade-out {{ $loop->first ? '' : 'hidden' }}"
                                id="v-pills-{{ $key }}">

                                @php
                                    $ISEditable = false;
                                    if ($type->id === \Modules\Form\Entities\FormType::CONTRACT_TYPE_FORM_FIELD_ID) {
                                        $type->fields = $type
                                            ->fields()
                                            ->with([
                                                'fieldType',
                                                'dependOn' => fn($q) => $q->with('fieldType')
                                            ])
                                            ->whereIn('id', $contract_fields)
                                            ->orwhere('name', 'contract_type')
                                            ->orderby('order')
                                            ->get();
                                    }
                                @endphp

                                <table class="basic_personal_table">
                                    @foreach ($type->fields as $fkey => $field)
                                        @php $ISEditable = false; @endphp


                                        @continue(!$u->can('view ' . $field->name))

                                        @continue($field->name == 'as_of_date')

                                        @php $ISEditable = $u->can('edit '.$field->name) && ($field->fieldType->name != 'file'); @endphp

                                        @continue($field->name == 'photograph' || $field->name == 'name' || $field->name == 'status')

                                        @php

                                            $inputclass = 'form-control form-control-sm';
                                            $format = '';
                                            $visibility = '';
                                            $dependID = '';
                                            $dependValue = '';

                                            if ($field->dependent) {
                                                $visibility = 'hide conditional';
                                                $dependID = $field->dependOn->name;
                                                $dependValue = $field->on;

                                                if ($field->dependOn->fieldType->name == 'select') {
                                                    $visibility =
                                                        $user->profile[$field->dependOn->name] == $field->on
                                                            ? 'conditional'
                                                            : $visibility;
                                                } else {
                                                    $visibility = $user->profile[$field->dependOn->name]
                                                        ? 'conditional'
                                                        : $visibility;
                                                }
                                            }

                                            if (
                                                $field->fieldType->name == 'date' ||
                                                $field->fieldType->name == 'datetime-local'
                                            ) {
                                                $inputclass = 'form-control form-control-sm datepicker';
                                                $format = getDateFormat();
                                            } elseif (
                                                $field->fieldType->name == 'entity' ||
                                                $field->fieldType->name == 'select' ||
                                                $field->fieldType->name == 'checkbox' ||
                                                $field->fieldType->name == 'radio'
                                            ) {
                                                $inputclass = 'pd-dropdown w-200';
                                            }

                                            if (!$field->core) {
                                                $meta = $user->metas->where('form_field_id', $field->id)->first();
                                                $meta = $meta ? $meta->value : '';

                                                if (
                                                    $field->fieldType->name == 'date' ||
                                                    $field->fieldType->name == 'datetime-local'
                                                ) {
                                                    $dateFormat = 'Y-m-d';
                                                    $dateSegments = Str::of($meta)->explode(' ')->filter();

                                                    if ($dateSegments->count() >= 2) {
                                                        $dateFormat =
                                                            $dateFormat .
                                                            (Illuminate\Support\Str::of($dateSegments->last())
                                                                ->explode(':')
                                                                ->filter()
                                                                ->count() <= 2
                                                                ? ' H:i'
                                                                : ' H:i:s');
                                                    }

                                                    if ($meta != '') {
                                                        $meta = Carbon\Carbon::createFromFormat(
                                                            $dateFormat,
                                                            $meta,
                                                        )->format(config('settings.date_format'));
                                                    }
                                                }
                                            }
                                        @endphp
                                        @php $label = generateTranslationKey($field->label); @endphp
                                        <tr class="{{ $visibility }}">
                                            @php
                                                if ($field->form_type_id == 3) {
                                                    $ISEditable = false;
                                                }
                                            @endphp
                                            <th>{{ __('forms.' . $label) }}</th>

                                            <td
                                                class="{{ $field->fieldType->name == 'timerange' ? 'w-full sm:w-full' : 'w-full sm:w-2/3' }}">

                                                @if ($field->fieldType->name == 'entity')
                                                    @php
                                                        $items = '';
                                                        $model_column = json_decode($field->model_column, true);
                                                        $name = $field->name;
                                                        $relation = $user->$name;
                                                        $fieldSources[$name] = [
                                                            'type' => $field->model_type,
                                                            'column' => $model_column,
                                                        ];
                                                    @endphp
                                                    @include('users.profile.entity')
                                                @elseif($field->fieldType->name == 'checkbox' || $field->fieldType->name == 'radio')
                                                    @include('users.profile.choice')

                                                    @if ($field->core)
                                                        @php
                                                            $fieldSources['profile[' . $field->name . ']'] = [
                                                                ['value' => 1, 'text' => trans('forms.lbl_yes')],
                                                                ['value' => 0, 'text' => trans('forms.lbl_no')],
                                                            ];
                                                        @endphp
                                                    @else
                                                        @php
                                                            $fieldSources['metas[' . $field->id . ']'] = [
                                                                ['value' => 1, 'text' => trans('forms.lbl_yes')],
                                                                ['value' => 0, 'text' => trans('forms.lbl_no')],
                                                            ];
                                                        @endphp
                                                    @endif
                                                @else
                                                    @include('users.profile.default')

                                                    @if ($field->fieldType->name == 'select')
                                                        @php
                                                            $choices = json_decode($field->choices, true);
                                                            $resultedChoices = [];
                                                            foreach ($choices as $index => $choice) {
                                                                if ($index == 'male') {
                                                                    $choice = trans('forms.lbl_male');
                                                                } elseif ($index == 'female') {
                                                                    $choice = trans('forms.lbl_female');
                                                                } elseif ($index == 'yes') {
                                                                    $choice = trans('forms.lbl_yes');
                                                                } elseif ($index == 'no') {
                                                                    $choice = trans('forms.lbl_no');
                                                                }
                                                                $resultedChoices[] = [
                                                                    'value' => $index,
                                                                    'text' => $choice,
                                                                ];
                                                            }

                                                        @endphp

                                                        @if ($field->core)
                                                            @php $fieldSources["profile[".$field->name."]"] = $resultedChoices; @endphp
                                                        @else
                                                            @php $fieldSources["metas[".$field->id."]"] = $resultedChoices; @endphp
                                                        @endif
                                                    @endif
                                                @endif
                                            </td>
                                        </tr>

                                        @if ($field->name == 'contract_type')
                                            @php $label = generateTranslationKey("Times extended"); @endphp
                                            <tr class="{{ $visibility }}">
                                                <th>{{ __('forms.' . $label) }}</th>
                                                <td>
                                                    @php
                                                        $extented = $user->contracts()->count() - 1;
                                                    @endphp
                                                    <p class="badge-pill badge-pill-info">{{ $extented }}</p>
                                                    <i data-fieldid="{{ $field->id }}"
                                                        class="mdi mdi-content-copy font-weight-bold ml-auto px-1 py-1 text-info mdi-24px float-right"></i>
                                                </td>
                                            </tr>
                                        @elseif($field->name == 'vacation_hour_cc')
                                            @php $label = generateTranslationKey("Extra hours"); @endphp
                                            <tr class="{{ $visibility }}">
                                                <th>{{ __('forms.' . $label) }}</th>
                                                <td>
                                                    @php
                                                        $totalHours = $user
                                                            ->overtimes()
                                                            ->where('status', 'accepted')
                                                            ->sum('hours');
                                                    @endphp
                                                    <p class="badge-pill badge-pill-info">{{ $totalHours }}</p>
                                                    <i data-fieldid="{{ $field->id }}"
                                                        class="mdi mdi-content-copy font-weight-bold ml-auto px-1 py-1 text-info mdi-24px float-right"></i>
                                                </td>
                                            </tr>
                                        @endif
                                    @endforeach
                                </table>
                            </div>
                        @endforeach
                    </div>
                </form>
            </div>
        </div>
    </div>
    @include('users.profile.logo')
@stop

@section('footer-script')
    <script src="{{ asset('js/tailwind/profile.js') }}"></script>
    <!-- plugin js for this page -->
    @if ($u->can('update', $user))
        <script src="{{ asset('vendors/x-editable/bootstrap-editable.min.js') }}"></script>
        <script src="{{ asset('js/x-editable.js') }}"></script>
    @endif
    <script type="text/javascript">
        var fieldSources = {!! json_encode($fieldSources) !!},
            user_id = {{ $user->id }};


        $(".btn-save").on("click", function(event) {
            event.preventDefault();
            //data = $(".user-form").serialize();
            let formData = $('form.user-form').serializeFiles();

            PDRequest({
                type: "POST",
                url: $(".user-form").prop("action"),
                data: formData,
                //data    : data,
                event: event
            }).then((response) => {});
        });

        $("input[type='file']").on('change', function() {
            $(".btn-upload").removeClass("hidden");
        });

        $(".btn-upload").on('click', function(event) {
            const fileInput = document.querySelector('#photograph');
            const formData = new FormData();
            formData.append('logo', fileInput.files[0]);
            PDRequest({
                type: "POST",
                url: "{{ url('users/' . $user->id . '/logo/upload') }}",
                data: formData,
                event: event,
                media: true
            }).then(function(response) {
                if (response.status == "success") {
                    $("#profile-avator").find("img").prop("src", response.src);
                    $(".btn-upload").addClass("hidden");
                    $("#modal-dialog").modal('hide');
                }
            });
        });

        drEvent.on('dropify.beforeClear', function(event, element) {

            $el = event.target;
            if (confirm("{{ trans('forms.do_you_really_want_delete') }}")) {
                return PDRequest({
                    type: "POST",
                    url: "{{ url('users/' . $user->id . '/remove/logo') }}",
                    data: {
                        name: $($el).attr('name')
                    }
                }).then(function(response) {
                    if (response.status == "success") {
                        if ($($el).attr('name') == "signature") {
                            $(".btn-upload").addClass("hidden");
                        } else {
                            $("#profile-avator").find("img").prop("src", "");
                            $(".btn-upload").addClass("hidden");
                            $("#modal-dialog").modal('hide');
                        }

                    }
                });
            } else {
                return false;
            }
        });

        $(document).on('click', function (e) {
            if (!$(e.target).closest('.popover, [data-toggle="popover"]').length) {
                $('[data-toggle="popover"]').popover('hide');
            }
        });

        $(document).ready(function() {
            $('[id^="editable-"]').each(function() {
                
                var editable = $(this).text().trim();
                
                if (editable === "yes" || editable === "Yes") {
                    $(this).text("{{ trans('forms.lbl_yes') }}");
                } else if (editable === "no" || editable === "No") {
                    $(this).text("{{ trans('forms.lbl_no') }}");
                } else if (editable === "Male") {
                    $(this).text("{{ trans('forms.lbl_male') }}");
                } else if (editable === "Female") {
                    $(this).text("{{ trans('forms.lbl_female') }}");
                }
            });
        });

    </script>
    <!-- End custom js for this page-->

@stop