@extends('layout.main')

@section('content')
    <div class="row">
        <div class="col-xs-12">
            <div class="alert alert-warning">
                <i class="fa fa-warning"></i> One player can have multiple special players assigned! Multiple table rows are fine as long as groups are unique.
            </div>

            <div class="box box-primary">
                <div class="box-header">
                    <h3 class="box-title"></h3>
                    <div class="box-tools">
                        {!! link_to_route('admin.adkats.special_players.create', 'Create New Special Player', [], ['class' => 'btn bg-green pull-right', 'target' => '_self']) !!}
                    </div>
                </div>
                <div class="box-body">
                    <div class="table-responsive">
                        <table class="table table-condensed table-striped">
                            <thead>
                            <th width="50px">{{ trans('adkats.special_players.listing.table.col1') }}</th>
                            <th width="50px">{{ trans('adkats.special_players.listing.table.col2') }}</th>
                            <th width="250px">{{ trans('adkats.special_players.listing.table.col3') }}</th>
                            <th width="500px">{{ trans('adkats.special_players.listing.table.col4') }}</th>
                            <th>{{ trans('adkats.special_players.listing.table.col5') }}</th>
                            <th>{{ trans('adkats.special_players.listing.table.col6') }}</th>
                            <th>{{ trans('adkats.special_players.listing.table.col7') }}</th>
                            </thead>

                            <tbody>
                            @forelse($players as $player)
                                <tr>
                                    <td>{{ $player->specialplayer_id }}</td>
                                    <td>
                                        @if(is_null($player->player))
                                            <span class="label bg-red">N/A</span>
                                        @else
                                            <span class="{{ $player->player->game->class_css }}">{{ $player->player->game->Name }}</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if(is_null($player->player))
                                            {!! link_to_route('player.listing', $player->player_identifier, ['player' => $player->player_identifier], ['target' => '_blank']) !!}
                                        @else
                                            {!! link_to_route('player.show', $player->player->SoldierName, [$player->player->PlayerID, $player->player->SoldierName], ['target' => '_self']) !!}
                                        @endif
                                    </td>
                                    <td>
                                        @php
                                            $groupKey = $player->player_group;
                                            $groupName = '';

                                            foreach ($groups as $group) {
                                                if ($group['group_key'] === $groupKey) {
                                                    $groupName = $group['group_name'];
                                                    break;
                                                }
                                            }
                                        @endphp

                                        {{ $groupName }}
                                    </td>
                                    <td>
                                        <span ng-bind="moment('{{ $player->effective_stamp }}').fromNow()" tooltip="{{ moment('').format('lll') }}"></span>
                                    </td>
                                    <td>
                                        <span ng-if="moment('{{ $player->expiration_stamp }}').isAfter(moment().add(10, 'years'))" class="label bg-red">
                                            Permanent
                                        </span>
                                        <span ng-if="!moment('{{ $player->expiration_stamp }}').isAfter(moment().add(10, 'years'))" ng-bind="moment('{{ $player->expiration_stamp }}').fromNow()" tooltip="{{ moment('').format('lll') }}"></span>
                                    </td>
                                    <td>
                                        {!! link_to_route('admin.adkats.special_players.edit', 'Manage', [$player->specialplayer_id], ['class' => 'btn btn-xs bg-blue', 'target' => '_self']) !!}
                                    </td>
                                </tr>
                            @empty
                                <alert type="info">
                                    {!! Macros::faicon('fa-info') !!}
                                    {{ trans('adkats.users.no_users') }}
                                </alert>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('scripts')
    <script type="text/javascript">
        $('select[name="group"]').change(function () {
            var _this = $(this);
            var special_id = _this.data('special-id');
            var request_url = 'admin/adkats/special_players/' + special_id;
            _this.attr('disabled', true);

            $.ajax({
                url: request_url,
                type: 'PUT',
                dataType: 'json',
                data: {
                    group: $(this).val()
                }
            })
            .done(function (data) {
                toastr.success(data.message);
            })
            .fail(function (data) {
                toastr.error(data.responseJSON.message);
            })
            .always(function () {
                _this.attr('disabled', false);
            });
        });
    </script>
@stop