@include('includes.admin.header')
@include('includes.admin.sidebar')  
<script src="/countdown/jquery.countdown.js"></script>
      <!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <h1>
           Edit Decision Proposal
            <small>From Decision Proposal</small>
          </h1>
          <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">Decision Decision Proposal</a></li>
                <li class="active">Edit Proposal</li>
          </ol>
        </section>

        <!-- Main content -->
        <section class="content">
          <div class="row">
            <div class="col-md-12">
              <div class="box">
                <div class="box-header with-border">
                  <h3 class="box-title">Edit Decision Proposal</h3>
                </div><!-- /.box-header -->
                <div class="col-xs-12 hcenter" id="loading">
                        <img src="/images/loading.gif" />
                    </div>
               <form class="form-horizontal" id='polls-form' style="display: none">
                   <div class="error" style="display: none">
                            
                        </div>
                  <div class="box-body">
                   
                    <div class="form-group table-responsive col-xs-12">
                        <div id="count_down_poll" class="hcenter"></div>
                        <table class="table table-bordered  table-striped table-condensed" id="polls-table">
                                                
                                            </table>
                    </div>
                  
		
                  </div><!-- /.box-body -->
                  
                </form>
              </div><!-- /.box -->

             
            </div><!-- /.col -->
            
          </div><!-- /.row -->
          
        </section><!-- /.content -->
      </div><!-- /.content-wrapper -->
      
      <script>
            $(document).ready(function(){
                $.get('/api/v1/decision/polls/all', function(res){
                    
                    $('#loading').hide();
                    $('#polls-form').show();
                    var html = '';
                    var pollVotes = res.vote;
                    if(pollVotes < 0)
                    {
                        pollVotes = 0;
                    }
                    
                    html = "<thead><tr><td id='table-header-name' style='vertical-align:middle;text-align:center;font-weight:bold'>" + res.polls.name + "</td></tr></thead><tbody>";
                    //$(res.polls).each(function(i,value){
                       
                        //var html1 = '';
                        var count = 0;
                        html+= "<tr>";
                    //    html+= "<tr><td class='hcenter'>" + value.options[0]['options'] + "</td><td class='hcenter'>" + value.options[1]['options'] + "</td><td class='hcenter'>" + value.options[2]['options'] + "</td></tr>";
                    //    html+= "<tr><td class='hcenter'><div class='pull-left'><span class='pull-left '>Use </span> <span class='editable-text-border pull-left no_of_votes' style='margin-left:5px' contenteditable='true'>" + pollVotes + "</span> <span class='pull-left' style='padding-left:5px'>Votes </span></div><button type='button' class='btn btn-success btn-sm btn-submit pull-right ' data-id='" + value.options[0]['UUID'] + "'>Submit</button></td>";
                    //    html+= "<td class='hcenter '><div class='pull-left'><span class='pull-left '>Use </span> <span class='editable-text-border pull-left no_of_votes' style='margin-left:5px' contenteditable='true'>" + pollVotes + "</span> <span class='pull-left' style='padding-left:5px'>Votes </span></div><button type='button' class='btn btn-success btn-sm btn-submit pull-right ' data-id='" + value.options[1]['UUID'] + "'>Submit</button></td>";
                    //    html+= "<td class='hcenter'><div class='pull-left'><span class='pull-left '>Use </span> <span class='editable-text-border pull-left no_of_votes' style='margin-left:5px' contenteditable='true'>" + pollVotes + "</span> <span class='pull-left' style='padding-left:5px'>Votes </span></div><button type='button' class='btn btn-success btn-sm btn-submit pull-right ' data-id='" + value.options[2]['UUID'] + "'>Submit</button></td></tr>";
                        $(res.polls.options).each(function(i1, value1){
                            html+= "<td>" + value1.options + "</td>";
                            count = count + 1;
                        });
                        html+= "</tr>";
                        
                        html+= "<tr>";
                        $(res.polls.options).each(function(i3, value3){
                            html+= "<td style='vertical-align:middle'><span class='pull-left'>" + value3.percentage + " % voted</span><span class='pull-right'>" + value3.total_votes + " votes</span></td>";
                            
                        });
                        html+= "</tr>";
                        //html+= html1;
                        
                   // });
                    html+= "</tbody>";
                    $('#polls-table').append(html);
                    $('#table-header-name').attr('colspan', count);
                  //  $('#count_down_poll').text(res.polls.expiry_date);
                    $("#count_down_poll").countdown(res.polls.expiry_date, function(event) {
                        $(this).text(
                            event.strftime('Expiry By : %D days %H:%M:%S')
                        );
                    }); 
                },'json');
            });
        </script>
      @include('includes.admin.footer')