@include('auth.header')
<main id="main" class="main">
  <div class="row">
    <div class="col-md-12">
      <div class="pagetitle">
        <h1>{{$reff_id}}</h1>
        <nav>
          <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="dashboard">Home</a></li>
            <li class="breadcrumb-item active">Applicant List</li>
          </ol>
        </nav>
      </div>
    </div>
  </div>

  <section class="section">
    <div class="card">
      <div class="card-body">
        <div class="row">
          <div class="col-md-12">
          <table class="table">         
                <thead>
                  <tr>
                    <th scope="col">#</th>
                    <th scope="col">Name</th>
                    <th scope="col">Email</th>
                    <th scope="col"> Preferred Location</th>
                    <th scope="col">Phone</th>
                    <th scope="col">Resume</th>
                    <th scope="col">Status</th>
                    <th scope="col">Change Status</th>
                  </tr>
                </thead>
                <tbody>
                                @foreach ($ref_filter  as $ref)
                    <tr>
                    <th scope="row">1</th>
                                        <td class="strong">{{$ref->name}}</td>
                    <td class="Location">{{$ref->email}}</td>                 
                    <td>{{$ref->preferred_loc}}</td>
                    <td>{{$ref->phone}}</td>
                    <td>
                    <button type="button" class= "btn btn-success"><a class="BtnCommon" href="/resumes/{{$ref->resume}}">Download Resume</a></button>
                    </td>
                    <td>@if($ref->status == '1')
                            <span class="AppName  badge bg-secondary">Checked</span>
                            @elseif($ref->status == '5')
                            <span class="AppName badge bg-warning">Pending</span>
                            @elseif($ref->status == '2')
                            <span class="AppName badge bg-danger">Rejected</span>
                            @elseif($ref->status == '3')
                            <span class="AppName badge bg-info">In Progress</span>
                            @elseif($ref->status == '4')
                            <span class="AppName badge bg-success">Approved</span>
                            @endif
                    </td>
                  <td><div class="col-md-6 ">
                                <select id="{{$ref->aid}}" name="status" class="statuschange SelectBox" data-toggle="toggle"
                                url="{{ route('status.referfilter') }}" token="{{ csrf_token() }}" status="{{ $ref->status}}">
                                  <option value="5" @if ($ref->status == "5") selected @endif >Pending</option>
                                  <option value="1" @if ($ref->status == "1") selected @endif >Checked</option>
                                  <option value="2" @if ($ref->status == "2") selected @endif >Rejected</option>
                                  <option value="3" @if ($ref->status == "3") selected @endif >In Progress</option>
                                  <option value="4" @if ($ref->status == "4") selected @endif >Approved</option>
                                </select> 
                              </div></td>
                  </tr>
                @endforeach 
                  <!-- view job modal -->
                
                  <!-- delete modal -->                
                </tbody>
              </table> 
              {!! $ref_filter->links() !!}            
          </div>
        </div>
      </div>
    </div>
  </section>
  <a href="{{ route('viewJob')}}" class="btn btn-mybutton btn btn-danger" role="button"><i class="bi bi-arrow-left"></i> Back</a>
  
</main><!-- End #main -->





@include('auth.footer')
<script type="text/javascript">
  $(document).ready(function() {
    $('.statuschange').on('change',function() {
      var selectedCountry = $(this).children("option:selected").val();
      var id = $(this).attr('id');
      var url = $(this).attr('url');
      var token = $(this).attr('token');   
      $.ajax({
        type: 'POST',
        url: url,
        data: {
          'status': selectedCountry,
          'id': id,
          _token   : token
        },
        success: function(data) {       
         alert(data.response);
         location.reload();
        }
      });
    });
  }) 
</script>