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

<div class="row">
    <div class="col-md-12 p-0">
        <div class="actionButtons pull-left">
            <a href="{{ $base }}" class="btn btn-sm btn-default pull-left">
                <i class="fa fa-chevron-left"></i> Regresar
            </a>
            <a href="#" data-target="btnSubmit" class="btn btn-sm btn-primary pull-left m-l-10 trigger">
                <i class="fa fa-check m-r-5"></i> Guardar
            </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 }}">Partidos</a></li>
            <li class="active">{{ $match->title }}</li>
        </ol>
    </div>
</div>
<form novalidate="" class="form-horizontal form-bordered" data-parsley-validate="true"
    name="editForm" id="editForm" method="post" action="update/{{ $match->id }}/{{ $match->slug }}">

    <div class="row panels">
        <div class="col-md-7 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">Editar</h4>
                </div>
                <div class="panel-body">
                    <button type="submit" id="btnSubmit" class="btn btn-primary hidden">Save</button>
                    <input type="hidden" name="id" value="{{ $match->id }}" />
                    <input type="hidden" name="type" id="type" value="{{ $match->type }}" />
                    <div class="form-group">
                        <label class="control-label col-md-3 col-sm-3">Tipo de partido:</label>
                        <div class="col-md-6 col-sm-6">
                            <div class="btn-group btn-group-justified statusButtons" data-target="type">
                                <a class="btn btn-success" rel="polo"><i class="fa fa-check m-r-10"></i> Polo</a>
                                <a class="btn btn-default" rel="salto"><i class="fa fa-check m-r-10"></i> Salto</a>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-3">Fecha del partido:</label>
                        <div class="col-md-6">
                            <div class="input-group date">
                                <input type="text" data-parsley-required="true" name="match_date" id="match_date" class="form-control" value="{{ $match->date }}" />
                                <label class="input-group-addon" for="match_date">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-3">Título:</label>
                        <div class="col-md-9">
                            <input class="form-control" name="title" placeholder="Title" value="{{ $match->title }}"
                                   data-type="alphanum" data-parsley-required="true" type="text" maxlength="50" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-3">Competencia:</label>
                        <div class="col-md-9">
                            <select class="form-control" name="competition_id">
                                @foreach($competitions as $competition)
                                    <option {{ ($match->competition_id == $competition->id) ? 'selected' : ''}} value="{{ $competition->id }}">{{ $competition->name }}</option>
                                @endforeach
                            </select>
                            <ul class="parsley-errors-list"></ul>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-3">Equipo A:</label>
                        <div class="col-md-9">
                            <select class="form-control" name="team_a">
                                @foreach($teams as $team)
                                    <option {{ ($match->team_a == $team->id) ? 'selected' : ''}} value="{{ $team->id }}">{{ $team->name }}</option>
                                @endforeach
                            </select>
                            <ul class="parsley-errors-list"></ul>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-3">Equipo B:</label>
                        <div class="col-md-9">
                            <select class="form-control" name="team_b">
                                @foreach($teams as $team)
                                    <option {{ ($match->team_b == $team->id) ? 'selected' : ''}} value="{{ $team->id }}">{{ $team->name }}</option>
                                @endforeach
                            </select>
                            <ul class="parsley-errors-list"></ul>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-3">Puntuación:</label>
                        <div class="col-md-4">
                            <p>{{$match->teamA->name}}</p>
                            <input class="form-control" name="score_a" placeholder="0" value="{{ $match->score_a }}"  data-type="num" data-parsley-required="false" type="number"/>
                        </div>
                        <div class="col-md-4">
                            <p>{{$match->teamB->name}}</p>
                            <input class="form-control" name="score_b" placeholder="0" value="{{ $match->score_b }}"  data-type="num" data-parsley-required="false" type="number"/>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-md-3">Mejor jugador del partido:</label>
                        <div class="col-md-3">
                            <select class="form-control" name="best_player">
                                @if (!$match->bestPlayer)
                                    <option value="" selected disabled> Selecciona el mejor jugador.</option>
                                @endif
                                @foreach($players as $player)
                                    <option {{ ($match->best_player == $player->id) ? 'selected' : ''}} value="{{ $player->id }}">{{ $player->name }}</option>
                                @endforeach
                            </select>
                            <ul class="parsley-errors-list"></ul>
                        </div>
                        <div class="col-md-3">
                            <input class="form-control" type="text" name="best_player_goals" value="{{ ($match->best_player_goals != '') ? $match->best_player_goals : 0  }}">
                            <p>Goles del partido</p>
                            <ul class="parsley-errors-list"></ul>
                        </div>
                        <div class="col-md-3">
                            <input class="form-control" type="text" name="best_player_shots" value="{{ ($match->best_player_shots != '') ? $match->best_player_shots : 0  }}">
                            <p>Tiros en partido</p>
                            <ul class="parsley-errors-list"></ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-5 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>
                    <div class="btn-group pull-right">
                        <a href="#modalCreate" data-toggle="modal" class="btn btn-success btn-xs">Agregar<i class="fa fa-plus m-r-5"></i></a>
                    </div>
                    <h4 class="panel-title">Minuto a minuto</h4>
                </div>
                <div class="panel-body panel-form">
                    <table id="table_events" class="table table-striped table-bordered">
                        <thead>
                            <tr>
                                <th>Minuto</th>
                                <th>Descripción</th>
                                <th>Tipo</th>
                                <th>Imagen</th>
                                <th>Periodo</th>
                                <th>Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($match->actions as $action)
                                <tr>
                                    <td><a href="/admin/actions/edit/{{$action->id}}">{{ $action->minute }}</a></td>
                                    <td><a href="/admin/actions/edit/{{$action->id}}">{{ $action->excerpt }}</a></td>
                                    <td><a href="/admin/actions/edit/{{$action->id}}">{{ $action->type }}</a></td>
                                    <td><a href="/admin/actions/edit/{{$action->id}}"><div class="previewImage" style="background-image: url({{ $action->image }})"></div></a></td>
                                    <td><a href="/admin/actions/edit/{{$action->id}}">{{ $action->period }}</a></td>
                                    <td>
                                        <a href="/admin/actions/edit/{{ $action->id }}/{{ $action->slug }}" class="btn btn-success btn-icon btn-circle btn-sm">
                                            <i class="fa fa-edit"></i>
                                        </a>
                                        <a href="/admin/actions/delete/{{ $action->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>

</form>

<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/actions/create">
                    <input type="hidden" name="match_id" value="{{ $match->id }}">
                    <div class="form-group">
                        <label class="control-label col-md-4">Minuto:</label>
                        <div class="col-md-6">
                            <input type="text" name="minute" id="minute" class="form-control" placeholder="mm:ss" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-4">Descripción:</label>
                        <div class="col-md-6">
                            <textarea class="form-control" name="description" maxlength="255"></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-4 control-label">Periodo:</label>
                        <div class="col-md-6">
                            <input type="text" name="period" class="form-control" placeholder="Primer Chukker" />
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label">Gol:</label>
                        <div class="col-md-6">
                            <div class="checkbox">
                                <label>
                                    <input style="display: block" name="type" type="checkbox" value="goal">
                                </label>
                            </div>
                        </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