@extends('admin.master')


@section('css')

<style>
    .app-btn-icon {
        cursor: pointer;
    }
</style>

@endsection


@section('js')

    <script src="/libs/kendo/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

    <script>
        /*new Vue({
            el: '#tbUsuarios',
            data: {

            },
            methods: {
                hacerPremium: function($id) {
                    alert($id + ' ahora es Premium');
                }
            }
        });*/

        function hacerPremium($id) {

            var data = {
                id: $id
            };

            $.get( "/usuario/hacerPremium", data,
                function() {
                    window.location.replace("/admin/usuarios");
            });
        }

        function quitarPremium($id) {
            var data = {
                id: $id
            };

            $.get( "/usuario/quitarPremium", data,
                function() {
                    window.location.replace("/admin/usuarios");
                });
        }

        function hacerAdmin($id) {

            var data = {
                id: $id
            };

            $.get( "/usuario/hacerAdmin", data,
                function() {
                    window.location.replace("/admin/usuarios");
            });
        }

        var prueba;

        function quitarAdmin($id) {
            var data = {
                id: $id
            };

            $.get( "/usuario/quitarAdmin", data,
                function(response) {
                    response = response.trim();
                    console.log(response);
                    prueba = response;

                    if (response === 'mismo_usuario') {
                        console.log('entro??');
                        alert('No puedes quitarte tu rol de admin');
                    }

                    if (response=== 'ok') {
                        window.location.replace("/admin/usuarios");
                    }

                });
        }

        $(function () {
            $('[data-toggle="tooltip"]').tooltip()
        })

    </script>

@endsection

@section('content')




    <div id="tbUsuarios" class="container">

        <table class="table table-bordered table-striped">
            <thead>
            <tr>
                {{--<th scope="col">Id</th>--}}
                <th scope="col">Nombre</th>
                <th scope="col">Apellido</th>
                <th scope="col">F. Nac</th>
                <th scope="col">Equipos</th>
                <th scope="col">Clubes</th>
                <th scope="col">Ligas</th>
                <th scope="col">Selecciones</th>
                <th scope="col">Email</th>
                <th scope="col">Rol</th>
                <th scope="col">Es Pago</th>
                <th scope="col"></th>
            </tr>
            </thead>
            <tbody>

            @foreach($usuarios as $u)
                <tr>
                    {{--<td>{{$u->id}}</td>--}}
                    <td>{{$u->name}}</td>
                    <td>{{$u->apellido}}</td>
                    <td>{{$u->fechaNacimiento}}</td>
                    <td>
                        @if($u->equipo != null)
                            <span class="badge badge-secondary">{{$u->equipo->nombre}}</span>
                        @endif
                    </td>
                    <td>
                        @if($u->clubes != null)
                            @foreach($u->clubes as $club)
                                <span class="badge badge-secondary">{{$club->nombre}}</span>
                            @endforeach
                        @endif
                    </td>
                    <td>
                        @if($u->ligas != null)
                            @foreach($u->ligas as $liga)
                                <span class="badge badge-secondary">{{$liga->nombre}}</span>
                            @endforeach
                        @endif
                    </td>
                    <td>
                        @if($u->selecciones != null)
                            @foreach($u->selecciones as $s)
                                <span class="badge badge-secondary">{{$s->nombre}}</span>
                            @endforeach
                        @endif
                    </td>
                    <td>{{$u->email}}</td>
                    <td>
                        @if($u->user_rol == 'admin')
                            <span class="badge badge-pill badge-primary">{{$u->user_rol}}</span>
                        @else
                            {{$u->user_rol}}
                        @endif
                    </td>
                    <td>
                        @if($u->es_pago == 1)
                            <span class="badge badge-pill badge-success">Premium</span>
                        @else
                            <span class="badge badge-pill badge-light">Free</span>
                            {{--<button type="button" class="btn btn-outline-success btn-sm">Hacer Premium</button>--}}
                        @endif
                    </td>
                    <td>
                        @if($u->es_pago != 1)
                            <img class="app-btn-icon" onclick="hacerPremium({{$u->id}})" width="20" src="{{URL::asset('/img/icons/coronar.png')}}" alt="Convertir en Premium" data-toggle="tooltip" data-placement="top" title="Convertir en usuario Premium" />
                        @else
                            <img class="app-btn-icon" onclick="quitarPremium({{$u->id}})" width="20" src="{{URL::asset('/img/icons/end.png')}}" alt="Cancelar suscripción" data-toggle="tooltip" data-placement="top" title="Convertir en usuario Free" />
                        @endif

                        @if($u->user_rol == 'cliente')
                            <img class="app-btn-icon" onclick="hacerAdmin({{$u->id}})" width="20" src="{{URL::asset('/img/icons/keys.png')}}" alt="Convertir en Admin" data-toggle="tooltip" data-placement="top" title="Convertir en Admin" />
                        @else
                            <img class="app-btn-icon" onclick="quitarAdmin({{$u->id}})" width="20" src="{{URL::asset('/img/icons/no_key.jpg')}}" alt="Quitar Admin" data-toggle="tooltip" data-placement="top" title="Quitar Rol de Administrador" />
                        @endif

                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>

    </div>

@endsection