@include('includes.main.header')
<script src="/countdown/jquery.countdown.js"></script>
<style>
body
{
        background-image : url('/images/bg2.png')  !important;
           
    }



    .each-player-holder .player-area-schedule
    {
        position : absolute;
        color:darkblue !important;
        top : 0px;
    }
    
    .each-player-holder, .each-player-holder .player-area-schedule
    {
        height : 100px;
    }
    
    @media screen and (max-width : 600px)
    {
        .each-player-holder, .each-player-holder .player-area-schedule{
            //height : 70px;
        }
        
        .each-player-holder .player-img-container{
            //height : 66px !important;
        }
        
        .each-player-holder .player-area-schedule select{
            padding-left: 0px;
            padding-right: 0px;
            padding-top:0px;
        }
        
        .bg-field
        {
            //height : 420px !important;
        }
        
        .each-column-count-block
        {
            bottom : 30px !important;
            font-size: 9px !important;
        }
    }
    
    .player-img-container
    {
        background-position: 50% 50%;
        background-size: cover;
       // height : 30px;
    }
    
    .results-container
    {
        
        padding : 10px;
    }
    </style>
    
<!--Work-Starts-Here-->
    <!-- content-section-starts -->
    <div class="gallery-content">
	<div class="container" style="background-color:white; opacity:0.9;">
		<div class="gallery-content-head text-left">
			<h3>Tactica</h3>
                       
                        <h4>Rezultatele pentru meciul <span id="match_name"></span></h4>
		</div>
			<div class="section group">
                            <div class="col-xs-12 no-padding margin-t-5" id="main-area" >
                                    
                                    <div class="col-xs-12 margin-t-10 ">
                                        <div class="col-xs-12 error" style="margin-bottom:5px;display: none">
                                            
                                        </div>
                                        <div class="col-xs-12 hcenter" id="loading">
                    <img  src="/images/loading.gif" class="col-xs-12"/>
                </div>                  
                                        
                                        <div class='col-xs-12 no-padding' id="main-content"  style="display: none"> 
                                              
                                            
                                            
                                                <div class='col-xs-12 col-sm-12 pull-right' id="football-field" ondragenter="return dragEnter(event)" ondrop="return dragDrop(event)"  ondragover="return dragOver(event)" >
                        <div class='col-xs-12 no-padding' style="position: relative">
                            <img src='/images/field.png' class="bg-field" style="position:absolute;width:100%;height:600px;opacity:0.8" />
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-0" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-1" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-2" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-3" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-4" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-5" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-6" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-7" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-8" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-9" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-10" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-11" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-12" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-13" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-14" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-15" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-16" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-17" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-18" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-19" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-20" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-21" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-22" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-23" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-24" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-25" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-26" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-27" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-28" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-29" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-30" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-31" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-32" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-33" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-34" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-35" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-36" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-37" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-38" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-39" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-40" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                <div class="each-player-holder
                             @if ($i == 38)
                             goal-keeper
                             @endif
                             " id="field-position-41" data-id="{{$count}}" style="">
                            <span class="each-column-count-block" style="display:none">{{$count}}</span>
                            <div class="col-xs-12 loading-player" style="display:none;font-size:10px;background-color:black;padding:2px">LOADING PLAYER</div>
                        </div>
                                                </div>
                    </div>
                    <div class='col-xs-12 col-md-12'>                       
                        <div class="col-xs-12 top-margin count-info-container well">

                        </div>

                        <div class="col-xs-12 top-margin count-info-container-str-1 well">
                            <div class="col-xs-12 col-sm-4 results-container" id="more-defensive-container">
                                Defensiv - 0 votes
                            </div>
                            <div class="col-xs-12 col-sm-4 results-container" id="balanced-container">
                                Echilibrat - 0 votes
                            </div>
                            <div class="col-xs-12 col-sm-4 results-container" id="more-attacking-container">
                                Ofensiv - 0 votes
                            </div>
                        </div>

                        <div class="col-xs-12 top-margin count-info-container-str-2 well">
                            <div class="col-xs-12 col-sm-4 results-container" id="counter-attack-container">
                                Contraatac - 0 votes
                            </div>
                            <div class="col-xs-12 col-sm-4 results-container" id="possession-game-container">
                                Joc de posesie - 0 votes
                            </div>
                            <div class="col-xs-12 col-sm-4 results-container" id="long-ball-container">
                                Mingi lungi - 0 votes
                            </div>
                        </div>
                    </div>
                                
                                    
                                            
                    </div>
                </div>
            </div>
        </div> 	
            <div class='col-xs-12' id='position-total-count'>
                
            </div>  
        <div class="col-xs-12 top-margin gallery-content-head text-left ">
            <h3 class="xol-xs-12">Propuneri tactice</h3>   
                                            </div>   
                                         <form class="col-xs-12" >
                                        <div class="col-xs-12">
                                            <textarea class="form-control" placeholder="Fa o propunere tactica. Te rugam sa analizezi inainte propunerile facute de catre colegii tai, pentru a evita dublarea ideilor noastre!" id="suggestions"></textarea>
                                        </div>
                                        
                                        <div class="col-sm-2 col-xs-12  margin-t-5">
                                            <button class="btn btn-success pull-right col-xs-12" id="btn-propose" type="button">Propune</button>
                                        </div>
                                        
                                        
                                        
                                      
                                        
                                    </form>
            <div class="col-xs-12 margin-t-10 table-responsive">
                <div class='proposal-error'>
                                                
                                            </div>
                <table class="table table-bordered  table-striped table-condensed"  id="proposal-table">
                                        <thead>
                                            <tr>
                                                <th colspan="3" style="text-align:center">
                                                   
                                                        <b>Fa o propunere tactica pe saptamana si sustine propunerile celorlalti MANAGERI! Cele mai sustinute propuneri vor reprezenta vocea FC Arges Socios Manager si vor fi prezentate antrenorului FC Arges.
                </b>    <br>  
                
                Propuneri tactice/ Raspuns antrenor
                                                    
                                                </th>
                                            </tr>
                                            <tr>
                                                <th>
                                                    Propunere tactica
                                                </th>
                                                <th>Raspunsul antrenorului</th>
                                               
                                            </tr>
                                        </thead>
                                        <tbody>
                                           
                                        </tbody>
                                    </table>
                                       
            </div>
        </div>
			
    </div>
        
</div>

<script>
    var current = 0;
    var scheduleID = 0;
    var positions = new Object();
          $(document).ready(function(){
              getAllTacticSuggestions();
              $.get('/api/v1/positions/columns/all', function(res){
                  $('.each-player-holder').addClass('gray-field-background');
                 // $('.each-player-holder').append('<span class="col-xs-12 position-desc-area" style="font-size:8px">Position not specified</span>');
                  $(res).each(function(i, value){
                        
                        $('[data-id=' + value.column_count + ']').addClass('green-field-background').attr('data-position', value.position.short_form);
                      //  $('[data-id=' + value.column_count + ']').find('span').show();
                        
                        if(value.position.short_form == 'GK')
                        {
                            $('[data-id=' + value.column_count + ']').html(value.position.short_form + '<br/>').attr('style', 'background-image:url("/uploads/goalKeeper/{{$profile->default_goal_keeper}}")');
                        }
        
                        $('[data-id=' + value.column_count + ']').find('span').html(value.position.short_form + '<br/>').attr('style', 'z-index:1000;background-color:black').hide();
                        $('[data-id=' + value.column_count + ']').attr('data-position_id', value.position_id);
                        $('[data-id=' + value.column_count + ']').attr('data-position_count_id', value.UUID);
                    });
                    console.log(positions);
                    getComingSchedulePre();
                  //   $('#main-content').show();
                 //   $('#loading').hide();
              });
              
              });

           $('#btn-propose').click(function(){
                    var current = $(this);
                    $(this).attr('disabled', 'disabled').text('Saving Proposal...');
                    var data = new Object();
                    data['suggestions'] = $('#suggestions').val();
                    $.post('/api/v1/tactic/suggestion/add', {data:data,_token:'{{ csrf_token() }}'}, function(res){
                        alert("Suggestion Updated Successfully");
                        $('.error').hide();
                        getAllTacticSuggestions();
                        current.removeAttr('disabled').text('Propose');
                        $('.gallery-content').find('.form-control').val('');
                    })
                    .fail(function(xhr) {
                        var html = '';
                        var res = xhr.responseJSON;
                        $(res).each(function(i, value){
                                html+= '<p>' + value + '</p>';
                        });
                        $('.error').html(html).show();
                        current.html('Propose').removeAttr('disabled');
                        window.location.href = '#body';
                    },'json');
                });
            function getComingSchedulePre()
            {
                $.get('/api/v1/tactics/latest/formation/results1', function(res, xhr, code){
                    if(code.status == 204 || code.status == 202)
                    {
                        window.location.href = '/';
                    }
                    $('#match_name').text(res.name);
                   // $('#match_no').text(res.match_count);
                    scheduleID = res.formation.UUID;
                    getFormation(res.formation.formation_id);
                    getPositionCounts();
                     $('#main-content').show();
                    $('#loading').hide();
              });
            }
            
            function getFormation(UUID)
            {
                $('.green-field-background').removeClass('green-field-background');
                $('#main-content').hide();
                $('#loading').show();
                $.get('/api/v1/formations/' + UUID + '/players/get',function(res){
                    var count = 1;
                    $(res.formation_positions).each(function(i,value){
                        if(value.inactive == 0)
                        {
                            
                            var positionID = $('[data-position_count_id=' + value.position_columns_id + ']').attr('data-position_id');
                            if(positions[positionID] > 0)
                            {
                                positions[positionID]++;
                            }
                            else
                            {
                                positions[positionID] = 1;
                            }
                            
                            var attr = $('[data-position_count_id=' + value.position_columns_id + ']').attr('data-id');
                            if (attr == 39) {
                                $('[data-position_count_id=' + value.position_columns_id + ']').addClass('green-field-background');
                            }
                            else
                            {
                                $('[data-position_count_id=' + value.position_columns_id + ']').addClass('green-field-background').attr('style', "background-image: url('/uploads/player/{{$profile->default_tshirt}}')");
                            }
                            
                            $('.green-field-background').find('span').show();
                            $('.green-field-background').find('div').show();
                        }
                    });
                    console.log(positions);
                    getAllPlayers();
                    $('#main-content').show();
                   // $('#formation-container').show();
                    $('#loading').hide();
              });
            }
            
            $(document).on('click', '.player-area-schedule',function(){
                var href= $(this).attr('data-href');
                window.location.href = href;
            });
            
            function getAllPlayers()
            {
                $.post('/api/v1/tactics/results', {'positions': positions, 'scheduleID':scheduleID, "_token": "{{ csrf_token() }}"}, function(res){
                    $('.loading-player').remove();
                    $(res.response1).each(function(i, value){
                        
                        var positionColumnID = value.position_columns_id;
                        var photoLocation = '/uploads/player/' + value.photo;
                        
                        var html = "<div style='cursor:pointer' class='col-xs-12 player-area-schedule' data-href='/player/" + value.UUID + "'>";
                            html+=  "<div class='col-xs-12 col-sm-4 player-img-container' style='background-image: url("  + photoLocation + ")'>";
                            html+=  "</div>";
                              
                            html+=  "<div class='col-xs-12 col-sm-8 player-det' >";
                            html+=  '<span class="each-column-count-block" style="position: absolute;bottom: 20px;background-color: black;width: 100%;left: 0px;font-size: 10px;z-index:10;margin-left:0px">Votes : ' +  value.votes + '</span>';
                            html+=      "<div class='col-xs-12 player-name' style='font-size: 16px'>" + value.name + "</div>";
                            
                            html+=  "</div>";
                            html+= "</div>";
                        $('[data-id="' + positionColumnID + '"]').html(html);
                    });
                    if(res.captainCount != null)
                    {
                        $('.count-info-container').append('<div class="col-xs-12 top-margin">Capitan - ' + res.captainCount.name + '(No. of votes - ' + res.captainCount.votes_count + ')</div>');
                    }
                    if(res.freekickCount != null)
                    {
                        $('.count-info-container').append('<div class="col-xs-12 top-margin">Lovituri libere - ' + res.freekickCount.name + '(No. of votes - ' + res.freekickCount.votes_count + ')</div>');
                    }
                    if(res.cornerCount != null)
                    {
                        $('.count-info-container').append('<div class="col-xs-12 top-margin">Cornere - ' + res.cornerCount.name + '(No. of votes - ' + res.cornerCount.votes_count + ')</div>');
                    }
                    if(res.penaltyCount != null)
                    {
                        $('.count-info-container').append('<div class="col-xs-12 top-margin">Penalty-uri - ' + res.penaltyCount.name + '(No. of votes - ' + res.penaltyCount.votes_count + ')</div>');
                    }
                    var html = '';
                    var count2 = 0;
                    var info = new Object();
                    info['More Defensive'] = 'more-defensive-container';
                    info['Balanced'] = 'balanced-container';
                    info['More Attacking'] = 'more-attacking-container';
                    info['Counter Attack'] = 'counter-attack-container';
                    info['Possession Game'] = 'possession-game-container';
                    info['Long Ball'] = 'long-ball-container';
                    
                    
                    var romanian = new Object();
                    romanian['More Defensive'] = 'Joc defensiv';
                    romanian['Balanced'] = 'Balanced';
                    romanian['More Attacking'] = 'More Attacking';
                    romanian['Counter Attack'] = 'Counter Attack';
                    romanian['Possession Game'] = 'Possession Game';
                    romanian['Long Ball'] = 'Long Ball';
                    
                    
                    $(res.str1).each(function(i1,value1){
                       
                        if(count2 == 0)
                        {
                            $('#' + info[value1.str1]).text(romanian[value1.str1] + ' - ' + value1.votes_count + ' votes').attr('style', 'background-color:green;color:white');
                        }
                        $('#' + info[value1.str1]).text(romanian[value1.str1] + ' - ' + value1.votes_count + ' votes');
                        html+= "<div class='col-xs-12' style='background-color:green'></div>";
                        count2++;
                    });
                    count2 = 0;
                    $(res.str2).each(function(i1,value1){
                       
                        if(count2 == 0)
                        {
                            $('#' + info[value1.str2]).text(romanian[value1.str2] + ' - ' + value1.votes_count + ' votes').attr('style', 'background-color:green;color:white');
                        }
                        $('#' + info[value1.str2]).text(romanian[value1.str2] + ' - ' + value1.votes_count + ' votes');
                        html+= "<div class='col-xs-12' style='background-color:green'></div>";
                        count2++;
                    });
                },'json');
            }
            
            function getAllTacticSuggestions()
            {
                $('#proposal-table tbody').html('');
                $('#loading').show();
                
                $.get('/api/v1/tactic/suggestions/active', function(res){
                    $('#loading').hide();
                    var html = '';
                    $(res.tactics).each(function(i,value){
                        var likeCount =  res.votes - value.max_likes;
                        
//                        if($(value.likes) != null)
//                        {
//                            $(value.likes).each(function(i1, value1){
//                                likeCount = likeCount - value1.no_of_likes;
//                            })
//                        }
                      //  likeCount = res.totalMaxAllowedVotes - value.max_likes;
                        var totalMaxAllowedVotes = res.totalMaxAllowedVotes - value.max_likes;
                        if(totalMaxAllowedVotes < likeCount)
                        {
                            likeCount = totalMaxAllowedVotes;
                            console.log(likeCount);
                        }
//                        if(res.totalMaxAllowedVotes < likeCount)
//                        {
//                            likeCount = res.totalMaxAllowedVotes;
//                            console.log(likeCount);
//                        }
                        if(likeCount < 0)
                        {
                            likeCount = 0;
                        }
                        var adminResponse = '';
                        if(value.admin_response != '' && value.admin_response != null)
                        {
                            adminResponse = '<span style="color:brown">Raspuns antrenor : ' + value.admin_response.replace(/\n/g, "<br />") + '</span>';
                        }
                        
                        var someDate = new Date(value.expiry_date);
//                        var numberOfDaysToAdd = 14;
//                        someDate.setDate(someDate.getDate() + numberOfDaysToAdd); 
                        var dd = someDate.getDate();
                        var mm = someDate.getMonth() + 1;
                        var y = someDate.getFullYear();

                        var someFormattedDate = dd + '/'+ mm + '/'+ y;
                        
                        if(value.confirm == 1)
                        {
                            html = '<span><strong>Sustained decision</strong> </span>';
                        }
                        else
                        {
                             html = '<span class="editable-text-border pull-left no_of_likes" contenteditable="true" data-like="' + likeCount + '">' + likeCount + '</span>  &nbsp;&nbsp;<a class="like-icon pull-left" data-id="' + value.UUID + '" style="padding-left:5px"><i class="glyphicon glyphicon-thumbs-up"></i> Sustine</a>&nbsp;&nbsp;&nbsp;&nbsp;'
                        }
                        html+='<div class="pull-left"><div class="pull-left" style="padding-left:15px">' + value.no_of_likes + ' Sustinatori</div></div><span style="color:red" class="count_down_poll pull-right" data-date="' + value.expiry_date + '"></span>';
                        $('#proposal-table tbody').append('<tr><td>' + value.suggestions.replace(/\n/g, "<br />") + ' <small><i>' + value.user.username + '</i></small></td><td>' + adminResponse + '</td></tr><tr><td colspan="2" style="vertical-align:middle">' + html + '</td></tr><tr><td colspan="2" class="hcenter" style="background-color:darkcyan"></td></tr>');
                    });

                    makeAllCountDownTimers();
                    appendArchiveToTactics();
                });
            }

             function appendArchiveToTactics()
            {
                console.log("A");
                $('#proposal-table tbody').append('<tr><td colspan="2"><a href="/archive/tactic/proposal" class="btn btn-primary pull-right">archive</a></td></tr>');
            }
            
            
            function makeAllCountDownTimers()
            {
                $('.count_down_poll').each(function(){
                    var expiryDate = $(this).attr('data-date');
                    $(this).countdown(expiryDate, function(event) {
                        $(this).text(
                            event.strftime('Expiry By : %D days %H:%M:%S')
                        );
                    }); 
                });
            }
            
            function getPositionCounts()
            {
                $('#position-total-count').html('');
                
                var currentPosition = 0;
                $.get('/api/v1/schedule/' + scheduleID + '/position/order', function(res){
                    var html = '<table class="table table-bordered table-striped" id="tactics-table"><thead><tr><td>All Position Results <span class="pull-right"><i class="glyphicon glyphicon-chevron-down"></i></span></td></tr></thead>';
                    $(res).each(function(i, value){
                        if(currentPosition != value.position)
                        {
                            html+= '<tr class="position-tr" style="display:none"><th>' + value.position + ' - Ratings of Players (Descending Order)</th></tr>';
                            currentPosition = value.position;
                        }
                        html+= '<tr class="position-tr" style="display:none"><td>' + value.player_name + ' : ' + value.vote_count + '</td></tr>';
                    });
                    html+= '</table>';
                    $('#position-total-count').html(html);
                },'json');
            }
            
            $(document).on('click', '#tactics-table thead tr', function(){
                //var position = $(this).attr('data-position');
                $('.position-tr').slideToggle();
            });

             $(document).on('click','.like-icon', function(){
                var current = $(this);
                $(this).attr('disabled', 'disabled');
                $('#loading').show();
                var id = $(this).attr('data-id');
                var parent = $(this).parents('td').first();
                var noOfLikes = $(parent).find('.no_of_likes').text();
                
                $('.proposal-error').html('<div class="alert alert-warning">Sending request. Please wait....</div>');
                $.post('/api/v1/tactic/suggestions/like', {id:id,noOfLikes:noOfLikes,_token:'{{ csrf_token() }}'}, function(res){
                    alert(res);
                    $('.proposal-error').html('');
                    getAllTacticSuggestions();
                },'json')
                .fail(function(xhr) {
                        var html = '';
                        var res = xhr.responseJSON;
                        $(res).each(function(i, value){
                                html+= value;
                        });
                         $('.proposal-error').html('<div class="alert alert-danger">' + html + '</div>');
                        window.location.href= '#proposal-table';
                        current.removeAttr('disabled');
                        $('#loading').hide();
                    },'json');
            });
          </script>
	 <!-- content-section-ends -->
@include('includes.main.footer')