@extends('layout.frontend', ['title' => 'Моя анкета - РекаМоре'])

@section('scripts')
    <script>
        $(function() {
            $('.cabinet__avatar-form [type="file"][name="photo"]').change(function (event) {
                const file = event.target.files[0];

                if (file) {
                    var img_wrap = $('.cabinet__avatar-pic');
                    var img = $('<img src="#"/>');
                    const reader = new FileReader();

                    reader.onload = function(e) {
                        img.attr('src', e.target.result);
                        img_wrap.find('svg, img').remove();
                        img_wrap.append(img);
                    };

                    reader.readAsDataURL(file);
                }
            });
        });

        $(document).on('click', '#button_new_doc123', function() {
            var this_ = $(this);
            var val_ = this_.attr('data-val');
            var new_diplom = $('#new_diplom');
            var new_diplom_val = new_diplom.val();
            var new_data_begin = $('#new_data_begin');
            var new_data_begin_val = new_data_begin.val();
            var new_data_end = $('#new_data_end');
            var new_data_end_val = new_data_end.val();
            var education = $('#education');
            var education_val = education.val();
            var worker_id = $('#new_id');
            var worker_val = worker_id.val();

            console.log('sort items ' + val_);

            if (new_diplom_val == '') {
                new_diplom.addClass('err_red');
                console.log('Border Up');
            } else {
                $.ajax({
                    type: "GET",
                    url: "{{ route('worker.add_serificate') }}",
                    data: "worker_id="+worker_val+"&date_begin="+new_data_begin_val + "&end_begin=" + new_data_end_val + "&name=" + new_diplom_val + "&education="+education_val,
                    success: function (data) {
                        console.log('Блокировка...');
                        console.log(data);
                        $('#sertificate').html(data);
                        if (new_diplom.hasClass('err_red')) new_diplom.removeClass('err_red');
                    },
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    error: function (data) {
                        data = JSON.stringify(data);
                        console.log('Error: ' + data);
                    }
                });
            }
        });

        $(document).on('click', '#btn_new_diplom123', function() {
            var this_ = $(this);
            var val_ = this_.attr('data-val');
            var documents = $('#documents');
            var doc_val = documents.val();
            var block = $('#ajax_dop_diplomi');

            console.log('worker_id='+val_+'it_infoblock='+ doc_val);

                $.ajax({
                    type: "GET",
                    url: "",
                    data: "worker_id="+val_+"&infoblok_id="+doc_val,
                    success: function (data) {
                        location.url = data;
                        console.log('Добавление документа-диплома');
                        console.log(data);
                        block.html(data);
                    },
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    error: function (data) {
                        data = JSON.stringify(data);
                        console.log('Error: ' + data);
                    }
                });
            });

        $(document).on('click', '#new_work', function() {
            var this_ = $(this);
            var val_ = this_.attr('data-val');
            var new_diplom = $('#new_diplom').val();
            var new_data_begin = $('#new_data_begin').val();
            var new_data_end = $('#new_data_end').val();
            var new_job_title = $('#new_job_title').val();
            var new_teplohod = $('#new_teplohod').val();
            var new_GWT = $('#new_GWT').val();
            var new_KBT = $('#new_KBT').val();
            var new_Begin_work = $('#new_Begin_work').val();
            var new_End_work = $('#new_End_work').val();
            var new_name_company = $('#new_name_company').val();

            console.log('worker_id='+val_+'it_infoblock='+ doc_val);

            $.ajax({
                type: "GET",
                url: "",
                data: "worker_id="+val_+"&infoblok_id="+doc_val,
                success: function (data) {
                    location.url = data;
                    console.log('Добавление документа-диплома');
                    console.log(data);
                    block.html(data);
                },
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                error: function (data) {
                    data = JSON.stringify(data);
                    console.log('Error: ' + data);
                }
            });
        });

        $(document).on('click', '#old_year', function() {
            var this_ = $(this);
            var val = this_.val();

            if (val < 0)
                $('#old_year').val(0);

            console.log('Возраст не может выполнить такую операцию');
        });
    </script>
@endsection

@section('content')
@php
    $user = $worker->users
@endphp
    <section class="cabinet">
        <div class="container">
            <ul class="breadcrumbs cabinet__breadcrumbs">
                <li><a href="{{ route('index') }}">Главная</a></li>
                <li><b>Личный кабинет</b></li>
            </ul>
            <div class="cabinet__wrapper">
                <div class="cabinet__side">
                    <div class="cabinet__side-toper">
                        @include('workers.emblema')

                    </div>

                    @include('workers.menu', ['item' => 1])
                </div>
                <form class="cabinet__body" action="{{ route('worker.cabinet_save', ['worker' => $worker->id]) }}" enctype="multipart/form-data" method="POST">
                    @csrf
                    @include('messages_error')
                    <div class="cabinet__body-item">
                        <div class="cabinet__anketa">
                            <h2 class="title cabinet__title">Моя анкета</h2>
                            <div class="cabinet__anketa-buttons">
                                <a href="{{ route('worker.up', ['worker' => $worker->id]) }}" class="button">Поднять резюме</a>
                                <a href="{{ route('resume_download', ['worker' => $worker->id]) }}" target="_blank" class="button">
                                    <svg>
                                        <use xlink:href="{{ asset('images/sprite.svg#share') }}"></use>
                                    </svg>
                                    Скачать резюме
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="cabinet__body-item">
                        <div class="cabinet__stats">
                            <h3 class="cabinet__subtitle cabinet__stats-title">Статистика</h3>
                            <div class="cabinet__stats-body">
                                <div class="cabinet__stats-item">
                                    <svg>
                                        <use xlink:href="{{ asset('images/sprite.svg#eye-3') }}"></use>
                                    </svg>
                                    <span>Просмотров:</span>
                                    <b>@if (isset($stat[0]->lookin)) {{ $stat[0]->lookin }} @else 0 @endif</b>
                                </div>
                                <div class="cabinet__stats-item">
                                    <svg>
                                        <use xlink:href="{{ asset('images/sprite.svg#warning') }}"></use>
                                    </svg>
                                    <span>Отзывов:</span>
                                    <b>@if(isset($worker->response)) {{ $worker->response->count() }} @else 0 @endif</b>
                                </div>
                            </div>
                            <div class="cabinet__stats-subtitle">Анкета заполнена на {{ $persent }}%</div>
                            <div class="cabinet__stats-line">
                                <span style="width:{{ $persent }}%"></span>
                            </div>
                            <div class="cabinet__stats-bottom">Заполните профиль, чтобы повысить процент анкеты на 80%</div>
                        </div>
                    </div>
                    <div class="cabinet__body-item">
                        <h3 class="cabinet__subtitle">Профиль</h3>
                        <div class="cabinet__avatar">
                            <div class="cabinet__avatar-pic">

                                @if (!empty($worker->photo))
                                    <img src="{{ asset(Storage::url($worker->photo)) }}"/>
                                @else
                                <svg>
                                    <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
                                </svg>
                                @endif
                            </div>
                            <div class="cabinet__avatar-form">
                                <label class="file">
                                        <span class="file__input">
                                            <input type="file" name="photo" id="photo">

                                            <span class="button">
                                                <svg>
                                                    <use xlink:href="{{ asset('images/sprite.svg#plus') }}"></use>
                                                </svg>
                                                Загрузить
                                            </span>
                                        </span>
                                </label>
                                <p class="cabinet__text">Загрузите фотографию в формате svg., jpg., jpeg., png.</p>
                            </div>
                        </div>
                    </div>


                    <div class="cabinet__body-item mb-40">
                        <h3 class="cabinet__subtitle font30">Основная информация</h3>

                        <div class="cabinet__inputs">
                            <div class="cabinet__inputs-item form-group">
                                <label class="form-group__label">Фамилия:</label>
                                <div class="form-group__item">
                                    {{ $user->surname }}
                                </div>
                            </div>
                            <div class="cabinet__inputs-item form-group">
                                <label class="form-group__label">Наличие визы:</label>
                                <div class="form-group__item">
                                    {{ $worker->visa_available }}
                                </div>
                            </div>

                            <div class="cabinet__inputs-item form-group">
                                <label class="form-group__label">Имя:</label>
                                <div class="form-group__item">
                                    {{ $user->name_man }}
                                </div>
                            </div>
                            <div class="cabinet__inputs-item form-group">
                                <label class="form-group__label">Наличие танкерных документов:</label>
                                <div class="form-group__item">
                                    {{ $worker->tanker_documents_available ?? '-' }}
                                </div>
                            </div>

                            <div class="cabinet__inputs-item form-group">
                                <label class="form-group__label">Отчество:</label>
                                <div class="form-group__item">
                                    {{ $user->surname2 }}
                                </div>
                            </div>
                            <div class="cabinet__inputs-item form-group">
                                <label class="form-group__label">Наличие подтверждения для работы на ВВП:</label>
                                <div class="form-group__item">
                                    {{ $worker->confirmation_work_for_vvp ?? '-' }}
                                </div>
                            </div>

                            <div class="cabinet__inputs-item form-group">
                                <label class="form-group__label">Возраст:</label>
                                <div class="form-group__item">
                                    {{ $worker->old_year ?? '-' }}
                                </div>
                            </div>
                            <div class="cabinet__inputs-item form-group">
                                <label class="form-group__label">Наличие военного билета / приписного свидетельства:</label>
                                <div class="form-group__item">
                                    {{ $worker->military_id_available ?? '-' }}
                                </div>
                            </div>

                            <div class="cabinet__inputs-item form-group">
                                <label class="form-group__label">Статус:</label>
                                <div class="form-group__item">
                                    {{ $status_work[$worker->status_work] ?? '-' }}
                                </div>
                            </div>
                            <div class="cabinet__inputs-item form-group">
                                <label class="form-group__label">Город проживания:</label>
                                <div class="form-group__item">
                                    {{ $worker->city ?? '-' }}
                                </div>
                            </div>

                            <div class="cabinet__inputs-item form-group">
                                <label class="form-group__label">Желаемые вакансии:</label>
                                <div class="form-group__item">
                                    @if ($worker->job_titles->count())
                                        @foreach($worker->job_titles as $job_title)
                                            {{ $job_title->name }}
                                            @if (!$loop->last) / @endif
                                        @endforeach
                                    @endif
                                </div>
                            </div>
                            <div class="cabinet__inputs-item form-group">
                                <label class="form-group__label">Город проживания:</label>
                                <div class="form-group__item">
                                    {{ $worker->city ?? '-' }}
                                </div>
                            </div>

                            <div class="cabinet__inputs-item form-group">
                                <label class="form-group__label">Пожелания к З/П:</label>
                                <div class="form-group__item">
                                    {{ $worker->salary_expectations ?? '-' }}
                                </div>
                            </div>
                            <div class="cabinet__inputs-item form-group">
                                <label class="form-group__label">E-mail:</label>
                                <div class="form-group__item">
                                    {{ $worker->email ?? '-' }}
                                </div>
                            </div>

                            <div class="cabinet__inputs-item form-group">
                                <label class="form-group__label">Уровень английского:</label>
                                <div class="form-group__item">
                                    {{ $worker->english_level ?? '-' }}
                                </div>
                            </div>
                            <div class="cabinet__inputs-item form-group">
                                <label class="form-group__label">Контакты родственников:</label>
                                <div class="form-group__item">
                                    {{ $worker->telephon2 ?? '-' }}
                                </div>
                            </div>

                            <div class="cabinet__inputs-item form-group">
                                <label class="form-group__label">Дата готовности к посадке:</label>
                                <div class="form-group__item">
                                    {{ $worker->ready_boart_date ?? '-' }}
                                </div>
                            </div>
                            <div class="cabinet__inputs-item form-group">
                                <label class="form-group__label">Предпочтение по типу судна:</label>
                                <div class="form-group__item">
                                    {{ $worker->boart_type_preference ?? '-' }}
                                </div>
                            </div>

                            <div class="">
                                <h4 class="cabinet__h4 mb-10">О себе</h4>
                                <div>{{ $worker->text }}</div>
                            </div>

                            <div class="">
                                <a href="{{ route('worker.basic_information') }}" class="button active">Редактировать  основную информацию</a>
                            </div>
                        </div>
                    </div>

                    <div class="mb-40" id="sertificate" name="sertificate">
                        <h3 class="cabinet__subtitle font30 mb-20">Сертификаты / документы</h3>

                        @if($worker->sertificate->count())
                            @foreach($worker->sertificate as $sertificate)
                                <div class="one-sertificate">
                                    <div class="sertificate-field sertificate-name">
                                        <label class="bold">Название сертификата:</label>
                                        <div>{{ $sertificate->name }}</div>
                                    </div>
                                    <div class="sertificate-field">
                                        <label class="bold">Действителен до:</label>
                                        <div>{{ date('d.m.Y', strtotime($sertificate->end_begin)) }}</div>
                                    </div>
                                    <div class="sertificate-field sertificate-buttons">
                                        <a href="{{ route('worker.edit_sertificate', ['worker' => $worker->id, 'doc' => $sertificate->id ]) }}" class="button button_light mr-10">
                                            <svg><use xlink:href="{{ asset('images/sprite.svg#pencil') }}"></use></svg>
                                        </a>
                                        <a href="{{ route('worker.delete_sertificate', ['doc' => $sertificate->id]) }}" class="button button_light">
                                            <svg><use xlink:href="{{ asset('images/sprite.svg#del') }}"></use></svg>
                                        </a>
                                    </div>
                                </div>
                            @endforeach
                        @endif

                        <a class="button fit-content" href="{{ route('worker.new_sertificate',['worker' => $worker->id]) }}" id="button_new_doc" name="button_new_doc">
                            Добавить сертификат / документ
                        </a>
                    </div>

                    <div class="cabinet__body-item mb-40" name="ajax_dop_diplomi" id="ajax_dop_diplomi">
                        <h3 class="cabinet__subtitle font30">Дополнительные документы</h3>

                        <div class="cabinet__inputs" id="block_sertificate">
                            @if ($info_blocks->count())
                                @foreach ($info_blocks as $info_block)
                                    <div class="cabinet__inputs-item column-count-3 form-group">
                                        <label class="form-group__label">{{ $info_block->name }}:</label>

                                        <div class="form-group__item">
                                            @php $status = 0; @endphp
                                            @if (!empty($worker->dop_info[$info_block->id]) && $worker->dop_info[$info_block->id]['status'])
                                                @php $status = $worker->dop_info[$info_block->id]['status']; @endphp
                                            @endif
                                            {{ $additional_document_statuses[$status] }}
                                        </div>
                                    </div>
                                @endforeach
                            @endif
                        </div>

                        <a class="button fit-content" href="{{ route('worker.additional_documents') }}">
                            Редактировать дополнительные документы
                        </a>
                    </div>

                    <div class="cabinet__body-item mb-20">
                        <div>
                            <h3 class="cabinet__subtitle font30">Опыт работы</h3>
                            <div class="">Начните заполнение анкеты с указания последнего места работы</div>
                        </div>

                        <div class="cabinet__works">
                        @if (isset($worker->place_worker))
                            @foreach($worker->place_worker as $company)
                            <div class="cabinet__works-item">
                                <div class="cabinet__works-spoiler active">
                                    <div class="cabinet__works-spoiler-left">
                                        <div class="cabinet__works-spoiler-text">Место работы {{ $loop->iteration }}</div>
                                    </div>
                                    <div class="cabinet__works-spoiler-buttons">
                                        <a href="{{ route('worker.delete_document', ['doc' => $company->id]) }}" class="button button_light js-works-remove">
                                            <svg>
                                                <use xlink:href="{{ asset('images/sprite.svg#del') }}"></use>
                                            </svg>
                                        </a>
                                        <a href="{{ route('worker.edit_document', ['doc' => $company->id, 'worker' => $worker->id]) }}" type="button" class="button button_light js-works-edit">
                                            <svg>
                                                <use xlink:href="{{ asset('images/sprite.svg#pencil') }}"></use>
                                            </svg>
                                        </a>
                                    </div>
                                </div>

                                <div class="cabinet__works-body">
                                    <div class="cabinet__inputs">
                                        <div class="cabinet__inputs-item column-count-3 form-group">
                                            <label class="form-group__label">Должность:</label>
                                            <div class="form-group__item">
                                                {{ $company->job_title ?? '-' }}
                                            </div>
                                        </div>

                                        <div class="cabinet__inputs-item column-count-3 form-group">
                                            <label class="form-group__label">Название т/х:</label>
                                            <div class="form-group__item">
                                                {{ $company->teplohod ?? '-' }}
                                            </div>
                                        </div>
                                        <div class="cabinet__inputs-item column-count-3 form-group">
                                            <label class="form-group__label">Тип суда:</label>
                                            <div class="form-group__item">
                                                {{ $company->GWT ?? '-' }}
                                            </div>
                                        </div>
                                        <div class="cabinet__inputs-item column-count-3 form-group">
                                            <label class="form-group__label">Марка ГД:</label>
                                            <div class="form-group__item">
                                                {{ $company->Marka_GD ?? '-' }}
                                            </div>
                                        </div>
                                        <div class="cabinet__inputs-item column-count-3 form-group">
                                            <label class="form-group__label">Мощность ГД (кВТ):</label>
                                            <div class="form-group__item">
                                                {{ $company->KBT ?? '-' }}
                                            </div>
                                        </div>
                                        <div class="cabinet__inputs-item column-count-3 form-group">
                                            <label class="form-group__label">Водоизмещение (DWT):</label>
                                            <div class="form-group__item">
                                                {{ $company->GRT ?? '-' }}
                                            </div>
                                        </div>
                                        <div class="cabinet__inputs-item column-count-3 form-group">
                                            <label class="form-group__label">Название компании:</label>
                                            <div class="form-group__item">
                                                {{ $company->name_company ?? '-' }}
                                            </div>
                                        </div>
                                        <div class="cabinet__inputs-item column-count-3 form-group">
                                            <label class="form-group__label">Начало контракта:</label>
                                            <div class="form-group__item">
                                                {{ $company->begin_work ?? '-' }}
                                            </div>
                                        </div>
                                        <div class="cabinet__inputs-item column-count-3 form-group">
                                            <label class="form-group__label">Окончание контракта:</label>
                                            <div class="form-group__item">
                                                {{ $company->end_work ?? '-' }}
                                            </div>
                                        </div>

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

                        <a href="{{ route('worker.add_document', ['worker' => $worker->id]) }}" id="new_work" name="new_work" class="button fit-content">
                            Добавить место работы
                        </a>
                    </div>

                    <div id="prev_worker" name="prev_worker">
                        <div>
                            <h3 class="cabinet__subtitle font30">Рекомендации</h3>
                            <div class="">Укажите контакты компаний, которые могут дать рекомендации</div>
                        </div>

                        @if ((isset($worker->prev_company)) && ($worker->prev_company->count() > 0))
                            @foreach($worker->prev_company as $it)
                                <div class="cabinet__body-item">
                                    <div class="cabinet__inputs mt-30">
                                        <div class="cabinet__inputs-item column-count-3 form-group">
                                            <label class="form-group__label">Название компании:</label>
                                            <div class="form-group__item">
                                                {{ $it->name_company }}
                                            </div>
                                        </div>
                                        <div class="cabinet__inputs-item column-count-3 form-group">
                                            <label class="form-group__label">ФИО сотрудника:</label>
                                            <div class="form-group__item">
                                                {{ $it->direct }}
                                            </div>
                                        </div>
                                        <div class="cabinet__inputs-item column-count-3 form-group cabinet__inputs-item-buttons">
                                            <div class="flex">
                                                <a href="{{ route('worker.delete_prev_company', ['doc' => $it->id]) }}" class="button button_light mr-10">
                                                    <svg>
                                                        <use xlink:href="{{ asset('images/sprite.svg#del') }}"></use>
                                                    </svg>
                                                </a>
                                                <a href="{{ route('worker.edit_prev_company', ['worker' => $worker->id, 'doc' => $it->id ]) }}" class="button button_light">
                                                    <svg>
                                                        <use xlink:href="{{ asset('images/sprite.svg#pencil') }}"></use>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="cabinet__inputs-item column-count-3 form-group">
                                            <label class="form-group__label">Должность сотрудника:</label>
                                            <div class="form-group__item">
                                                {{ $it->telephone }}
                                            </div>
                                        </div>
                                        <div class="cabinet__inputs-item column-count-3 form-group">
                                            <label class="form-group__label">Телефон сотрудника:</label>
                                            <div class="form-group__item">
                                                {{ $it->telephone2 }}
                                            </div>
                                        </div>
                                        <div class="cabinet__inputs-item column-count-3 form-group cabinet__inputs-item-buttons"></div>
                                    </div>
                                </div>
                            @endforeach
                        @endif
                    </div>

                    <div class="cabinet__body-item">
                        <a class="button fit-content" href="{{ route('worker.new_prev_company',['worker' => $worker->id]) }}">
                            Добавить контакт для рекомендации
                        </a>
                    </div>

                </form>
            </div>
        </div>
    </section>
@endsection