@include('includes.main.header')
<style>
    .editable-text-border
    {
        width : 100%;
    }
</style>
<!--Work-Starts-Here-->
	 <!-- content-section-starts -->
	 <div class="gallery-content">
	 <div class="container">
		<div class="gallery-content-head text-left">
			<h3>ALL VOTES</h3>
                        @include('includes.main.top-header')
                        
		</div>
			<div class="section group" id="main-body-container">
				<div class="col-xs-12 no-padding margin-t-5">
                                   
                                    <div class="col-xs-12 margin-t-10 table-responsive">
                                        <div class="col-xs-12 error1" style="margin-bottom:5px;display: none">
                                            
                                        </div>
                                        
                                        <table class="table table-striped table-hover">
                                            <tbody>
                                                @if (!empty($votes))
                                                    @foreach ($votes AS $vote)
                                                    <tr>
                                                        <th style="text-align: center">
                                                            <div class="col-xs-12">{{floor($vote['no_of_votes'])}} VOTE(S) expiring on {{date("d M Y", strtotime($vote['expiry_date']))}}<br/></div>
                                                            <a href="" class="btn btn-danger col-xs-12 top-margin-big-1">Extent by 1 month</a>
                                                        </th>
                                                    </tr>
                                                    @endforeach
                                                @endif
                                            </tbody>
                                        </table>
                                        
                                    </div>
                                   
				</div>
				
			</div> 	
			
   </div>
</div>
         <!-- Modal -->

<script>
    $(document).ready(function(){
        $('.payment-container').click(function(){
            var noOfVotes = $('#no_of_votes').val();
             var href = $(this).attr('data-href');
            
            if(isNaN(noOfVotes) || noOfVotes == '')
            {
                alert("Please enter a numeric value for No of Votes");
                return;
            }
           
            window.location.href = href + '/' + noOfVotes;
        })
        
        
        $('#btn-edit').click(function(){
           $('.editable-text-border1').addClass('editable-text-border');
           $('#account-table tfoot').show();
        });
        
        $('#votes').blur(function(){
            var votes = $(this).val();
            $('#payment_amount').val(votes * 100);
        });
        
//        $('#paypal-submit').click(function(){
//            $.post('/api/v1/vote/post/one',{"_token": "{{ csrf_token() }}"}, function(){
//                $('.error1').html('<div class="alert alert-success">Vote Submitted Successfully</div>').show();
//                window.location.href = '#main-body-container';
//                window.location.href = '/';
//            },'json').fail(function(xhr) {
//                var html = '';
//                var res = xhr.responseJSON;
//                
//                $('.error1').html('<div class="alert alert-danger">' + res + '</div>').show();
//                $('#btn-submit').html('Submit').removeAttr('disabled');
//                window.location.href = '#main-body-container';
//            },'json');
//        });
    });
</script>
	 <!-- content-section-ends -->
@include('includes.main.footer')