@extends('layouts.app')

@section('link')
<link href="{{ asset('css/jquery-ui.min.css') }}" rel="stylesheet">
<link href="{{ asset('css/select2.min.css') }}" rel="stylesheet">
<link href="{{ asset('css/jquery.datetimepicker.css') }}" rel="stylesheet">
@endsection


@section('content')
<div class="row">
    <div class="col-xs-12 col-sm-12 col-md-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">Промяна на мач</h3>
                <div class="pull-right">
                    <button class="btn btn-primary back-btn" onclick="window.history.back()">Назад</button>
                </div>
            </div>

            <div class="panel-body">
                
                <form id="match_edit" method="POST" action="{{ route('admin.matches.update',$match->id) }}" class="form form-horizontal">
                    {{ method_field('PATCH') }}
                    {{ csrf_field() }}

                    <div class="form-group">
                        <label for="tournament" class="control-label col-xs-2 col-sm-2 col-md-2">Турнир</label>
                        <div class="input-group col-xs-8 col-sm-8 col-md-8">
                            <input type="text" class="form-control" id="tournament" name="tournament_id" value="{{$match->tournament->name}}" disabled/>
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <label for="round_id" class="control-label col-xs-2 col-sm-2 col-md-2">Кръг</label>
                        <div class="input-group col-xs-8 col-sm-8 col-md-8">
                            <input type="text" class="form-control" id="round" name="round_id" value="{{$match->round->name}}" disabled/>
                        </div>
                    </div>
                    
                    
                    <div class="form-group{{ $errors->has('user1_id') ? ' has-error' : '' }}">
                        <label for="name" class="control-label col-xs-2 col-sm-2 col-md-2">Играч 1</label>
                        <div class="input-group col-xs-8 col-sm-8 col-md-8">
                            @if($match->user1_id==0 && $match->parent1_id==0)
                                <select id='user1_id' name='user1_id'>
                                    <option value='0'>Играч 1</option>
                                    @foreach($users as $user)
                                    <option value='{{$user->id}}'>{{$user->name}}</option>
                                    @endforeach
                                </select>

                                @if ($errors->has('user1_id'))
                                        <span class="help-block"><strong>{{ $errors->first('user1_id') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            @else
                                <input type="text" class="form-control" value="{{$match->user1->name}}" disabled/>
                            @endif
                        </div>
                    </div>
                                        
                    <div class="form-group{{ $errors->has('user2_id') ? ' has-error' : '' }}">
                        <label for="name" class="control-label col-xs-2 col-sm-2 col-md-2">Играч 2</label>
                        <div class="input-group col-xs-8 col-sm-8 col-md-8">
                            @if($match->user2_id==0 && $match->parent1_id==0)
                                <select id='user2_id' name='user2_id'>
                                    <option value='0'>Играч 2</option>
                                    @foreach($users as $user)
                                    <option value='{{$user->id}}'>{{$user->name}}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('user2_id'))
                                        <span class="help-block"><strong>{{ $errors->first('user2_id') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            @else
                                <input type="text" class="form-control" value="{{$match->user2->name}}" disabled/>
                            @endif
                        </div>
                    </div>
                    
                    <div class="form-group{{ $errors->has('start_time') ? ' has-error' : '' }}">
                        <label for="start_time" class="control-label col-xs-2 col-sm-2 col-md-2">Начало на мача</label>
                        <div class="input-group col-xs-8 col-sm-8 col-md-8">
                            <label class="input-group-addon" for="start_time"><i class="glyphicon glyphicon-calendar"></i></label>
                            <input type="text" class="form-control" id="start_time" name="start_time" value="{{ old('start_time',$match->start_time!=null ? date('d.m.Y H:i',strtotime($match->start_time)): "") }}" placeholder="Начало на мача"/>
                            @if ($errors->has('start_time'))
                                <span class="help-block"><strong>{{ $errors->first('start_time') }}</strong></span>
                            @endif
                        </div>
                        <div class="errorBox" style="padding-left:19%;"></div>
                    </div> 


                    <div class="form-group{{ $errors->has('result') ? ' has-error' : '' }}">
                        <label for="start_time" class="control-label col-xs-2 col-sm-2 col-md-2">Резултат</label>

                        <div class="input-group col-xs-8 col-sm-8 col-md-8" id="player_1_div">
                            <table class="table table-bordered">
                                <tr>
                                    <th colspan="5">Резултат</th>
                                    <th>Точки</th>
                                </tr>
                                <tr>
                                    @for($i=1;$i<=5;$i++)
                                        <td>
                                            <input type="text" name="user_1_set_{{$i}}" class="form-control user1_sets" value="{{isset($match->sets[$i-1]) ? $match->sets[$i-1]->user_1_result : ''}}" style='padding:0px !important;text-align:center;'>
                                        </td>
                                    @endfor
                                    <td>
                                        <input type="text" id="user1_points" name="user1_points" class="form-control" value="{{$match->user1_points}}" {{$match->tournament->manual_points==0 ? 'readonly' : ''}}>
                                    </td>
                                <tr>
                                <tr>
                                    @for($i=1;$i<=5;$i++)
                                        <td>
                                            <input type="text" name="user_2_set_{{$i}}" class="form-control user2_sets" value="{{isset($match->sets[$i-1]) ? $match->sets[$i-1]->user_2_result : ''}}" style='padding:0px !important;text-align:center;'>
                                        </td>
                                    @endfor
                                    <td>
                                        <input type="text" id="user2_points" name="user2_points" class="form-control" value="{{$match->user2_points}}" {{$match->tournament->manual_points==0 ? 'readonly' : ''}}>
                                    </td>
                                <tr>
                            </table>
                        </div>
                    </div>
                    
                    <div class="form-group{{ $errors->has('result') ? ' has-error' : '' }}">
                        <label for="start_time" class="control-label col-xs-2 col-sm-2 col-md-2">Победител</label>
                        <label style="padding-top:6px;"><input type="radio" class="winner-radio" value="{{$match->user1_id}}" id="user_1_winner" name="winner_id" {{$match->winner_id!=0 && $match->winner_id==$match->user1_id ? 'checked' : ''}}> {{$match->user1_id!=0 ? $match->user1->name : 'Играч 1'}} </label>
                        <label style="padding-top:6px;"><input type="radio" class="winner-radio" value="{{$match->user2_id}}" id="user_2_winner" name="winner_id" {{$match->winner_id!=0 && $match->winner_id==$match->user2_id ? 'checked' : ''}}> {{$match->user2_id!=0 ? $match->user2->name : 'Играч 2'}} </label>
                    </div>
                    
                    <div class="form-group">
                        <div class="col-sm-12" style='text-align: center;'>
                            <button type="submit" class="btn btn-primary">Промени</button>
                        </div>
                    </div>

                </form>
            </div>
            <div class="panel-footer"></div>
        </div>
    </div>
</div>


<script src="{{ asset('js/jquery.validate.js') }}"></script>
<script src="{{ asset('js/validation.js') }}"></script>

<script src="{{ asset('js/jquery-ui.min.js') }}"></script>
<script src="{{ asset('js/select2.min.js') }}"></script>
<script src="{{ asset('js/jquery.datetimepicker.full.min.js') }}"></script>

<script type="text/javascript" charset="utf-8">
    
    $('#user1_id,#user2_id').select2();
       
    $('#start_time').datetimepicker({format:'d.m.Y H:i'});
    
    if({{$match->tournament->add_points}}==1){
        $(document).on('change','.user1_sets', function(){
            calculate_points(1);
        });

        $(document).on('change','.user2_sets', function(){
            calculate_points(2);
        });
    }

    $('.winner-radio').on('click', function(){
        calculate_points(1);
        calculate_points(2);
    });

    function calculate_points(index){
        var user_points=0;

        if({{$match->tournament->add_points}}==1){
            $('.user'+index+'_sets').each(function(){
                user_points+=parseInt($(this).val()!='' ? $(this).val() : 0);  
            });
        }
        if($('#user_'+index+'_winner').prop('checked')==true){
            user_points+=parseInt({{$match->round->points}});
        }
        $('#user'+index+'_points').val(user_points);
    }
    
</script>




@endsection