@extends('admin.layout.default')
@section('content')

<div class="row">
    <div class="col-md-12 p-0">
        <div class="actionButtons pull-left">
            <a href="#modalCreate" class="btn btn-sm btn-primary pull-left" data-toggle="modal">
                <i class="fa fa-plus m-r-5"></i> Nuevo
            </a>
        </div>
        <ol class="breadcrumb pull-right hidden-phone">
            <li><a href="/"><i class="fa fa-home"></i> Home</a></li>
            <li><a href="{{ $base }}">Jugadores</a></li>
            <li class="active">Todos los registros</li>
        </ol>
    </div>
</div>
@if ($bestPlayer)
    <div class="row">
        <div class="col-md-12 p-0  m-t-10">
            <div class="panel panel-inverse">
                <div class="panel-heading">
                    <div class="panel-heading-btn">
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
                    </div>
                    <h4 class="panel-title">Mejor jugador actual</h4>
                </div>
                <div class="panel-body">
                    <table class="table table-striped table-bordered">
                        <thead>
                            <tr>
                                <th>Nombre</th>
                                <th>Avatar</th>
                                <th>Equipo</th>
                                <th>Juegos en Temporada</th>
                                <th>Victorias en Temporada</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>{{ $bestPlayer->name }}</td>
                                <td><div class="previewImage" style="background-image: url({{ $bestPlayer->image }})"></div></td>
                                <td>{{ $bestPlayer->team->name }}</td>
                                <td>{{ $bestPlayer->season_games }}</td>
                                <td>{{ $bestPlayer->season_wins }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endif
<div class="row">
    <div class="col-md-12 p-0">
        <div class="panel panel-inverse">
            <div class="panel-heading">
                <div class="panel-heading-btn">
                    <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
                    <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
                </div>
                <h4 class="panel-title">Registros</h4>
            </div>
            <div class="panel-body">
                <table id="table_events" class="table table-striped table-bordered">
                    <thead>
                        <tr>
                            <th>Nombre</th>
                            <th>Avatar</th>
                            <th>Equipo</th>
                            <th>MVP</th>
                            <th>Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($players as $player)
                                <tr>
                                    <td class="f-w-600 f-s-14">
                                        <form action="update/{{$player->id}}" method="post">
                                            <input class="form-control" type="text" name="name" value="{{  $player->name }}">
                                            <input type="hidden" name="team_id" value="{{ $player->team_id }}">
                                        </form>
                                    </td>
                                    <td><a href="edit/{{ $player->id }}/{{ $player->slug }}">
                                        <div class="previewImage" style="background-image: url({{ $player->image }})"></div>
                                    </a></td>

                                    <td>
                                        <a href="edit/{{ $player->id }}/{{ $player->slug }}">
                                            {{ $player->team->name }}
                                        </a>
                                    </td>
                                    <td>
                                        <a data-toggle="modal" href="#modalBest" class="best_trigger" data-player="{{$player->id}}"><i style="font-size:1.5rem;{{ ($player->best) ? 'color:#f1c40f':  'color:#bdc3c7' }}"class="fa fa-star"></i></a>
                                    </td>
                                    <td>
                                        <button type="submit" class="btn btn-success btn-icon btn-circle btn-sm">
                                            <i class="fa fa-edit"></i>
                                        </button>
                                        <a href="delete/{{ $player->id }}" class="btn btn-danger btn-icon btn-circle btn-sm btnDelete">
                                            <i class="fa fa-times"></i>
                                        </a>
                                    </td>
                                </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>


<div style="display: none;" class="modal fade in" id="modalCreate">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title"><i class="fa fa-asterisk"></i> Nuevo</h4>
            </div>
            <div class="modal-body">
                <form novalidate="" class="form-horizontal form-bordered" data-parsley-validate="true" name="new-form" method="post" action="/admin/players/create">
                    <div class="form-group">
                        <label class="control-label col-md-4 col-sm-4">Nombre del equipo:</label>
                        <div class="col-md-6">
                            <input class="form-control" name="name" placeholder="Nombre"
                                   data-type="alphanum" data-parsley-required="true" type="text" maxlength="100" />
                            <ul class="parsley-errors-list"></ul>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-4 control-label">Equipo</label>
                        <div class="col-md-6">
                            <select data-parsley-required="true" name="team_id" class="form-control">
                                <option selected disabled> Selecciona un equipo</option>
                                @foreach ($teams as $team)
                                    <option value="{{ $team->id }}">{{ $team->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="modal-footer m-t-10">
                        <a href="javascript:;" class="btn btn-white" data-dismiss="modal">Cancelar</a>
                        <button type="submit" class="btn btn-primary">Guardar</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div style="display: none;" class="modal fade in" id="modalBest">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title"><i class="fa fa-asterisk"></i> Mejor jugador actual</h4>
            </div>
            <div class="modal-body">
                <form novalidate="" id="modalBest__form" class="form-horizontal form-bordered" data-parsley-validate="true" name="new-form" method="post" action="/admin/players/set-mvp">
                    <div class="form-group">
                        <label class="control-label col-md-4 col-sm-4">No. de juegos:</label>
                        <div class="col-md-6">
                            <input class="form-control" name="season_games" placeholder="0"
                                   data-type="alphanum" data-parsley-required="true" type="text" maxlength="100" />
                            <ul class="parsley-errors-list"></ul>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-4 col-sm-4">No. de victorias:</label>
                        <div class="col-md-6">
                            <input class="form-control" name="season_wins" placeholder="0"
                                   data-type="alphanum" data-parsley-required="true" type="text" maxlength="100" />
                            <ul class="parsley-errors-list"></ul>
                        </div>
                    </div>
                    <div class="modal-footer m-t-10">
                        <a href="javascript:;" class="btn btn-white" data-dismiss="modal">Cancelar</a>
                        <button type="submit" class="btn btn-primary">Guardar</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

@endsection