@include('includes.main.header')
<script src="/countdown/jquery.countdown.js"></script>
<style>
    .each-player-holder .player-area-schedule
    {
        position : absolute;
        color:darkblue !important;
        top : 0px;
    }
    
    .each-player-holder, .each-player-holder .player-area-schedule
    {
        height : 100px;
    }
    
    .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">
		<div class="gallery-content-head text-left">
			<h3>Tactics</h3>
                       
                        <h4>Recommend the line-up and tactics for Match : <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" />
                </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' style="position:absolute;width:100%;height:600px;" />
                                                <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">
                                More Defensive - 0 votes
                            </div>
                            <div class="col-xs-12 col-sm-4 results-container" id="balanced-container">
                                Balanced - 0 votes
                            </div>
                            <div class="col-xs-12 col-sm-4 results-container" id="more-attacking-container">
                                More Attacking - 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">
                                Counter Attack - 0 votes
                            </div>
                            <div class="col-xs-12 col-sm-4 results-container" id="possession-game-container">
                                Possession Game - 0 votes
                            </div>
                            <div class="col-xs-12 col-sm-4 results-container" id="long-ball-container">
                                Long Ball - 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">
            <div class="col-xs-12 margin-t-10 table-responsive">
                <table class="table table-bordered  table-striped table-condensed" id="proposal-table">
                    <thead>
                        <tr>
                            <th>
                                Player Details
                            </th>
                            <th>Admin Response</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();
              });
              
              });
            function getComingSchedulePre()
            {
                $.get('/api/v1/tactics/latest/formation', 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">No. of 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">Captain - ' + 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">Freekick Taker - ' + 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">Corner Taker - ' + 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 Taker - ' + 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';
                    $(res.str1).each(function(i1,value1){
                       
                        if(count2 == 0)
                        {
                            $('#' + info[value1.str1]).text(value1.str1 + ' - ' + value1.votes_count + ' votes').attr('style', 'background-color:green;color:white');
                        }
                        $('#' + info[value1.str1]).text(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(value1.str2 + ' - ' + value1.votes_count + ' votes').attr('style', 'background-color:green;color:white');
                        }
                        $('#' + info[value1.str2]).text(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/all', function(res){
                    $('#loading').hide();
                    var html = '';
                    $(res).each(function(i,value){
                        var adminResponse = '';
                        if(value.admin_response != '' && value.admin_response != null)
                        {
                            adminResponse = '<span style="color:brown">Admin Reponse : ' + value.admin_response.replace(/\n/g, "<br />") + '</span>';
                        }
                        
                        var someDate = new Date(value.created_at);
                        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 = '<div class="pull-left"><span class="editable-text-border pull-left no_of_likes" contenteditable="true">1</span> support &nbsp;&nbsp;<a class="like-icon" data-id="' + value.UUID + '"><i class="glyphicon glyphicon-thumbs-up"></i></a></div>'
                        }
                        html+='<div class="pull-left"><div class="pull-left" style="padding-left:15px">' + value.no_of_likes + ' Supporters</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 />") + '</td><td>' + adminResponse + '</td><td style="vertical-align:middle">' + html + '</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();
                });
            }
            
            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">';
                    $(res).each(function(i, value){
                        if(currentPosition != value.position)
                        {
                            html+= '<tr><th>' + value.position + ' - Ratings of Players (Descending Order)</th></tr>';
                            currentPosition = value.position;
                        }
                        html+= '<tr><td>' + value.player_name + ' : ' + value.vote_count + '</td></tr>';
                    });
                    html+= '</table>';
                    $('#position-total-count').html(html);
                },'json');
            }
          </script>
	 <!-- content-section-ends -->
@include('includes.main.footer')