@extends('layouts.general')

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

@section('optionalCss')
    <link href="{!! asset('css/team/jquery-ui.1.12.1.css') !!}" rel="stylesheet">
    <link href="{!! asset('css/team/teamModify.css?20201225-1810') !!}" rel="stylesheet">
    <link href="{!! asset('css/common/common.css?20190220-1430') !!}" rel="stylesheet">
@stop

@section('content')

    <div class="container" id="team-modify-container">

        {{--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 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--}}

        {{--Custom validate msg--}}
        <div class="flash-message" id="editionMsg">
            @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 Custom validate msg--}}

        <div class="col-xs-12">
            <h4><strong>チームの登録・編集</strong></h4>
        </div>
        <div class="col-xs-12" id="teamModifyHead">
            <div class="col-xs-2" id="registBtnArea">
                @if(!$isRegister)
                    <a id="registBtn" name="RegistBtn" href="{{route('registerGetTeam')}}" class="btn btn-primary registBtn">新規チーム登録</a>
                @endif
            </div>
            <div class="col-xs-10 trz-duty-link" style="line-height: 32px;">
                <span>職責の登録・閲覧は<a href=
                    @if(tn_optional($editTeam)->id)
                        {{route('car021.get_search', [
                            'teamName' => tn_optional($editTeam)->id
                        ])}}
                    @else
                        {{route('car021')}}
                    @endif
                    >こちら</a>に移動しました</span>
            </div>
        </div>

        @include('team.partial.team_modify')

    </div>

    @if(!$isRegister)
        @include('team.partial.team_member_add_modal')
    @endif
@stop

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

@section('optionalJs')
    <script src="{!! asset('js/team/jquery-ui.1.12.1.js') !!}"></script>
    <script src="{!! asset('js/team/modify.js') !!}?20201225-1745"></script>
    <script>
        $(document).ready(function () {
            let members = [
                @foreach($allMembers as $member)
                    {
                        id: {{$member->id}},
                        name: "{{$member->last_name . $member->first_name}}",
                        kana: "{{$member->last_name_reading . $member->first_name_reading}}",
                        teamId: "{{$member->team_ids}}",
                        lastName: "{{$member->last_name}}",
                        firstName: "{{$member->first_name}}"
                    },
                @endforeach
            ];
            let teamModifyModule = new TeamModifyModule("{{route('get.team.modify.teamGroupId')}}",
                    '{{ url('/team/modify') }}', '{{ Message::get("E00081") }}', '{{ Message::get("E00036") }}',
                    '{{route("get_post.team.modify.getTeamStructureMemByMemId")}}', '{{route("get_post.team.modify.getTeamMemberByMemberIdForDeletePopup")}}',
                    '{{csrf_token()}}', members, '{{route("exchangeTeamMemberDispOrder")}}', '{{ Message::get("E00114") }}', '{{ Message::get("E00115") }}',
                    '{{ Message::get("E00117") }}', '{{ Message::get("E00118") }}', '{{ Message::get("E00095") }}', '{{ Message::get("E00096") }}',
                    '{{ Message::get("E00103") }}', '{{tn_optional($evaluationDate)->end_date}}');
            teamModifyModule.main();
        });
    </script>
@append