@extends('layouts.game')

@section('content')

<div id="wrap">

<div class="container-fluid" id="main">

<div class="row">

    <div class="col-lg-12">
            <ul class="nav nav-pills" role="tablist">
                @if (is_array($teams) && count($teams))
                @foreach ($teams as $team_id=>$team)
                    <li role="presentation" class=""><a href="#team{{ $team_id }}" aria-controls="team{{ $team_id }}" role="tab" data-toggle="tab">{{ trans('game.team'.$team_id.'_name') }}</a></li>
                @endforeach
                @endif

                @if (count($teams)<4 && $sprint==1)
                <li role="presentation">
                    <a href="#" class="add-team {{ count($teams)<1 ? 'no-teams-add' : '' }}" data-toggle="modal" data-target=".add-team-modal">{{ trans('game.add_team') }}</a>
                </li>
                @endif
            </ul>

            @if (is_array($teams) && count($teams))
            <div class="tab-content">
                @foreach ($teams as $team_id=>$team)
                    <?php/*  $team['points_used'] = 999; $team['points'] = 1000; $team['visitors'] = 1111111; */ ?>
                    <div role="tabpanel" class="tab-pane " id="team{{ $team_id }}">
                        @if (isset($team['comments']))
                        <h3>{{ trans('game.last_sprint_info') }}</h3>
                                                <div class="row">
                            @if (isset($team['comments']['positive']))
                            <div class="col-lg-6 positive-comments">
                                @foreach($team['comments']['positive'] as $comment)
                                    <div class="story">{{ $comment['story_symbol'] }} {{ str_limit(trans('stories.'.$comment['story_symbol'].'.title'), 100) }}</div>
                                    <div class="comment">{!! trans('stories.'.$comment['story_symbol'].'.'.$comment['comment']) !!}</div>
                                @endforeach
                            </div>
                            @endif
                            @if (isset($team['comments']['negative']))
                            <div class="col-lg-6 negative-comments">
                                @foreach($team['comments']['negative'] as $comment)
                                    <div class="story">{{ $comment['story_symbol'] }} {{ str_limit(trans('stories.'.$comment['story_symbol'].'.title'), 100) }}</div>
                                    <div class="comment">{!! trans('stories.'.$comment['story_symbol'].'.'.$comment['comment']) !!}</div>
                                @endforeach
                            </div>
                            @endif
                        </div>
                        @endif

                        @if (session('team.'.$team_id . '.closed'))
                            <div class="alert alert-danger" role="alert">{!! trans('game.zoo_closed') !!}</div>
                        @else
                        <div>
                            <h3 style="margin-bottom:10px">{{ trans('game.zoo_visitors') }}: {{ $team['visitors'] }} {{ trans('game.people') }}</h3>
                            <div>
                                                        @foreach ($stories as $story)
                            @if (!($team['members']==3 && $story->area=='I'))
                                                        @if (!session('team.'.$team_id . '.insectarium_closed') || $story->area!='I')
                            <div class="story_button" data-toggle="tooltip" title="{{ trans('stories.'.$story->symbol.'.title') }}"><input type="checkbox" class="lbck" data-team-id="{{ $team_id }}" data-story-id="{{ $story->id }}" data-labelauty="{{ $story->symbol }}" {{ (session('team.'.$team_id . '.story.' . $story->id)) ? 'checked="checked"' : '' }}  {{ ( intval(session('team.' . $team_id . '.story.' . $story->id))>0 && (session('team.'.$team_id . '.story.' . $story->id))<$sprint ) || session('team.'.$team_id . '.story_blocked.' . $story->id)===true ? 'disabled="disabled"' : '' }}/></div>
                                                        @endif
                            @endif
                            @endforeach
                            </div>
                            <div style="clear:both"></div>
                            <h3>{{ trans('game.story_points_used') }}: <span id="result{{ $team_id }}">{{ $team['points_used'] }}</span> / {{ $team['points'] }}</h3>
                        </div>
                        @endif
                    </div>
                @endforeach
            </div>
            @if (is_array($teams) && count($teams))
            <div class="line_of_buttons">
                @if ($sprint<=3)
                <a class="btn btn-lg btn-success" href="{{ route('get_main_next_sprint') }}">{{ trans('game.start_sprint') }} {{ $sprint }}</a>
                @else
                <div class="game-over">{{ trans('game.game_over') }}</div>
                @endif
                <span id="to_many_points" class="to-many-points hidden">To many points!</span>
                <button class="btn btn-lg btn-danger reset-session" data-toggle="modal" data-target=".reset-modal">{{ trans('game.reset_game') }}</button>
                <a href="{{ route('get_main_home') }}" class="btn btn-lg btn-danger back-to-the-website">{{ trans('game.back_to_the_website') }}</a>
            </div>
            @endif
        @else
            <div class="text-center" style="font-size:100px; margin-top: 50px">
                <p>Agile ZOO</p>
            </div>
        @endif
    </div>


</div>
</div>
</div>

<footer class="text-center small license">Copyright &copy; 2025. {!! trans('game.licensed_under') !!}</footer>

<div class="modal reset-modal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
  <div class="modal-dialog modal-sm" role="document">
    <div class="modal-content">
        <div class="modal-body">
            {{ trans('game.are_you_sure') }}
        </div>
        <div class="modal-footer">
            <button type="button" id="reset_game" class="btn btn-danger">{{ trans('game.reset_game') }}</button>
            <button type="button" class="btn btn-default" data-dismiss="modal">{{ trans('game.cancel') }}</button>
        </div>
    </div>
  </div>
</div>

<div class="modal add-team-modal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
  <div class="modal-dialog modal-sm" role="document">
    <div class="modal-content">
        <div class="modal-body">
            {{ trans('game.determine_size_of_a_team') }}
        </div>
        <div class="modal-footer">
            <a class="btn btn-primary" href="{{ route('get_main_add_team', ['members'=>3]) }}">{{ trans('game.3_person_team') }}</a>
            <a class="btn btn-primary" href="{{ route('get_main_add_team', ['members'=>4]) }}">{{ trans('game.4_person_team') }}</a>
            <button type="button" class="btn btn-default" data-dismiss="modal">{{ trans('game.cancel') }}</button>
        </div>
    </div>
  </div>
</div>

@endsection

@section('scripts')
        <script type="text/javascript">
            $(document).ready(function(){
                $(function () {
                    $('[data-toggle="tooltip"]').tooltip()
                })

                $("#reset_game").click(function(){
                    window.location.replace("{{ route('get_main_reset') }}");
                });


                $(".lbck").labelauty({ minimum_width: "70px" });

                $('.lbck').change(function(e){

                    var that = this;

                    var api_action = '';

                    if (this.checked)
                        api_action = 'select-story';
                    else
                        api_action = 'deselect-story';

                    $.ajax({
                        url: "/api/" + api_action,
                        method: "post",
                        data: { story_id: $(that).data('story-id'), team_id: $(that).data('team-id') },

                        complete: function(request) {
                            // alert(request.responseText);
                            var response = jQuery.parseJSON(request.responseText);
                            var info = '';
                            if (response.story_points) {
                                info = response.story_points;
                                if (response.to_many_points) {
                                    $(that).prop( "checked", false );
                                    $("#to_many_points").removeClass('hidden').show().delay(800).fadeOut("slow");
                                }
                            } else {
                                info = '0';
                            }

                            $('#result'+$(that).data('team-id')).html(info);
                        }

                    });
                });
            });
        </script>
@endsection