@extends('layouts.master')
@section('link')
    <link href="{!! asset('css/team/teamList.css') !!}?20201225-2210" rel="stylesheet">
@stop
@include('layouts.header')

@section('content')
    <script type="text/javascript">
        $(document).ready(function () {
            $('#confirm').on('click', function (e) {
                var fm = document.getElementById('settingFm');
                fm.submit();
            });
            $('.view-modify').hover(
                function () {
                    $(this).children('a.pencil-icon').addClass('hidden');
                    $(this).children('a.link-to').removeClass('hidden');
                },
                function () {
                    $(this).children('a.pencil-icon').removeClass('hidden');
                    $(this).children('a.link-to').addClass('hidden');
                }
            )
        });

        function toModify(grpId, teamId, ver) {
            event.preventDefault();
            $('#popup').modal('show');
            //     	$("#modifyFm").submit();
        }

        function toHistory(grpId, teamId, ver) {
            event.preventDefault();
            $('#popup').modal('hide');
            //         $("#historyFm").submit();
        }
    </script>
    <div class="container">
        <!-- 	<div id="content-body" class="row"> -->
        <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>
        {!! Form::open(array('url'=>'/team/register', 'method' => 'get', 'class'=>'form-inline', 'name'=>'listFm', 'id'=>'listFm')) !!}
        <div class="col-xs-12 pageHeader">
            <div class="col-xs-6 text-left">
                <h4><strong>チームの一覧</strong></h4>
            </div>
            <div id="submit-holder" class="col-xs-6 text-right">
                <a
                        id="registBtn"
                        name="RegistBtn"
                        @cannot('accessIfRoleAdmin', App\User::class )
                        href="#"
                        style="background-color: gray;"
                        @else
                        href="{{route('registerGetTeam')}}"
                        @endcannot
                        class="btn btn-primary registBtn">新規チーム登録</a>
            </div>
        </div>
        {!! Form::close() !!}
        <div class="col-xs-12">
            <table cellpadding="3" class="table table-striped" id="jidou">
                <thead>
                <tr>
                    <th>チーム分類</th>
                    <th>チーム名</th>
                    <th>{{$roles[Config::get('cd_const.TEAM_ROLE_LEADER')]}}</th>
                    <th>{{$roles[Config::get('cd_const.TEAM_ROLE_SUBLEADER')]}}</th>
                    <th>{{$roles[Config::get('cd_const.TEAM_ROLE_MEMBER')]}}</th>
                    <th>{{$roles[Config::get('cd_const.TEAM_ROLE_FREE')]}}</th>
                    <th>数値指数</th>
                    <th class="text-center">閲覧・編集</th>
                    <th class="text-center">チーム<br>構成履歴</th>
                    <th class="text-center">削除</th>
                </tr>
                </thead>
                {!! Form::open(array('url'=>'/team/modify' , 'class'=>'form-inline', 'name'=>'modifyFm', 'id'=>'modifyFm', 'method' =>'get')) !!}
                <tbody>
                @if($teams)
                    @foreach ($teams as $team)
                        @php
                            $teamMembersByRole = array_key_exists($team->id, $allTeamMembers) ? $allTeamMembers[$team->id] : array();
                        @endphp
                        <tr>
                            <td>{{ tn_optional($team->team_group)->name }}</td>
                            <td>{{ $team->name }}（{{ $team->team_age }}）</td>
                            @php
                                $role = Config::get('cd_const.TEAM_ROLE_LEADER');
                                $teamMembers = array_key_exists($role, $teamMembersByRole) ? $teamMembersByRole[$role] : array();
                            @endphp
                            @include('team.partial.team_list_member_column', array('teamMembers' => $teamMembers))

                            @php
                                $role = Config::get('cd_const.TEAM_ROLE_SUBLEADER');
                                $teamMembers = array_key_exists($role, $teamMembersByRole) ? $teamMembersByRole[$role] : array();
                            @endphp
                            @include('team.partial.team_list_member_column', array('teamMembers' => $teamMembers))

                            @php
                                $role = Config::get('cd_const.TEAM_ROLE_MEMBER');
                                $teamMembers = array_key_exists($role, $teamMembersByRole) ? $teamMembersByRole[$role] : array();
                            @endphp
                            @include('team.partial.team_list_member_column', array('teamMembers' => $teamMembers))

                            @php
                                $role = Config::get('cd_const.TEAM_ROLE_FREE');
                                $teamMembers = array_key_exists($role, $teamMembersByRole) ? $teamMembersByRole[$role] : array();
                            @endphp
                            @include('team.partial.team_list_member_column', array('teamMembers' => $teamMembers))
                            <td>{{ $team->numerical_index_group ? tn_optional($team->numerical_index_group)->name : '-' }}</td>
                            <td class="text-center view-modify">
                                <a href="{{route('teamModifyById')}}/{{$team->id}}" class="pencil-icon">
                                    <i class="fa fa-pencil"></i>
                                </a>
                                <a
                                        @cannot('accessIfRoleAdmin', App\User::class )
                                        href="#"
                                        style="background-color: gray;"
                                        @else
                                        href="{{route('teamModifyById', [
                                            'id' => $team->id
                                        ])}}"
                                        @endcannot
                                        class="link-to hidden btn btn-primary">
                                    閲覧・編集
                                </a>
                            </td>
                            <td class="text-center view-modify">
                                <a href="{{route('teamHistoryList')}}/{{$team->id}}" class="pencil-icon">
                                    <i class="fa fa-history"></i>
                                </a>
                                <a href="{{route('teamHistoryList')}}/{{$team->id}}" class="link-to hidden">
                                    <input type='button' class='btn btn-primary' value='履歴'>
                                </a>
                            </td>
                            <td class="text-center view-modify">
                                @if ($team->result_count === null || $team->result_count === 0)
                                    <a role="button" tabindex="0" class="pencil-icon delete-button" data-teamid="{{$team->id}}" data-version="{{$team->version}}">
                                        <i class="fa fa-trash"></i>
                                    </a>
                                    @cannot('accessIfRoleAdmin', App\User::class)
                                    <a role="button" tabindex="0" class="link-to hidden delete-button btn btn-primary gray-btn">削除</a>
                                    @else
                                        <a role="button" tabindex="0" class="link-to hidden delete-button" data-teamid="{{$team->id}}" data-version="{{$team->version}}">
                                            <input type="button" class="btn btn-primary" value="削除">
                                        </a>
                                    @endcannot
                                @endif
                            </td>
                        </tr>
                    @endforeach
                @endif
                </tbody>
                {!! Form::close() !!}
            </table>
        </div>
    </div><!-- /.bs-docs-main -->
    {!! Form::open(array('url'=>'team/history' , 'class'=>'form-inline', 'name'=>'historyFm', 'id'=>'historyFm', 'method' =>'get')) !!}
    {!! Form::close() !!}
    {!! Form::open(array('route'=>'post.team.index.delete' , 'class'=>'form-inline', 'name'=>'deleteForm', 'id'=>'deleteForm', 'method' =>'post')) !!}
        {{Form::hidden('deleteTeamId', null, ['id' => 'deleteTeamId'])}}
        {{Form::hidden('deleteTeamVersion', null, ['id' => 'deleteTeamVersion'])}}
        {{Form::hidden('Password', null, ['id' => 'Password'])}}
        @include('team.partial.team_balance_modal')
    {!! Form::close() !!}
@stop
@include('layouts.footer')

@section('optionalJs')
    <script src="{!! asset('js/team/list.js') !!}"></script>
    <script>
        $(document).ready(function () {
            let teamListModule = new TeamListModule("{{route('get_post.team.modify.getTeamMemberByTeamIdForDeletePopup')}}", '{{csrf_token()}}');
            teamListModule.init();
        });
    </script>
@append