@include('includes.main.header')

<title>Propune jucator</title>

<meta name="keywords" content="propune transfer real, real transfer, real football player transfer, transfer jucator real">

<meta name="description" content="Un concept socios nou, UN SISTEM DE MANAGEMENT AL UNUI CLUB DE FOTBAL, care poate organiza comunicarea dintre zeci de mii de suporteri finantatori ( MANAGERI ) si angajatii unui club, cu scopul de a genera decizii incontestabile, asumate de majoritatea finantatorilor.">


<script src="/countdown/jquery.countdown.js"></script>
<style>
    #proposal-table tbody iframe
    {
        max-width: 200px;
        height : auto;
    }
    
    .editable-text-border
    {
        width : 30px;
        padding : 0px 5px;
        margin-right: 5px;
    }
    </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>Biroul Manager-ului Sportiv</h3>
                       
                        <p>Propune jucatori <br>Cunosti un jucator talentat, care sa se potriveasca strategiei noastre? Propune-l la echipa!</p>
		</div>
			<div class="section group">
				<div class="col-xs-12 no-padding margin-t-5">
                                    <div class="col-xs-12 " style="margin-bottom:  5px">
                                        <div class="col-xs-12 " >
                                            <div class="col-xs-12 error" style="display:none">

                                            </div>
                                        </div>
                                    </div>
                                    <form class="col-xs-12">
                                        <div class="col-xs-12">
                                            <textarea class="form-control" placeholder="Nume, varsta, pozitie, alte detalii " id="proposal"></textarea>
                                        </div>
                                        <div class="col-xs-12">
                                            <textarea class="form-control top-margin" placeholder="Date de contact fotbalist (vor fi vizibile doar pentru conducere)" id="contact_player_information"></textarea>
                                        </div>
                                        <div class="col-sm-10 col-xs-12 margin-t-5">
                                            <input type="text" class="form-control" id="video" name="video" placeholder="Introdu codul de incorporat(embed code) al videoclipului de pe youtube"/>
                                        </div>
                                        
                                        <div class="col-xs-12  margin-t-5">
                                            <button class="btn btn-success pull-right col-xs-12" id="btn-propose" type="button">Propune</button>
                                        </div>
                                        </div>
                                        
                
                
                <b>Propune un jucator pe saptamana care sa fie achizitionat si sustine propunerile celorlalti MANAGERI! Lunar, in data de 15, se va determina cea mai sustinuta propunere venita din partea suporterilor. Aceasta va reprezenta vocea Dinamo Socios Manager si va fi publicata si prezentata Manager-ului Sportiv de catre ADPD.
                </b>
                
                                        
                                    </form>
                                    <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 colspan="3" style="text-align: center">
                                                        Decizii propuse/ Raspunsurile conducerii
                                                    </th>
                                                </tr>
                                                <tr>
                                                    <th>
                                                        Detalii jucator
                                                    </th>
                                                    <th>Videoclip</th>

                                                </tr>
                                            </thead>
                                            <tbody>

                                            </tbody>
                                        </table>
                                        <div class="col-xs-12 hcenter" id="loading" style='display: none'>
                                            <img src="/images/loading.gif" />
                                        </div>
                                    </div>
				</div>
				
			</div> 	
			
   </div>
</div>
         <script>
            $(document).ready(function(){
                getAllProposals();
                $('#btn-propose').click(function(){
                    var current = $(this);
                    $(this).attr('disabled', 'disabled').text('Saving Proposal...');
                    var data = new Object();
                    data['proposal'] = $('#proposal').val();
                    data['video'] = $('#video').val();
                    data['contact_player_information'] = $('#contact_player_information').val();
                    $.post('/api/v1/proposal/add', {data:data,_token:'{{ csrf_token() }}'}, function(res){
                        alert("Proposal Added Successfully");
                        $('.error').hide();
                        getAllProposals();
                        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');
                });
            });
            
            $(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();
                $.post('/api/v1/proposal/like', {id:id,noOfLikes:noOfLikes,_token:'{{ csrf_token() }}'}, function(res){
                    alert("Succesfully supported");
                   getAllProposals();
                })
                .fail(function(xhr) {
                        var html = '';
                        var res = xhr.responseJSON;
                        $(res).each(function(i, value){
                                html+= value;
                        });
                        alert(html);
                        current.removeAttr('disabled');
                        
                    },'json');
            });
             
            function getAllProposals()
            {
                $('#proposal-table tbody').html('');
                $('#loading').show();
                $.get('/api/v1/proposals/all', function(res){
                    $('#loading').hide();
                    var html = '';
                    $(res.proposals).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(likeCount < 0)
                        {
                            likeCount = 0;
                        }
                        var adminResponse = '';
                        if(value.admin_response != '' && value.admin_response != null)
                        {
                            adminResponse = '<span style="color:brown">Raspuns conducere : ' + 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" style="padding-left:15px">' + value.no_of_likes + ' Sustinatori</div><span style="color:red" class="count_down_poll pull-right" data-date="' + value.expiry_date + '"></span>';
                        $('#proposal-table tbody').append('<tr><td>' + value.proposal.replace(/\n/g, "<br />") + ' <small><i>' + value.user.username + '</i></small><br/><br/>' + adminResponse + '</td><td >' + value.video + '</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();
                    appendArchiveToProposal();
                });
            }
            
            function appendArchiveToProposal()
            {
                $('#proposal-table tbody').append('<tr><td colspan="2"><a href="/archive/player/proposal" class="btn btn-primary pull-right">arhiva</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')
                        );
                    }); 
                });
            }
            
            
            $(document).on('blur', '.no_of_likes', function(){
                var count = $(this).text();
                var availableVotes = $(this).attr('data-like');
                if(isNaN($(this).text()))
                {
                    alert("Please enter a digit");
                    $(this).text(availableVotes);
                    return;
                }

                if(Number(count) > availableVotes)
                {
                    alert("Only " + availableVotes + " votes available");
                    $(this).text(availableVotes).focus();
                    return;
                }
            });
             </script>
	 <!-- content-section-ends -->
	<!--Work-Ends-Here-->
@include('includes.main.footer')