@extends('layouts/contentLayoutMaster')

@section('title', 'Candidate Search')

@section('vendor-style')
  {{-- Page Css files --}}
  <link rel="stylesheet" href="{{ asset(mix('vendors/css/tables/ag-grid/ag-grid.css')) }}">
  <link rel="stylesheet" href="{{ asset(mix('vendors/css/tables/ag-grid/ag-theme-material.css')) }}">
@endsection

@section('page-style')
  {{-- Page Css files --}}
  <link rel="stylesheet" href="{{ asset(mix('css/pages/app-user.css')) }}">
  <link rel="stylesheet" href="{{ asset(mix('css/pages/aggrid.css')) }}">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css">
@endsection

@section('content')

      <div class="card">
    <div class="card-header">
      <h4 class="card-title">Candidate Search</h4>
    </div>
   
             
    <div class="card-body">
              <form action="{{ route('candidate.search') }}" method="GET">
          <div class="row">
            <div class="col-md-3">
              <div class="form-group">
                <input type="text" class="form-control" name="name" placeholder="Name" value="{{ request('name') }}">
              </div>
            </div>
            <div class="col-md-3">
              <div class="form-group">
                <input type="text" class="form-control" name="mobile" placeholder="Mobile" value="{{ request('mobile') }}">
              </div>
            </div>
            <div class="col-md-3">
              <div class="form-group">
                <input type="email" class="form-control" name="email" placeholder="Email" value="{{ request('email') }}">
              </div>
            </div>
            <div class="col-md-3">
              <div class="form-group">
                <input type="text" class="form-control" name="document_number" placeholder="Document Number" value="{{ request('document_number') }}">
              </div>
            </div>
          </div>
          <div class="row md-3">
            <div class="col-md-12">
              <button type="submit" class="btn btn-primary">Search</button>
            </div>
          </div>
        </form>
        <br>

      @if($employees  && $employees->count() > 0)
        <div class="mt-4">
          <!-- Display search results here -->
          @foreach($employees as $employee)
            <div class="employee-item">
              <h5>{{ $employee->empl_first_name }} {{ $employee->empl_last_name }}</h5>
              <p>Email: {{ $employee->email }}</p>
              <p>Mobile: {{ $employee->mobile }}</p>
              <p>Document no: {{$employee->doc}} </p>
              
              
            </div>
             <div>
        @if($employee->report_url)
          <a href="{{ $employee->report_url }}" target="_blank" class="btn btn-primary">View Last Report</a>
        @else
          <button class="btn btn-secondary" disabled>No Report</button>
        @endif
        <a href="#" class="btn btn-primary candidate-link" onclick="continueWithCandidate(event, '{{ url('candidates/create?company_id='.($employee->employer_id ?? '').'&source=B2B&candidate_id='.$employee->id) }}')">Continue with candidate</a>
      </div>
          @endforeach

          {{ $employees->appends(request()->query())->links() }}
        </div>
        
        @elseif($hasSearched)
            
          No Results found ...
            <br>
         <a href="#" class="btn btn-primary candidate-link" onclick="continueWithCandidate(event, '{{ url('candidates/create?company_id=') }}')">Continue adding candidate</a>
        
      @endif
      
      @if($hasSearched)
        <div class="col-6 col-sm-4 col-lg-2">
            <br>
            <br>
            <h3>Select client</h3>
            <br>
                <label for="users-list-status">Clients</label>
                <fieldset class="form-group">
                  <select name="employer_id" id="employer_id" class="form-control" onchange="updateCandidateLink(this.value)">
                    <option value="">All</option>
                    @if($employers)
                      @foreach($employers as $employer)
                        <option  value="{{ $employer->employer_id }}">
                          @if(!empty($employer->b2b_company_name))
                            {{ $employer->b2b_company_name }} 
                              @if(!empty($employer->b2b_brand_name))
                                -- {{ $employer->b2b_brand_name }}
                              @endif
                            @else
                              {{ $employer->first_name }} {{ $employer->middle_name }} {{ $employer->last_name }}
                          @endif
                        </option>
                      @endforeach
                    @endif
                  </select>
                </fieldset>
              </div> 
        @endif
    </div>
  </div>


<script>
function updateCandidateLink(employerId) {
  var links = document.querySelectorAll('.candidate-link');
  links.forEach(function(link) {
    var currentOnclick = link.getAttribute('onclick');
    var newOnclick = currentOnclick.replace(/company_id=[^&']*/, 'company_id=' + employerId);
    link.setAttribute('onclick', newOnclick);
  });
}

function continueWithCandidate(event, url) {
  event.preventDefault();
  var employerId = document.getElementById('employer_id').value;
  if (!employerId) {
    alert('Please select a client first.');
    return;
  }
  window.location.href = url;
}

document.addEventListener('DOMContentLoaded', function() {
  var initialEmployerId = document.getElementById('employer_id').value;
  updateCandidateLink(initialEmployerId);
});
</script>
@endsection