@extends('layouts.app', ['activePage' => 'members-voting', 'titlePage' => __('Resolution Voting Preview ')])

@section('content')
  <div class="content">
    <div class="container-fluid">         

      @if(Auth::user()->role_id == '5')
      <div class="row">           
        <p>Please check your vote carefully before click on <strong>Submit</strong>. <br>
        Once you click on Submit your vote for all resolution you have reacted will be recorded and can be changed in between the schedule voting start and end date & time <br>
        Leaving a resolution selection blank 
    </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('members-voting-action') }}" 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">
                   {{count($selectedRes)}}/{{$total_resolutions}}
                  </div>
                </div>
              </div>

            <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 </th>  
              </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($selectedRes[$value->id] == 'yes')
                        <input type="radio" name="vote[{{ $value->id }}]" value="yes" checked readonly /> I assent(Yes) to the Resolution
                        @endif
                        @if($selectedRes[$value->id] == 'no')
                        <input type="radio" name="vote[{{ $value->id }}]" value="no" checked readonly /> I dissent(No) to the Resolution
                        @endif
                        @if($selectedRes[$value->id] == 'abstain')
                        <input type="radio" name="vote[{{ $value->id }}]" value="abstain" checked readonly /> I Abstain to the Resolution
                        @endif
                       
                    </td>
                    
                </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}}" />
                <a href="javascript:history.back()" id="back" class="btn btn-primary">{{ __('Modify') }}</a>
                <button type="submit" name="continue" id="continue" class="btn btn-primary">{{ __('Submit') }}</button>
              </div>
            </form>
          </div>         
       </div>
       @endif
    </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);
 }
 
$(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);   
  });   


  $('input[type=radio][name=vote]').click(function() {

    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);     
          }
      });

    }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);     
          }
      });
    }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);     
          }
      });
    }
    
  }); 
  
  
  $(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 Staus for Voting!');
          $('.alert').show();
          setTimeout(function() {
          $('.alert').hide();
          },5000);
          return false;
        }else{

            swal({
                title: "Are you sure?",
                text: "Do you want to cast vote?",
                icon: "warning",
                type: "warning",
                showCancelButton: true,
                confirmButtonText: 'Yes, I am sure!',
                cancelButtonText: "No, cancel it!",
                closeOnConfirm: false,
                closeOnCancel: false
              }).then(function(isConfirm) {
                if (isConfirm.value) {
                    $('form').submit(); // <--- submit form programmatically
                } else {
                  swal("Cancelled", "Your Vote is cancelled:)", "error");
                  e.preventDefault();
                }
              });
           /* Swal.fire({
                title: 'Do you want to cast the vote?',
                showDenyButton: true,
                showCancelButton: true,
                confirmButtonText: 'Yes',
                denyButtonText: 'No',
                customClass: {
                  actions: 'my-actions',
                  cancelButton: 'order-1 right-gap',
                  confirmButton: 'order-2',
                  denyButton: 'order-3',
                }
              }).then((result) => {
                if (result.isConfirmed) {
                  //Swal.fire('Saved!', '', 'success')
                  $("#continue").prop("disabled", true);
                  $('form').submit();
                } else if (result.isDenied) {
                  Swal.fire('Changes are not saved', '', 'info')
                }
              })*/
              
          
        }

    });
  
  

    $(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