@extends('layouts.app')

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

@section('style')
<style>
    .onoffswitch-inner::after {
        content: "НЕ" !important;
    }
    .onoffswitch-inner::before{
        content: "ДА" !important;
    }
</style>
@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="tournament_create" method="POST" action="{{ route('admin.tournaments.store') }}" class="form form-horizontal">
                    {{ csrf_field() }}

                    <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">
                        <label for="name" class="col-sm-2 col-form-label control-label">Име</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control" id="name" name="name" value="{{old('name')}}"/>
                            @if ($errors->has('name'))
                                    <span class="help-block"><strong>{{ $errors->first('name') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </div>
                    </div>

                    <div class="form-group{{ $errors->has('playground_id') ? ' has-error' : '' }}">
                        <label for="playground" class="col-sm-2 col-form-label control-label">Спортна площадка</label>
                        <div class="col-sm-8">   
                            <select class="form-control" name="playground_id" id="playground">
                                <option value="">Спортна площадка</option>
                                @foreach($playgrounds as $playground)
                                    <option value="{{$playground->id}}" {{old('playground_id')==$playground->id ? "selected" : ""}}>{{$playground->name}}</option>  
                                @endforeach
                            </select>
                            @if ($errors->has('playground_id'))
                                <span class="help-block"><strong>{{ $errors->first('playground_id') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </div>
                    </div>
                    
                    <div class="form-group{{ $errors->has('date_from') ? ' has-error' : '' }}">
                        <label for="date_from" class="col-sm-2 col-form-label control-label">Дати</label>
                        <div class="input-group col-sm-8" style="padding-left:15px;padding-right:15px;">
                            <label class="input-group-addon" for="date_from"><i class="glyphicon glyphicon-calendar"></i></label>
                            <input type="text" class="form-control" id="date_from" name="date_from" value="{{ old('date_from') }}" placeholder="Начална дата" required/>
                            @if ($errors->has('date_from'))
                                <span class="help-block"><strong>{{ $errors->first('date_from') }}</strong></span>
                            @endif
                            <label class="input-group-addon" for="date_to"><i class="glyphicon glyphicon-calendar"></i></label>
                            <input type="text" class="form-control" id="date_to" name="date_to" value="{{ old('date_to') }}" placeholder="Крайна дата" required/>
                            @if ($errors->has('date_to'))
                                <span class="help-block"><strong>{{ $errors->first('date_to') }}</strong></span>
                            @endif
                        </div>
                        <div class="errorBox" style="padding-left:19%;"></div>
                    </div>

                    <div class="form-group{{ $errors->has('sport_id') ? ' has-error' : '' }}">
                        <label for="sport" class="col-sm-2 col-form-label control-label">Спорт</label>
                        <div class="col-sm-8">   
                            <select class="form-control" name="sport_id" id="sport">
                                <option value="">Спорт</option>
                                @foreach(__('texte.sports_arr') as $key=>$value)
                                    <option value="{{$key}}" {{old('sport_id')==$key ? "selected" : ""}}>{{$value}}</option>                                
                                @endforeach
                            </select>
                            @if ($errors->has('sport_id'))
                                <span class="help-block"><strong>{{ $errors->first('sport_id') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </div>
                    </div>
                    
                    <div class="form-group{{ $errors->has('add_points') ? ' has-error' : '' }}">
                        <label for="add_points" class="col-sm-2 col-form-label control-label">Точки за спечелени геймове</label>
                        <div class="col-sm-8 switch">
                            <div class="onoffswitch" style="margin-top:6px;">
                                <input type="checkbox" class="onoffswitch-checkbox" id="example1" value='1' name="add_points" checked>
                                <label class="onoffswitch-label" for="example1">
                                    <span class="onoffswitch-inner"></span>
                                    <span class="onoffswitch-switch"></span>
                                </label>
                            </div>
                        </div>
                    </div>
                    
                    <div class="form-group{{ $errors->has('manual_points') ? ' has-error' : '' }}">
                        <label for="manual_points" class="col-sm-2 col-form-label control-label">Ръчно въвеждане на точки</label>
                        <div class="col-sm-8 switch">
                            <div class="onoffswitch" style="margin-top:6px;">
                                <input type="checkbox" class="onoffswitch-checkbox" id="manual_points" value='1' name="manual_points">
                                <label id='kiro'class="onoffswitch-label" for="manual_points">
                                    <span class="onoffswitch-inner"></span>
                                    <span class="onoffswitch-switch"></span>
                                </label>
                            </div>
                        </div>
                    </div>
                    
                    <div class="form-group{{ $errors->has('participants') ? ' has-error' : '' }}">
                        <label for="participants" class="col-sm-2 col-form-label control-label">Участници</label>
                        <div class="col-sm-8">
                            <input type="participants" class="form-control" id="participants" name="participants" value="{{ old('participants') }}" />
                            @if ($errors->has('participants'))
                                    <span class="help-block"><strong>{{ $errors->first('participants') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </div>
                    </div>
                    
                    <div class="form-group{{ $errors->has('fee') ? ' has-error' : '' }}">
                        <label for="fee" class="col-sm-2 col-form-label control-label">Такса</label>
                        <div class="col-sm-8">
                            <input type="number" class="form-control" id="fee" name="fee" value="{{ old('fee') }}" />
                            @if ($errors->has('fee'))
                                    <span class="help-block"><strong>{{ $errors->first('fee') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </div>
                    </div>
                    
                    <div class="form-group{{ $errors->has('info') ? ' has-error' : '' }}">
                        <label for="description" class="col-sm-2 col-form-label control-label">Информация</label>
                        <div class="col-sm-8">
                            <textarea class="form-control" id="info" name="info">{{ old('info') }}</textarea>
                            @if ($errors->has('info'))
                                <span class="help-block"><strong>{{ $errors->first('info') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <label class="col-sm-2 col-form-label control-label">Схема</label>
                        <div class="col-sm-8">                            
                            <table id="myTable" class="table table-bordered table-stripped" width="100%">
                                <thead>
                                    <tr>
                                        <th>Кръг</th>
                                        <th>Точки</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    
                                </tbody>
                            </table>
                        </div>
                    </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="/vendor/unisharp/ckeditor/ckeditor.js"></script>

<script type="text/javascript" charset="utf-8">    
    
    var options = {
        filebrowserImageBrowseUrl: '/laravel-filemanager?type=Images',
        filebrowserImageUploadUrl: '/laravel-filemanager/upload?type=Images&_token={{csrf_token()}}',
        filebrowserBrowseUrl: '/laravel-filemanager?type=Files',
        filebrowserUploadUrl: '/laravel-filemanager/upload?type=Files&_token={{csrf_token()}}',
        filebrowserUploadMethod: 'form'
    };
    CKEDITOR.replace('info',options);     

    CKEDITOR.on('instanceReady', function(){
        $.each( CKEDITOR.instances, function(instance) {
            CKEDITOR.instances[instance].on("change",
                function(e) {
                        for ( instance in CKEDITOR.instances)
                            CKEDITOR.instances[instance].updateElement();
                });
          });
    });
    
    
    $('#sport,#playground').select2();
    
    $("#date_from").datepicker({   
        dateFormat: 'dd.mm.yy',
        minDate: new Date(),
        onSelect: function(dateText, inst){
           $("#date_to").datepicker("option","minDate",$("#date_from").datepicker("getDate"));
        }
    });

    $("#date_to").datepicker({dateFormat: 'dd.mm.yy',}); 
    
    $('#participants').on('change', function(){
        $('#myTable tbody tr').remove();        
        
        if(Math.log($('#participants').val()) / Math.log(2)>1 && Math.log($('#participants').val()) / Math.log(2) % 1=== 0){
            var rounds = parseInt(Math.log($('#participants').val()) / Math.log(2));
            var i=1;
            
            
            while(i <= rounds) {
               
                var round_name='';
                 
                switch(i) {
                            case rounds: round_name = 'финал';break;
                            case rounds-1: round_name = 'Полуфинал';break;
                            case rounds-2: round_name = 'Четвъртфинал';break;
                            case rounds-3: round_name = 'Осминафинал';break;
                            case rounds-4: round_name = 'Шестнайсетинафинал';break;
                            default: round_name = i+' кръг';    
                          }
              
                var row = '<tr><td><input type="hidden" class="form-control" name="round_name[]" value="'+round_name+'" required/>'+round_name+'</td><td><input type="number" class="form-control" name="round[]" value="" required/></td></tr>';
                $('#myTable tbody').append(row);
                $('#myTable').show();
                i++;
            }
        }
        else{
            $('#myTable').hide();
            alert('Моля, въведете валиден брой играчи - 4,8,16,32,64...');
        }
    });
    
    
</script>




@endsection