@extends('admin::layouts.master')
@section('htmltitle')
Applications
@endsection
@section('external_styles')
<link href="/css/jquery.dataTables.min.css" rel="stylesheet"/>

@endsection
@section('content')
<style>
    table {
        width:100% !important;
    }
</style>
<div class="widget widget-nopad">
    <div class="widget-header"> <i class="icon-list-alt"></i>
        <h3> Judge Response Application</h3>
    </div>
    <!-- /widget-header -->
    <div class="widget-content">
        <div class="widget big-stats-container" style="overflow:auto;">
            <div class="widget-content">
               
          
                <form id="frm-example" method="POST" action="{{route('update_screener')}}">
                  @csrf
                  <input type="hidden" name="application_id" id="application_id" value="">
                <div id="big_stats" class="cf" style="padding: 2%">
                    <div >
                         <div class="form-group row">
                          {{-- <div class="col-md-6">
                       
                          </div> --}}
                           {{-- <div class="col-md-6 text-right">
                             <a class="btn btn-primary btn-sm" href="{{route('judge_exportExcel')}}">Export Excel</a>
                           </div> --}}
                         </div>
                       

                    </div>
                   
                    <div class="tab-content" >
                        <div id="all" class="tab-pane fade in active">
                             {{-- <div class="col-md-12">
                             <h3 style="margin-top: 0px;margin-bottom:30px">All Applications</h3>
                            </div> --}}
                           
                            <ul class="nav nav-tabs" id="ApplicationTabs">
                                <li class="active"><a data-toggle="tab" href="#iot">IOT</a></li>
                        <li><a data-toggle="tab" href="#ire">IRE</a></li>
                        <li><a data-toggle="tab" href="#ees">EES</a></li>
                        <li ><a data-toggle="tab" href="#whr">WHR</a></li>
                        <li><a data-toggle="tab" href="#space-conditioning">Space Conditioning</a></li>
                        <li><a data-toggle="tab" href="#pumps">Pumps & Pumping Systems</a></li>
                    </ul>
                    <div class="tab-content" style="margin-top:30px">
                        <div id="iot" class="tab-pane fade in active">
                            <a class="btn btn-primary btn-sm" style="margin-bottom: 20px;" href="{{route('judge_exportExcel').'?category=10'}}">Export Excel</a>
                            <table class="table table-striped table-bordered table-hover  no-footer" id="datatable">
                            
                                <thead>
                                    <tr>
                                        @foreach ($tableFieldsiot as $item)
                                            <th class="sorting">{{$item}}</th>
                                        @endforeach
                                    </tr>
                                </thead>
                                
                                
                                <tbody>
                                
                                    @for ($i = 0; $i < count($iot); $i++)
                                        <tr>
                                            @foreach ($tableFieldsiot as $key => $item)
                                            @if ($item === 'Action')
                                                <td><a href="/manage/judge-response/{{$iot[$i][$key]}}" target="_blank">Detail</a></td>
                                            @else
                                                <td>{{$iot[$i][$key]}}</td>
                                            @endif
                                            @endforeach
                              
                                           
                                        </tr>
                                    @endfor
                                    
                                </tbody>
                                
                                
                                
                            </table>
                        </div>
                        <div id="ire" class="tab-pane fade in">
                            <a class="btn btn-primary btn-sm" style="margin-bottom: 20px;" href="{{route('judge_exportExcel').'?category=11'}}">Export Excel</a>
                            <table class="table table-striped table-bordered table-hover  no-footer" id="datatable">
                            
                                <thead>
                                    <tr>
                                         @foreach ($tableFieldsire as $item)
                                            <th class="sorting">{{$item}}</th>
                                        @endforeach
                                    </tr>
                                </thead>
                                
                                
                                <tbody>
                                
                                    @for ($i = 0; $i < count($ire); $i++)
                                        <tr>
                                            @foreach ($tableFieldsire as $key => $item)
                                            @if ($item === 'Action')
                                                <td><a href="/manage/judge-response/{{$ire[$i][$key]}}" target="_blank">Detail</a></td>
                                            @else
                                                <td>{{$ire[$i][$key]}}</td>
                                            @endif
                                            @endforeach
                              
                                           
                                        </tr>
                                    @endfor
                                    
                                </tbody>
                                
                                
                                
                            </table>
                        </div>
                        <div id="ees" class="tab-pane fade in">
                            <a class="btn btn-primary btn-sm" style="margin-bottom: 20px;" href="{{route('judge_exportExcel').'?category=12'}}">Export Excel</a>
                            <table class="table table-striped table-bordered table-hover  no-footer" id="datatable">
                            
                                <thead>
                                    <tr>
                                         @foreach ($tableFieldsees as $item)
                                            <th class="sorting">{{$item}}</th>
                                        @endforeach
                                    </tr>
                                </thead>
                                
                                
                                <tbody>
                                
                                    @for ($i = 0; $i < count($ees); $i++)
                                        <tr>
                                            @foreach ($tableFieldsees as $key => $item)
                                            @if ($item === 'Action')
                                                <td><a href="/manage/judge-response/{{$ees[$i][$key]}}" target="_blank">Detail</a></td>
                                            @else
                                                <td>{{$ees[$i][$key]}}</td>
                                            @endif
                                            @endforeach
                              
                                           
                                        </tr>
                                    @endfor
                                    
                                </tbody>
                                
                                
                                
                            </table>
                        </div>
                        <div id="whr" class="tab-pane fade in">
                            <a class="btn btn-primary btn-sm" style="margin-bottom: 20px;" href="{{route('judge_exportExcel').'?category=7'}}">Export Excel</a>
                            <table class="table table-striped table-bordered table-hover  no-footer" id="datatable">
                            
                                <thead>
                                    <tr>
                                         @foreach ($tableFieldswhr as $item)
                                            <th class="sorting">{{$item}}</th>
                                        @endforeach
                                    </tr>
                                </thead>
                                
                                
                                <tbody>
                                
                                    @for ($i = 0; $i < count($whrs); $i++)
                                        <tr>
                                            @foreach ($tableFieldswhr as $key => $item)
                                            @if ($item === 'Action')
                                                <td><a href="/manage/judge-response/{{$whrs[$i][$key]}}" target="_blank">Detail</a></td>
                                            @else
                                                <td>{{$whrs[$i][$key]}}</td>
                                            @endif
                                            @endforeach
                              
                                           
                                        </tr>
                                    @endfor
                                    
                                </tbody>
                                
                                
                                
                            </table>
                        </div>
                        <div id="space-conditioning" class="tab-pane fade in">
                            <a class="btn btn-primary btn-sm" style="margin-bottom: 20px;" href="{{route('judge_exportExcel').'?category=8'}}">Export Excel</a>
                            <table class="table table-striped table-bordered table-hover  no-footer" id="datatable">
                            
                                <thead>
                                    <tr>
                                       @foreach ($tableFieldsspace as $item)
                                            <th class="sorting">{{$item}}</th>
                                        @endforeach
                                    </tr>
                                </thead>
                                
                                
                                    <tbody>
                                
                                    @for ($i = 0; $i < count($spaces); $i++)
                                        <tr>
                                            @foreach ($tableFieldsspace as $key => $item)
                                            @if ($item === 'Action')
                                                <td><a href="/manage/judge-response/{{$spaces[$i][$key]}}" target="_blank">Detail</a></td>
                                            @else
                                                <td>{{$spaces[$i][$key]}}</td>
                                            @endif
                                            @endforeach
                                      
                                           
                                        </tr>
                                    @endfor
                                    
                                </tbody>
                                
                                
                                
                            </table>
                        </div>
                        <div id="pumps" class="tab-pane fade in">
                            <a class="btn btn-primary btn-sm" style="margin-bottom: 20px;" href="{{route('judge_exportExcel').'?category=9'}}">Export Excel</a>
                            <table class="table table-striped table-bordered table-hover  no-footer" id="datatable">
                            
                                <thead>
                                    <tr>
                                        @foreach ($tableFieldspump as $item)
                                            <th class="sorting">{{$item}}</th>
                                        @endforeach
                                    </tr>
                                </thead>
                                
                                
                                    <tbody>
                                
                                    @for ($i = 0; $i < count($pumps); $i++)
                                        <tr>
                                            @foreach ($tableFieldspump as $key => $item)
                                            @if ($item === 'Action')
                                                <td><a href="/manage/judge-response/{{$pumps[$i][$key]}}" target="_blank">Detail</a></td>
                                            @else
                                                <td>{{$pumps[$i][$key]}}</td>
                                            @endif
                                            @endforeach
                                   
                                           
                                        </tr>
                                    @endfor
                                    
                                </tbody>
                                
                                
                                
                            </table>
                        </div>
                        </div>
                    </div>
                       
                    </div>

                </div>
                
                </form>
            </div>
       
            <!-- /widget-content --> 

        </div>
    </div>
</div>

@stop
@section('external_scripts')
<script src="/js/jquery.dataTables.min.js"></script>

<script type="text/javascript">
var applicationlist = {!! json_encode($whrs) !!}
console.log(applicationlist);

$(document).ready(function (){  
     $('#screener_id').multiselect({
  nonSelectedText: 'Select Screener',
  enableFiltering: false,
  enableCaseInsensitiveFiltering: false
 });
      var table =  $('.table-striped').DataTable({
        responsive:true,
          'columnDefs': [{
          'targets': 0,
          'searchable': false,
          'orderable': false,
          'className': 'dt-body-center',
        //   'render': function (data, type, full, meta){
            
        //       return '<input type="checkbox" name="id[]" value="' + applicationlist[meta.row].id + '">';
               
        //   }
        }],
        // fnDrawCallback: function() {
        //     $("#frm-example").trigger("reset");
        // }
    });    
    
    // Handle click on "Select all" control
//    $('#example-select-all').on('click', function(){
//       // Check/uncheck all checkboxes in the table
//       var rows = table.rows({ page: 'current' }).nodes();
//       $('input[type="checkbox"]', rows).prop('checked', this.checked);
//    });

   // Handle click on checkbox to set state of "Select all" control
//    $('#datatable tbody').on('change', 'input[type="checkbox"]', function(){
//       // If checkbox is not checked
//       if(!this.checked){
//          var el = $('#example-select-all').get(0);
//          // If "Select all" control is checked and has 'indeterminate' property
//          if(el && el.checked && ('indeterminate' in el)){
//             // Set visual state of "Select all" control 
//             // as 'indeterminate'
//             el.indeterminate = true;
//          }
//       }
//    });
    
   $('#frm-example').on('submit', function(e){
      var form = this;

      // Iterate over all checkboxes in the table
      table.$('input[type="checkbox"]').each(function(){
         // If checkbox doesn't exist in DOM
         if(!$.contains(document, this)){
            console.log(this.value);
            
            // If checkbox is checked
            // if(this.checked){
            //    // Create a hidden element 
            //    $(form).append(
            //       $('<input>')
            //          .attr('type', 'hidden')
            //          .attr('name', this.name)
            //          .val(this.value)
            //    );
            // }
         } 
      });

      // FOR TESTING ONLY
      
      // Output form data to a console
      $('#example-console').text($(form).serialize()); 
      
       
      form.submit();

      // Prevent actual form submission
      e.preventDefault();
   });
  });
</script>
@endsection