edit project

@if($currentUser->hasAccess(['module.employee.update', 'module.employee.edit']))

    <script type="text/javascript">
        $('.selectpicker').selectpicker({});
    </script>
    <script src="{{asset("js/circleDonutChart.js")}}"></script>
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <?php
    $experience = $employee->userExperiences->first();
    ?>

<div class="header">
        @if(isset($modalCtrl))
            @if($modalCtrl == 1)
                {{--mbylljen e modalit me js--}}
            @endif
        @endif
        <button type="button" class="btn btn-sm hr-button pull-right" data-dismiss="modal"> Close</button>
    </div>
    <div class="row mx-4">
        <div class="col-12">

            <div class="row mt-5">
                <b class="hr-default-text">Edit training/project details</b>
            </div>
            <div class="row mt-5">
                <div class="col-lg-6 col-xl-5 col-md-12">
                    <label class="hr-default-text">Company</label>
                    <select class="selectpicker required" name="project[project_company]"
                            id="job_status_edit">
                        <option value="">Please select a company</option>
                        @foreach ($company_project as $comp)
                            <option {{old('project.project_company') ? (old('project.project_company') == $comp ? 'selected' : '') : ($all_projects->project_company == $comp ? 'selected' : '')}}
                                    value="{{old('project.project_company') ? old('project.project_company') : $comp}}">{{$comp}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-lg-6 col-xl-5 offset-xl-1 col-md-12">
                    <label for="Position" class="hr-default-text">Working status</label>
                    <select class="selectpicker required" name="project[project_type]"
                            id="job_status_edit">
                        <option value="">Please select current status</option>
                        @foreach ($project_type as $type)
                            <option {{old('project.project_type') ? (old('project.project_type') == $type ? 'selected' : '') : ($all_projects->project_type == $type ? 'selected' : '')}}
                                    value="{{old('project.project_type') ? old('project.project_type') : $type}}">{{$type}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="row mt-5">
                <div class="col-lg-6 col-xl-5 col-md-12">
                    <label class="hr-default-text">Name</label>
                    <input type="text" class="form-control required info-required" name="project[project_name]"
                       value="{{old('project.project_name')? old('project.project_name') : $all_projects->project_name}}"
                        autofocus placeholder="Please add a name">
                </div>
                <div class="col-lg-4 col-xl-3 col-md-12">
                    <label class="hr-default-text">Starting Date</label>
                    <div class="input-group date" data-provide="datepicker"
                        data-date-format="dd-mm-yyyy">
                        <input type="text" class="form-control"
                            name="project[start_training]" id="edit-start_date"
                            placeholder="Choose date" value="{{old('project.start_training')? old('project.start_training') : (isset($all_projects->start_training) ? $all_projects->start_training : '' )}}">
                        <div class="input-group-addon calendar-icon">
                            <span class="fa fa-calendar"></span>
                        </div>
                    </div>

                </div>
                <div class="col-lg-4 col-xl-3 col-md-12">
                    <label class="hr-default-text">Ending Date</label>
                    <div class="input-group date" data-provide="datepicker"
                        data-date-format="dd-mm-yyyy">
                        <input type="text" class="form-control"
                            name="project[end_training]" id="edit-end_date" placeholder="Choose date"
                             value="{{old('project.end_training')? old('project.end_training') : $all_projects->end_training}}">
                        <div class="input-group-addon calendar-icon">
                            <span class="fa fa-calendar"></span>
                        </div>
                    </div>

                </div>
            </div>
            <div class="row mt-5">
                <div class="col-lg-6 col-xl-4 col-md-12">
                    <label for="evaluation" class="hr-default-text">Evaluation</label>
                    <input type="text" class="form-control" name="project[project_estimation]"
                           value="{{old('project.project_name')? old('project.project_name') : $all_projects->project_estimation}}"
                           autofocus placeholder="Please complete your evaluation">


                </div>
                <div class="col-lg-6 col-xl-4 col-md-12">
                    <label for="evaluation" class="hr-default-text">Performance level</label>
                    <input type="number" min="1" max="5" class="form-control" name="project[performance_level]"
                           value="{{old('project.performance_level')? old('project.performance_level') : $all_projects->performance_level}}"
                           autofocus placeholder="Please complete your evaluation">
                </div>
                <div class="col-lg-4 col-xl-4 col-md-12">
                    <label class="hr-default-text">Evaluation date</label>
                    <div class="input-group date" data-provide="datepicker"
                         data-date-format="dd-mm-yyyy">
                        <input type="text" class="form-control"
                               name="project[evaluation_date]" placeholder="Choose date"
                               value="{{old('project.evaluation_date')? old('project.evaluation_date') : $all_projects->evaluation_date}}">
                        <div class="input-group-addon calendar-icon">
                            <span class="fa fa-calendar"></span>
                        </div>
                    </div>

                </div>
            </div>
            <div class="row mt-5">
                <div class="col-lg-6 col-xl-5 col-md-12">
                    <label for="references" class="hr-default-text">Skills</label>
                    <input type="text" class="form-control" name="project[training_skills]"
                      value="{{old('project.training_skills')? old('project.training_skills') : $all_projects->training_skills}}"
                        autofocus placeholder="Please add a skill">
                </div>
                <div class="col-lg-6 col-xl-5 offset-xl-1 col-md-12">

                </div>
            </div>

        </div>

                    <div class="col-12">
                        <div class="row action-btn mt-5 mb-4">
                            <div class="col">
                                <button type="button" class="btn btn-sm btn-success saveUpdates"> Update</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>

        <div id="editProjectModal"
             class="modal fade" role="dialog">
            <div class="modal-dialog" style="max-width: 800px">
                <div class="modal-content">
                    <div class="modal-body editProjectModal">
                    </div>
                </div>

            </div>
        </div>
    </div>
    <script>
        var uploadedFiles = [];
        var rowNum = 0;
        var rowNumLegal = 0;
        var tabs = $('#tabs').find('li');

        //required fields
        var infoRequiredFields = $('.info-required');

        $('#updateForm').parsley();

        $('.datepicker').datepicker();

        $('[data-toggle="tooltip"]').tooltip();

        //image preview
        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function (e) {
                    $('#img-preview').attr('src', e.target.result);
                };

                reader.readAsDataURL(input.files[0]);
            }
        }


        function setFileNameOnUpload(el) {
            var $input = el,
                $label = $input.next('label'),
                labelVal = $label.html();

            $input.on('change', function (e) {
                var fileName = '';
                if (e.target.value) {
                    fileName = e.target.value.split('\\').pop();
                }
                if (fileName) {
                    $label.find('span').html(fileName);
                } else {
                    $label.html(labelVal);
                }
            });
            $input
                .on('focus', function () {
                    $input.addClass('has-focus');
                })
                .on('blur', function () {
                    $input.removeClass('has-focus');
                });
        }

        //Remove skill tag
        function removeTag(value) {
            $(value).remove();
        }

        //Skills tags
        $('.addSkill').on('keypress', function (e) {
            var keyCode = e.keyCode || e.which;
            if (keyCode === 13) {
                var template = '<span class="mr-1">\n' +
                    '<span class="badge"></span>\n' +
                    ' <input type="hidden" name="user[skills][]">' +
                    '</span>';
                var skillInput = $('.addSkill').val();
                if (skillInput === '') {
                    return;
                }
                $('.skills').append(template);
                var lastSpan = $('.skills').find('span:last')[0];
                var lastInput = $('.skills').find('input:last')[0];
                $(lastInput).val(skillInput);
                $(lastSpan).html(skillInput + '<i class="fa fa-times" onclick="removeTag($(this).parent().parent())"></i>');
                $('.addSkill').val('');
            }
        });

        $('#updateForm').on('keyup keypress', function (e) {
            var keyCode = e.keyCode || e.which;
            if (keyCode === 13) {
                e.preventDefault();
                return false;
            }
        });

        @if($currentUser->hasAccess(['module.employee.update', 'module.employee.edit']))

        function saveData() {

            var sweet = swal({
                text: 'Please wait',
                allowOutsideClick: false,
                onOpen: function () {
                    swal.showLoading()
                }
            });
            var data = $("#updateForm").serializeArray();
            var formData = new FormData();


            $.each(data, function (key, input) {
                formData.append(input.name, input.value);
            });



            $.ajax({
                type: "POST",
                url: "{{ route("module.employee.update", ["id" => $employee->id]) }}",
                data: formData,
                processData: false,
                contentType: false,
                success: function (response) {
                    if (response.status === "Ok") {
                        $('#editUserModal').modal('hide');
                        $('.editUserModal').empty();
                        swal({
                            type: 'success',
                            title: response.message,
                            showConfirmButton: false,
                            timer: 2000
                        });
                        updateEmpList();
                        sweet.then(function (result) {
                            result.dismiss === swal.DismissReason.timer;
                        })
                    } else {
                        $('.editUserModal').empty();
                        $(".editUserModal").html(response);
                    }
                },
                error: function (error) {
                    console.log(error);
                }

            })
        }

        @endif

        // function isValidInfoTab() {
        //     return $("input#first_name_edit").parsley().isValid() &&
        //         $("input#last_name_edit").parsley().isValid() &&
        //         $("input#birthday_edit").parsley().isValid() &&
        //         $("input#address_edit").parsley().isValid() &&
        //         $("input#email_edit").parsley().isValid() &&
        //         $("input#mobile_phone_edit").parsley().isValid()
        // }

        $(document).ready(function () {

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            $(".saveUpdates").on('click', function () {
                $(this).parsley().validate();
                if ($('#updateForm').parsley().isValid() && ($('#departmentSelected').parsley().isValid())) {
                    $(this).attr('disabled', true);
                    saveData();
                } else {
                    setTimeout(function () {
                        $('#updateForm').parsley().validate();
                    }, 50);
                }
            });

        });

        /*Expand View*/
        $(document).on('click', '.expand-view', function (evt) {
            evt.stopImmediatePropagation();
            // var expandView = $(this);
            // if ($(this).find('i').hasClass('fa-plus') && $(this).closest('li').find('ul').hasClass('has-children')) {
            //     $(this).find('i').removeClass('fa-plus');
            //     $(this).find('i').addClass('fa-minus');
            // } else {
            //     $(this).find('i').removeClass('fa-minus');
            //     $(this).find('i').addClass('fa-plus');
            // }
            $(this).parent().parent().children('.has-children').toggleClass('open');
        });

        /*Remove modal*/
        $('#editProjectModal').on('hidden.bs.modal', function () {
            $(this).find('.editProjectModal').empty();
        });

    </script>

@endif