@extends('admin.layouts.app', ['activePage' => 'user', 'titlePage' => __('Scrutinizer Management')])

@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 ">Scrutinizer Listing</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="table-responsive">
              <table class="table table-bordered table-striped data-table">
                <thead class=" text-primary">
                  <th>SR.No.</th>
                  <th>Unique Id</th>
                  <th>Scrutinizer Name</th> 
                  <th>Email</th>
                  <th>Mobile</th> 
                  <th>PAN</th>                                                 
                  <th>IsActive</th>
                  <th>Assigned To Scrutinizer</th>               
                  <th>Created Date</th>                  
                  <th>Action</th>
                </thead>
                <tbody>
                  @if(isset($users) && !empty($users))
                    @foreach($users as $key => $value)
                    <tr>
                    <td>{{($key+1)}}</td>
                    <td>{{$value->unique_id}}</td>
                    <td>{{$value->name}}</td>
                    <td>{{$value->email}}</td>
                    <td>{{$value->mobile}}</td> 
                    <td>{{$value->pan}}</td>                    
                    <td>
                      <select id="status" class="form-control" style="width: 100px">
                        <option data-id="{{ $value->id }}" value="1" @selected( $value->status == 'Yes')>Active</option>
                          <option data-id="{{ $value->id }}" value="0" @selected( $value->status == 'No')>In-active</option>
                       </select>
                    </td>
                    <td>
                     
                    @if($value->is_assigned == 1)Already Assigned <br>({{ getAssignedScrutinizerList($value->company_ids) }}) @endif
                     <button id="assign-scrutinizer" data-id="{{ $value->id }}" class="assign btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
                        Assign To Company
                    </button>
                    </td>
                    <td>{{Carbon\Carbon::parse($value->created_at)->format('d-m-Y')}}</td>
                    
                    <td>
                    <a href="{{ route('admin.scrutinizer.show',$value->id) }}" class="link" />View <i class="fa fa-preview"></i></a>                   
                    
                    <form action="{{ route('admin.scrutinizer.destroy',$value->id) }}" method="POST">   
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger">Delete</button>
                  </form>

                  
                    </td>
                    </tr>
                    @endforeach
                  @endif
                </tbody>
              </table>
            </div>
            {{ $users->links() }}
          </div>
        </div>
      </div>      
  </div>
</div>
     
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            <h4 class="modal-title" id="myModalLabel">Assign to Company</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                
            </div>
             <form action="" method="post" id="assignFrm">
            <div class="modal-body">           
              <label class="col-form-label"><span class="input-group-text"> Select Company</span></label>
              <select id="company" name="company" class="form-control" required>
                @if(isset($companies) && !empty($companies))               
                  @foreach($companies as $value)
                    <option value="{{ $value->id }}">{{ $value->name }}</option>
                  @endforeach
                @endif                
              </select>
            </div>
            
            <div class="modal-footer">
                <input type="hidden" name="scrutinizer_id" id="scrutinizer_id" value="" />
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-primary" id="assign">Save changes</button>
            </div>          
        </div>
        </form>
    </div>
</div>
@endsection
@push('js')

<script type="text/javascript"> 
 
$(document).ready(function() {

  $(".assign").on("click", function(){   
    $("#scrutinizer_id").val($(this).attr('data-id'));
  });
   
  $('#assignFrm').on('submit', function(e){   
     e.preventDefault();
    var scrutinizer_id = $("#scrutinizer_id").val();
    var company_id = $('#company option:selected').val();
   

    $.ajax({
        type: "POST",
        url: "{{ url('/admin/assign-company-action') }}",
        data: {
            "company_id": company_id,
            "scrutinizer_id": scrutinizer_id,
            _token: '{{csrf_token()}}'
        },
        dataType: "JSON",
        success: function(response) {
          $('.alert').html('Company Assigned to Scrutinizer Successfully!');
          $('.alert').show();
          setTimeout(function() {
            $('.alert').hide();
          },5000);

        }
    });
  });

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