@extends('layouts.general')

@section('layouts.header')
    @include('layouts.header')
@stop

@section('optionalCss')
    <link href="{!! asset('css/feedback/feedback_modify.css') !!}" rel="stylesheet">
@stop

@section('content')
<div class="container" id="app">

    {{--Validator Error From Server--}}
    @if($errors->any())
        <div class="flash-message">
            <div class="alert alert-danger">
                <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{$error}}</li>
                    @endforeach
                </ul>
            </div>
        </div>
    @endif
    {{--End Validator Error From Server--}}

    {{--Begin flash message--}}
    <div class="flash-message">

        @foreach (['danger', 'warning', 'success', 'info'] as $msg)
            @if(Session::has('alert-' . $msg))
                <p class="alert alert-{{ $msg }}">
                    {{ Session::get('alert-' . $msg) }}
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                </p>
            @endif
        @endforeach

    </div>
    {{--End flash message--}}

    {{--Begin validate message--}}
    <div id="validate_form_error_msg">
        <div v-cloak v-if="form.errors.any()" class="flash-message">
            <div class="alert alert-danger">
                <ul>
                    <li v-for="(value, key, index) in form.errors.errors">@{{form.errors.get(key)}}</li>
                </ul>
            </div>
        </div>
    </div>
    {{--End validate message--}}

    <div class="col-xs-12">
        <h4 style="float: left;"><strong>個人別の記録を閲覧・編集することができます</strong></h4>
    </div>
    <div class="col-xs-12 margin-top-20 no-padding">
        @php
            $trz_positions = array_first(TnHelper::getDataOfDotArray($feedbackList, 'trz_positions'));
        @endphp

        @if($feedbackList->count())

            <div class="col-xs-9" style="display:inline-flex">

                <form
                        method="post"
                        name="FormLoginEval"
                        class="col-xs-12 form-inline no-padding ajaxValidateFrm"
                        action="{{route('postFeedbackModify')}}">

                    {{csrf_field()}}

                    <div class="row">
                        <div class="col-xs-4">
                            <label class="fontsize-reading">
                                {{sprintf('%s %s',
                                    $feedbackList['last_name_reading'],
                                    $feedbackList['first_name_reading'])
                                }}
                            </label>
                        </div>

                        <div class="col-xs-8">
                            @isset($trz_positions)
                            <label class="">
                                {{sprintf('%s(%s~)', $trz_positions['mst_name'], $trz_positions['change_date'])}}
                            </label>
                            @endisset
                        </div>

                    </div>

                    <div class="row">

                        <div class="col-xs-4">
                            <label class="fontsize-name">
                                {{sprintf('%s %s',
                                    $feedbackList['last_name'],
                                    $feedbackList['first_name'])
                                }}
                            </label>
                            <label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;さんの面談記録</label>
                        </div>
                        <div class="col-xs-8">
                            <label class="">{{$currentDutys}}</label>
                        </div>

                    </div>

                    @if($evaluationDateList->count())

                        @foreach ($evaluationDateList as $evaluationDate)
                            @include('feedback.sheet.partial.modify_evaluation')
                        @endforeach

                    @else
                        @include('feedback.sheet.partial.modify_evaluation')

                    @endif

                    <div class="row margin-top-20 col-xs-offset-9">

                        <a
                                href="{{route('getFeedbackIndex')}}"
                                class="btn btn-primary">一覧に戻る</a>


                        <input
                                data-ajaxurl="{{route('post.feedback.modify.ajaxValidateForm')}}"
                                @click="onSubmit"
                                type="submit"
                                class="btn btn-primary"
                                value="上書き保存"/>
                    </div>

                </form>

            </div>

        @endif

    </div>
</div>
@stop

@section('modal')
    @include('layouts.modal')
@stop

@section('layouts.footer')
    @include ('layouts.footer')
@stop

@section('optionalJs')

    <script src="{!! asset('js/lib/validateFrm.js') !!}" type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function () {

            $('.datetimepicker').datetimepicker({
                format: 'YYYY-MM-DD',
                locale: 'ja',
                defaultDate: new Date(),
            });

            $('.team_group_list')
                .off('change.list_team')
                .on('change.list_team', function (e) {

                    var that = this,
                        optionSelected = $('option:selected', that);

                    if (typeof undefined != typeof $(optionSelected).data('url')) {
                        window.location = $('option:selected', that).data('url');
                    }
                });

            $('.team_list')
                .off('change.list_member')
                .on('change.list_member', function (e) {

                    var that = this,
                        optionSelected = $('option:selected', that);

                    if (typeof undefined != typeof $(optionSelected).data('url')) {
                        window.location = $('option:selected', that).data('url');
                    }

                });
        });
    </script>

@append