@extends('layouts.app', ['activePage' => 'finalise-voting', 'titlePage' => __('Finalise Voting')])

@section('content')
<div class="content">
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-12">
        <div class="card">
          <div class="card-header card-header-primary">
            <h4 class="card-title ">Finalize Voting</h4>            
          </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="alert alert-warning" style="display:none"></div>
            
                <form id="voting_status"  class="form form-horizontal"  enctype="multipart/form-data" autocomplete="off" data-toggle="validator">
                  @csrf   
                  <div class="row form-group">
                    <label class="col-form-label">Select an EVSN for which voting has to be Status.</label>
                  </div>    
                 <div class="row">                     
                     <div class="col-md-7 form-group">
                         <select class="form-control" id="entity_id" name="entity_id" data-placeholder="Select an EVSN" style="width: 100%" required>
                           <option value="">Choose..</option>
                           @if(isset($entities) && !empty($entities))
                           @foreach($entities as $value)
                           <option value="{{$value->entity_id}}">
                            {{$value->entityId}}/ {{$value->name}}
                           </option>
                           @endforeach
                           @endif
                         </select>
                     </div>
                 </div>
                {{-- <div class="form-group">
                    <button type="submit" id="submit_btn" class="btn btn-primary" disabled >Submit</button>
                    <img id="loading_img"  style="display: none;" src="{{url('/loadingx2.gif')}}" height="30px;" width="30px;" />
                 </div>--}}
                </form>

                <div style="display: none;" id="voting-status-report" class="table-responsive">
                  
              </div>
          </div>
        </div>
      </div>      
  </div>
</div>     
@endsection
@push('js')
<script>
  $(document).ready(function () {
    $('#entity_id').on('change', function () {
                   
      var entity_id = this.value;   
      if(entity_id == 0){
        $('.alert-warning').show();
        $('.alert-warning').html('Please select proper EVSN');
      }else{
     
        $.ajax({
            url: "{{url('/finalise-voting-action')}}",
            type: "POST",
            data: {
              entity_id: entity_id,
                _token: '{{csrf_token()}}'
            },
            dataType: 'html',
            success: function (res) {
            // if(res.status == 'success'){
                $('#voting-status-report').show();
                $('#voting-status-report').html(res);
            //  }
            }
        });
      }
  })

   /* $(document).on('click', '#download_member', function(e){    
        e.preventDefault();
        var id = $(this).attr('data-id');
      
      $.ajax({
          type: "POST",
          url: "{{ url('/download-finalize-voting-excel') }}",
          data: {
              "resolution_id": id,
              _token: '{{csrf_token()}}'
          },
          dataType: "JSON",
          success: function(response) {
            $('.alert').html('Members Imported and Sent Login details Successfully!');
            $('.alert').show();
            setTimeout(function() {
              $('.alert').hide();
            },5000);

          }
      });
    });*/
});
 
$(document).ready(function() {
 /* var editor; // use a global for the submit and return data rendering in the examples
    $('#report').DataTable( {
        dom: 'Bfrtip',       
        select: true,
        colReorder: true,
        buttons: [
                    'excelHtml5', 'csv', 'pdf'
                ]
    } );*/
} );
</script>
@endpush