@include('includes.admin.header')
@include('includes.admin.sidebar')
<script>
    $(document).ready(function(){
        $('#reports-menu').addClass('active');
    });
</script>
<style>
    .each-player-holder .player-area-schedule
    {
        position : absolute;
        color:darkblue !important;
        top : 0px;
    }
    .player-img-container
    {
        background-position: 50% 50%;
        background-size: cover;
        height : 70px;
    }
/*    .each-player-holder, .each-player-holder .player-area-schedule
    {
        height : 100px;
    }
    
    .player-img-container
    {
        background-position: 50% 50%;
        background-size: cover;
       // height : 30px;
    }*/
    </style>
<!--Work-Starts-Here-->
	 <!-- content-section-starts -->
	<div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <h1>
           Tactics
            <small>Tactics</small>
          </h1>
          <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">Reports</a></li>
            <li class="active">Tactics</li>
          </ol>
        </section>

        <!-- Main content -->
        <section class="content">
          <div class="row">
            <div class="col-md-12">
              <div class="box">
			<div class="section group">
                            <div class="col-xs-12 no-padding margin-t-5" id="main-area" >
                                    
                                    <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 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 class="col-xs-12 hcenter" id="loading">
                        <img src="/images/loading.gif" />
                    </div>
				
			</div> 	
			
   </div>
</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();
                        $('[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);
                    });
                    
                    getComingSchedulePre();
                  //   $('#main-content').show();
                 //   $('#loading').hide();
              });
              
              });
            function getComingSchedulePre()
            {
                scheduleID = '{{$UUID}}';
                $.get('/admin/schedule/' + scheduleID + '/pre/formation', function(res, xhr, code){
                    if(code.status == 204)
                    {
                        window.location.href = '/';
                    }
                    //$('#match_no').text(res.match_count);
                    
                    getFormation(res.formation_id);
                     $('#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;
                            }
                            $('[data-position_count_id=' + value.position_columns_id + ']').addClass('green-field-background');
                            $('.green-field-background').find('span').show();
                            $('.green-field-background').find('div').show();
                        }
                    });
                    
                    getAllPlayers();
                    $('#main-content').show();
                   // $('#formation-container').show();
                    $('#loading').hide();
              });
            }
            
            function getAllPlayers()
            {
                $.post('/admin/tactic/results', {'positions': positions, 'scheduleID':scheduleID, "_token": "{{ csrf_token() }}"}, function(res){
                    $('.loading-player').remove();
                    console.log(res);
                    $(res.response1).each(function(i, value){
                        
                        var positionColumnID = value.position_columns_id;
                        var photoLocation = '/uploads/player/' + value.photo;
                        
                        var html = "<div class='col-xs-12 player-area-schedule' >";
                            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);
                    });
                    $('.count-info-container').append('<div class="col-xs-12 top-margin">Captain - ' + res.captainCount.name + '(No. of votes - ' + res.captainCount.votes_count + ')</div>');
                    $('.count-info-container').append('<div class="col-xs-12 top-margin">Freekick Taker - ' + res.freekickCount.name + '(No. of votes - ' + res.freekickCount.votes_count + ')</div>');
                    $('.count-info-container').append('<div class="col-xs-12 top-margin">Corner Taker - ' + res.cornerCount.name + '(No. of votes - ' + res.cornerCount.votes_count + ')</div>');
                    $('.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.tactics).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 = '<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>'
                        }
                        
                        html+='<br/><br/>' + value.no_of_likes + ' Supporters<br/><br/><span style="color:red">Expiring On: ' + someFormattedDate + '</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>');
                    });
                });
            }
          </script>
	 <!-- content-section-ends -->
@include('includes.admin.footer')