@extends('layouts.app-admin')

@section('content')
    <div class="content d-flex flex-column flex-column-fluid pt-0" id="kt_content">
        <div class="d-flex flex-column-fluid">
            <div class="container">
                <div class="card shadow mb-4">
                    <div class="card-header p-2">
                        <form method="POST" action="{{route('admin-games-filter')}}" id="form-games-filter">
                            @csrf
                            <div class="container-fluid d-flex align-items-center justify-content-between flex-wrap flex-sm-nowrap mt-3 mb-3">
                                <div class="col-2 d-flex align-items-center flex-wrap mr-2">
                                    <h5 class="text-dark font-weight-bold mt-2 mb-2 mr-5">
                                        Juegos
                                        <br>
                                        <span class="text-muted font-weight-bold font-size-sm">
                                            @if(isset($subtitle_filter))
                                                {!! $subtitle_filter !!}
                                            @endif
                                        </span>
                                    </h5>
                                </div>
                                <div class="col-6 d-flex align-items-center mr-5">
                                    Filtro:
                                    <div class="col-lg-5 form-group mb-0">
                                        <select class="form-control select2-search" data-toggle="select" name="filter_1" id="filter_1">
                                            <option value="">{{ __('all.select_option_empty') }}</option>
                                            <option value="1">
                                                Usuario
                                            </option>
                                            <option value="2">
                                                Agrupación
                                            </option>
                                            <option value="3">
                                                Lesión
                                            </option>
                                            <option value="4">
                                                Posición
                                            </option>
                                            <option value="5">
                                                Nivel
                                            </option>
                                            <option value="6">
                                                Fecha Inicio
                                            </option>
                                        </select>
                                    </div>
                                    <div class="col-lg-5 form-group mb-0">
                                        <select class="form-control select2-search" data-toggle="select" name="filter_2" id="filter_2">
                                            <option value="">{{ __('all.select_option_empty') }}</option>
                                        </select>
                                    </div>
                                    <div class="col-lg-2 form-group mb-0">
                                        <button class="btn btn-primary btn-rounded" type="button" id="btn-games-filter">
                                            Filtrar
                                        </button>
                                    </div>
                                </div>
                                <div class="col-4 d-flex justify-content-end">
                                    <a href="{{route('admin-games-list')}}" class="btn btn-primary btn-rounded mr-2">
                                        <i class="fas fa-list fa-sm text-white-50"></i>
                                        Ver todos
                                    </a>
                                    <a href="{{url()->previous()}}" class="btn btn-primary btn-rounded">
                                        <i class="fas fa-arrow-circle-left fa-sm text-white-50"></i>
                                        {{ __('all.go_back') }}
                                    </a>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="card-body card-body-table">
                        <div class="table-responsive">
                            <table class="table table-bordered table-custom" id="dataTableGamesList" width="100%" cellspacing="0">
                                <thead class="thead-custom">
                                    <tr class="tr-custom" align="center">
                                        <th class="th-custom th-table-index">Usuario</th>
                                        <th class="th-custom th-table-index">Agrupación</th>
                                        <th class="th-custom th-table-index">Inicio</th>
                                        <th class="th-custom th-table-index">Final</th>
                                        <th class="th-custom th-table-index">Tiempo<br>total</th>
                                        <th class="th-custom th-table-index">Nivel</th>
                                        <th class="th-custom th-table-index">Rapidez<br>Mental</th>
                                        <th class="th-custom th-table-index">Cálculo<br>Mental</th>
                                        <th class="th-custom th-table-index">Palabras</th>
                                        <th class="th-custom th-table-index">Acciones</th>
                                    </tr>
                                </thead>
                                <tbody class="tbody-custom">
                                    @if($games_array)
                                        @foreach($games_array as $game_array)
                                            <tr class="tr-custom">
                                                <td class="td-custom">
                                                    <a href="{{url('admin-user-edit')}}/{{$game_array['user_id']}}" class="text-dark-75 font-weight-bolder text-hover-primary font-size-lg">
                                                        {{$game_array['user']}}
                                                    </a>
                                                </td>
                                                <td class="td-custom text-center">
                                                    {{$game_array['group']}}
                                                </td>
                                                <td class="td-custom text-center">
                                                    <span class="text-dark-75 font-weight-bolder d-block font-size-lg">
                                                        {{$game_array['date_time_start']}}
                                                    </span>
                                                </td>
                                                <td class="td-custom text-center">
                                                    <span class="text-dark-75 font-weight-bolder d-block font-size-lg">
                                                        {{$game_array['date_time_end']}}
                                                    </span>
                                                </td>
                                                <td class="td-custom text-center">
                                                    {{$game_array['total_time']}}
                                                </td>
                                                <td class="td-custom text-center">
                                                    {{$game_array['level']}}
                                                </td>
                                                <td class="td-custom text-center">
                                                    {{$game_array['mental_speed_time']}}
                                                </td>
                                                <td class="td-custom text-center">
                                                    {{$game_array['mental_calculation_time']}}
                                                </td>
                                                <td class="td-custom text-center">
                                                    {{$game_array['word_game_time']}}
                                                </td>
                                                <td class="td-custom text-center">
                                                    <div class="d-flex justify-content-center">
                                                        <a href="{{url('admin-games-results')}}/{{$game_array['game_header_id']}}" class="btn btn-sm btn-default btn-text-primary btn-hover-primary btn-icon mr-2" title="Ver Resultados">
                                                            <span class="svg-icon svg-icon-md svg-icon-primary">
                                                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                                                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                                        <rect x="0" y="0" width="24" height="24"/>
                                                                        <path d="M5,19 L20,19 C20.5522847,19 21,19.4477153 21,20 C21,20.5522847 20.5522847,21 20,21 L4,21 C3.44771525,21 3,20.5522847 3,20 L3,4 C3,3.44771525 3.44771525,3 4,3 C4.55228475,3 5,3.44771525 5,4 L5,19 Z" fill="#000000" fill-rule="nonzero"/>
                                                                        <path d="M8.7295372,14.6839411 C8.35180695,15.0868534 7.71897114,15.1072675 7.31605887,14.7295372 C6.9131466,14.3518069 6.89273254,13.7189711 7.2704628,13.3160589 L11.0204628,9.31605887 C11.3857725,8.92639521 11.9928179,8.89260288 12.3991193,9.23931335 L15.358855,11.7649545 L19.2151172,6.88035571 C19.5573373,6.44687693 20.1861655,6.37289714 20.6196443,6.71511723 C21.0531231,7.05733733 21.1271029,7.68616551 20.7848828,8.11964429 L16.2848828,13.8196443 C15.9333973,14.2648593 15.2823707,14.3288915 14.8508807,13.9606866 L11.8268294,11.3801628 L8.7295372,14.6839411 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
                                                                    </g>
                                                                </svg>
                                                            </span>
                                                        </a>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Modal Delete -->
{{--    <div class="modal fade" id="modalDeleteUser" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">--}}
{{--        <div class="modal-dialog" role="document">--}}
{{--            <div class="modal-content">--}}
{{--                <div class="modal-header">--}}
{{--                    <h5 class="modal-title" id="exampleModalLabel">Eliminar Usuario</h5>--}}
{{--                    <button class="close" type="button" data-dismiss="modal" aria-label="Close">--}}
{{--                    <span aria-hidden="true">×</span>--}}
{{--                    </button>--}}
{{--                </div>--}}
{{--                <div class="modal-body text-center">--}}
{{--                    Esta seguro que desea eliminar el Usuario <b><span id="user_name"></span></b>?--}}
{{--                </div>--}}
{{--                <div class="modal-footer">--}}
{{--                    <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancelar</button>--}}
{{--                    <form method="POST" action="{{route('admin-users-delete')}}">--}}
{{--                    @csrf--}}
{{--                    <input type="hidden" id="user_id" name="user_id">--}}
{{--                    <button class="btn btn-primary">Eliminar</button>--}}
{{--                    </form>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
    <!-- END | Modal Delete -->
@endsection