@extends('layouts.grid')
@section('content')
<script>
    var dt_opts =
            [    {    "bSortable"        :    false        ,    "bSearchable"    :    false        ,    "sWidth"  : '60px'     }
            ,    {                                                                                      "sWidth"  : '150px'    }
            ,    {                                                                                      "sWidth"  : '50px'     }
            ,    {                                                                                      "sWidth"  : '120px'     }
            ,    {    "bSortable"        :    true                                                 ,    "sWidth"  : '50px'     }
            ,    {    "bSortable"        :    true                                                 ,    "sWidth"  : '50px'    }
            ];
    var dt_len  = 15 ;
    var dt_msg1 = "{!! trans('msgs.dt_msg1')!!}" ;
    var dt_msg2 = "{!! trans('msgs.dt_msg2')!!}" ;
    var dt_msg3 = "{!! trans('msgs.dt_msg3')!!}" ;
    var dt_msg4 = "{!! trans('msgs.dt_msg4')!!}" ;
    var dt_msg5 = "{!! trans('msgs.dt_msg5')!!}" ;
    var dt_msg6 = "{!! trans('msgs.dt_msg6')!!}" ;
</script>
{!! HTML::script('js/datatables.js') !!}

<h2>{!! mb_strtoupper(trans('labels.players'), 'UTF-8') !!}</h2>
    <div class="table">
        <table id="tb_grid" class='grid'>
        <thead>
            <tr>
                <td><a href="/players/create"><div class="button-small add" alt="add" title="add"></div></a></td>
                <th>{!! mb_strtoupper(trans('labels.name'		), 'UTF-8') !!}</th>
                <th>{!! mb_strtoupper(trans('labels.id'			), 'UTF-8') !!}</th>
                <th>{!! mb_strtoupper(trans('labels.team'		), 'UTF-8') !!}</th>
                <th>{!! mb_strtoupper(trans('labels.classif'	), 'UTF-8') !!}</th>
                <th>{!! mb_strtoupper(trans('labels.value'		), 'UTF-8') !!}</th>
            </tr>
        </thead>
        <tbody>
        @foreach ($players as $player)
            <tr>
                <td>
                    <a href="/players/{{$player->id}}"><div class="button-small show" alt="show" title="show"></div></a>
                    <a href="/players/{{$player->id}}/edit"><div class="button-small upd"  alt="edit" title="edit"></div></a>
                    <form action="{{ route('persons.destroy', ['id' => $player->id]) }}"
                        method="post"
                        id="frmDel{{$player->id}}">
                        @method('DELETE')
                        @csrf

                        <div class="button-small del"  alt="delete" title="delete"
                             onclick="javascript:document.getElementById('frmDel{{$player->id}}').submit();">
                        </div>
                    </form>
                </td>
                <td>{{ $player->str_name }}</td>
				<td>{{ $player->id }}</td>
                <td>{{ $player->team_name }}</td>
                <td>{{ $player->classif_code }}</td>
                <td>{{ $player->classif_value }}</td>
            </tr>
            @endforeach
        </tbody>
        </table>
    </div>
@endsection