@extends('layouts.app', ['activePage' => 'resolution-details', 'titlePage' => __('Resolution Details ')])

@section('content')
  <div class="content">
    <div class="container-fluid">         
    <div class="row">
      <div class="col-md-12">
      @if(Auth::user()->role_id == '5')
      <div class="row">           
       
        <p>Please cast your vote here. </p>
      </div> 
        <div class="card-body">
            @if (session('message'))
            
              <div class="col-sm-12">
                <div class="alert alert-success">                        
                  <span>{{ session('message') }}</span>
                </div>
              </div>
            
          @endif
          @if(Session::has("success"))
              <div class="alert alert-success">
                  {{Session::get("success")}}
              </div>
          @elseif(Session::has("failed")) 
              {{Session::get("failed")}}
          @endif
          <div class="alert alert-success" style="display:none"></div>
            <div class="table-responsive">
            <form method="post" id="voteFrm" action="{{ route('resolution-voting-preview') }}" autocomplete="off" class="form-horizontal">
            @csrf
             <div class="row">
                <label class="col-sm-2 col-form-label">Company</label>
                <div class="col-sm-7">
                  <div class="form-group">
                   {{$resolution->entity_name}}
                  </div>
                </div>
              </div>
              <div class="row">
                <label class="col-sm-2 col-form-label">EVSN</label>
                <div class="col-sm-7">
                  <div class="form-group">
                   {{$resolution->evsn}}
                  </div>
                </div>
              </div>
              <div class="row">
                <label class="col-sm-2 col-form-label">Voting Periods</label>
                <div class="col-sm-7">
                  <div class="form-group">
                   From {{Carbon\Carbon::parse($resolution->voting_start_date)->format('d-m-Y')}} To {{Carbon\Carbon::parse($resolution->voting_end_date)->format('d-m-Y')}}
                  </div>
                </div>
              </div>
              <div class="row">
                <label class="col-sm-2 col-form-label">Voting Count</label>
                <div class="col-sm-7">
                  <div class="form-group">
                   <span id="vcount">{{$voting_count}}</span>/{{$total_resolutions}}
                  </div>
                </div>
              </div>

              @if(Carbon\Carbon::parse($resolution->voting_end_date)->toDateTimeString() < Carbon\Carbon::now()->toDateTimeString())
                @php $disabled = 'disabled'; @endphp
              @else
                @php $disabled = ''; @endphp
              @endif

            <table class="table table-bordered table-striped data-table">
              <thead class=" text-primary">
                <th>SR.No.</th>
                  <th>View Resolution</th>
                  <th>Resolution Description</th>  
                  <th>Choice <br>
                    @if(empty($disabled))
                    <input type="radio" name="vote" value="all_yes" /> Select All Assent(Yes) <br>
                    <input type="radio" name="vote" value="all_no" /> Select All Dissent(No) <br>
                    <input type="radio" name="vote" value="all_abstain" /> Select All Abstain <br>
                    @endif
                 </th>  
                 @if(empty($disabled))                                          
                  <th>                    
                    <button id="reset_all" class="btn btn-primary">
                        Reset All
                    </button>
                  </th>
                @endif
              </thead>
              <tbody>
                @if($resolution_desc)        
                @foreach($resolution_desc as $key => $value)
                <tr id="tr_{{ $value->id }}">
                    <td>{{($key+1)}}</td>
                    <td>
                        <a href="{{url('/download/resolution/'.$value->id)}}" data-id="{{ $value->id }}" class="btn btn-primary">
                        View Resolution
                        </a>
                    </td>
                    <td>{{$value->description }}</td>
                    <td>
                      @if(empty($disabled))                     
                        <input type="radio" name="vote[{{ $value->id }}]" value="yes" @if(isset($votings[$value->id]) && $votings[$value->id] == 'yes') checked @endif {{$disabled}} /> I assent(Yes) to the Resolution <br>
                        <input type="radio" name="vote[{{ $value->id }}]" value="no" @if(isset($votings[$value->id]) && $votings[$value->id] == 'no') checked @endif {{$disabled}} /> I dissent(No) to the Resolution <br>
                        <input type="radio" name="vote[{{ $value->id }}]" value="abstain" @if(isset($votings[$value->id]) && $votings[$value->id] == 'abstain') checked @endif {{$disabled}} /> I Abstain to the Resolution <br>
                      @else
                        @if(isset($votings[$value->id]) && $votings[$value->id] == 'yes')
                        <input type="radio" name="vote[{{ $value->id }}]" value="yes" checked /> I assent(Yes) to the Resolution
                        @endif

                        @if(isset($votings[$value->id]) && $votings[$value->id] == 'no')
                        <input type="radio" name="vote[{{ $value->id }}]" value="no" checked /> I dissent(No) to the Resolution
                        @endif

                        @if(isset($votings[$value->id]) && $votings[$value->id] == 'abstain')
                        <input type="radio" name="vote[{{ $value->id }}]" value="abstain" checked /> I Abstain to the Resolution
                        @endif
                        
                      @endif
                    </td>
                    @if(empty($disabled))
                    <td>
                        <a id="reset_resolution" onclick="reset_vote({{ $value->id }});" data-id="vote_{{ $value->id }}" class="btn btn-primary">
                        Reset
                        </a>
                    </td>
                    @endif
                    
                </tr>
                @endforeach
            @else
               <tr> <td colspan="8"> No Records!</td> </tr>
            @endif      
              </tbody>
            </table>
            <div class="card-footer ml-auto mr-auto">
                <input type="hidden" name="resolution_id" value="{{$resolution->resolution_id}}" />
                @if(Carbon\Carbon::parse($resolution->voting_end_date)->toDateTimeString() >= Carbon\Carbon::now()->toDateTimeString())
                <button type="submit" name="continue" id="continue" class="btn btn-primary">{{ __('Continue') }}</button>
                @endif
              </div>
            </form>
          </div>         
       </div>
       @endif
       </div>
  </div>
    </div>
  </div>
@endsection
@push('js')

<script type="text/javascript"> 
 function reset_vote(id){
    var name = 'vote['+id+']';  
    
    $('input[type=radio][name="vote['+id+']"]').prop('checked', false);
    var votingCount = 0;

    radioButtons = $('input[type=radio]:checked');
      $.each(radioButtons, function(index, rd) {        
          if(rd.value == 'yes' || rd.value == 'no' || rd.value == 'abstain') {
            if ($("input[type='radio'][name='" + rd.name + "']:checked").val()){
              votingCount = votingCount + 1;   
            }
          }
      });

      $('#vcount').html(votingCount);
 }
 
$(document).ready(function() {

  /*$('#reset_resolution').click(function(e) {    
    e.preventDefault();
    var name = $(this).attr('data-id');   
    $('input[name=' + name + ']').prop('checked', false);      
  });*/

  $('#reset_all').click(function(e) {
    e.preventDefault();
    $('input[type=radio]').prop('checked', false); 
    
    var votingCount = 0;
    $('#vcount').html(votingCount);
  });   

  

  $('input[type=radio][name=vote]').click(function() {
    var votingCount = 0;
    var voteStatus = $('input[type=radio][name=vote]:checked').val();

    if(voteStatus == 'all_yes'){
      radioButtons = $('input[type=radio]');
      $.each(radioButtons, function(index, rd) {        
          if(rd.value == 'yes') {             
            $('input[value=' + rd.value + ']').prop('checked', true);  
            votingCount = votingCount + 1;   
          }
      });

    }else if(voteStatus == 'all_no'){
      radioButtons = $('input[type=radio]');
      $.each(radioButtons, function(index, rd) {        
          if(rd.value == 'no') {             
            $('input[value=' + rd.value + ']').prop('checked', true);  
            votingCount = votingCount + 1;
          }
      });
    }else if(voteStatus == 'all_abstain'){
      radioButtons = $('input[type=radio]');
      $.each(radioButtons, function(index, rd) {        
          if(rd.value == 'abstain') {             
            $('input[value=' + rd.value + ']').prop('checked', true); 
            votingCount = votingCount + 1;
          }
      });
    }

    $('#vcount').html(votingCount);
    
  }); 
  
  
  $(document).on('click', '#continue', function(e){
        
       e.preventDefault();
        radioButtons = $('input[type=radio]');

        var flag = false;
        $.each(radioButtons, function(index, rd) {        
            if(rd.value != 'all_yes' && rd.value != 'all_no' && rd.value != 'all_abstain') {   
              
              //alert(rd.name +'value....'+$('input[name=' + rd.name + ']:checked').val());
              if ($("input[type='radio'][name='" + rd.name + "']:checked").val()){
                flag = true;
              }     
            }
        });
        //alert('flag....'+flag);
        if(flag == false){
          e.preventDefault();
          $('.alert').html('Please select Vote Status for Voting!');
          $('.alert').show();
          setTimeout(function() {
          $('.alert').hide();
          },5000);
          return false;
        }else{
          $('form').submit();
        }

    });
  
  

    $(document).on('change', '#status', function(e){
    var id = $('option:selected', this).attr('data-id');
    var status = $('option:selected', this).val();
    $.ajax({
        type: "POST",
        url: "{{ url('/admin/company-change-status') }}",
        data: {
            "id": id,
            "status": status,
            _token: '{{csrf_token()}}'
        },
        dataType: "JSON",
        success: function(response) {
            $('.alert').html('Status changed Successfully!');
            $('.alert').show();
            setTimeout(function() {
            $('.alert').hide();
            },5000);

        }
    });
    });
}); 
</script>
@endpush