@include('auth.header')


<main id="main" class="main">
  <div class="row">
    <div class="col-md-12">
      <div class="pagetitle">
        <h1>Future Applicants</h1>
        <nav>
          <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="dashboard">Home</a></li>
            <li class="breadcrumb-item active">Future Applicants</li>
          </ol>
        </nav>
      </div>
    </div>
  </div>
  <form method="GET" action="#" > 
    <div class="filter-job">
      <label class="filter-job label">Location</label> 
      <select name="locc" class="filter-job select">
        <option selected disabled value="">--Select--</option>
        @foreach($drop_location as $dropl)
        @if($locc == $dropl->location)
        <option value="{{$dropl->location}}" selected>{{$dropl->location}}</option>
        @else
        <option value="{{$dropl->location}}">{{$dropl->location}}</option>
        @endif
        @endforeach
      </select>
      <label class="filter-job label">Area Of Interest</label> 
      <select name="category" class="filter-job select">
        <option selected disabled value="">--Select--</option>
        @foreach($drop_title as $dropt)
        @if($category == $dropt->area_of_interest)
        <option value="{{$dropt->area_of_interest}}" selected>{{$dropt->area_of_interest}}</option>
        @else
        <option value="{{$dropt->area_of_interest}}">{{$dropt->area_of_interest}}</option>
        @endif
        @endforeach
      </select>
      <label class="filter-job label">Status</label> 
      <select name="status">
          <option selected disabled value="">--Select--</option>
          @if($status == 5)
          <option value="5" selected>Pending</option>
          <option value="1" >Checked</option>
          <option value="2" >Rejected</option>
          <option value="3" >In Progress</option>
          <option value="4" >Approved</option>
          @elseif($status == 4)
          <option value="4" selected>Approved</option>
          <option value="1" >Checked</option>
          <option value="2" >Rejected</option>
          <option value="3" >In Progress</option>
          <option value="5" >Pending</option>
          @elseif($status == 3)
          <option value="3" selected>In Progress</option>
          <option value="1" >Checked</option>
          <option value="2" >Rejected</option>
          <option value="4" >Approved</option>
          <option value="5" >Pending</option>
          @elseif($status == 2)
          <option value="2" selected>Rejected</option>
          <option value="1" >Checked</option>
          <option value="3" >In Progress</option>
          <option value="4" >Approved</option>
          <option value="5" >Pending</option>
          @elseif($status == 1)
          <option value="1" selected>Checked</option>
          <option value="2" >Rejected</option>
          <option value="3" >In Progress</option>
          <option value="4" >Approved</option>
          <option value="5" >Pending</option>
          @else
          <option value="1" >Checked</option>
          <option value="2" >Rejected</option>
          <option value="3" >In Progress</option>
          <option value="4" >Approved</option>
          <option value="5" >Pending</option>
          @endif
      </select>
      <input type="submit" name="filter" value="Filter" class="fil_button btn btn-success">
      <a class="fil_button btn btn-warning" style="color:#fff" href="{{ route('applicants.future.backend')}}">Reset</a>
    </div>
  </form>        
<form method="POST" action="{{ route('deleteusers.future') }}" > 
  @csrf
  <section class="section">
    <div class="card">
      <div class="AppCard card-body">
        <div class="row">
          <div class="col-md-12">
            <div class="accordion accordion-flush" id="accordionFlushExample">
              @foreach($applicantss as $applicant)          
                <div class="accordion-item">
                  <div class="row">
                    <div class="col-md-1"><input class="form-check-input ckbtn" type="checkbox" name="ids[{{ $applicant->id }}]" value="{{ $applicant->id }}" id="chbox"></div>
                      <div class="col-md-11 widthtwo">
                        <h2 class="accordion-header" id="flush-headingOne">
                          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse{{ $applicant->id }}" aria-expanded="false" aria-controls="flush-collapseOne">
                            <span class="AppName col-md-2">{{ $applicant->fullname }}</span>
                            <span class="AppName col-md-2">{{ $applicant->location }}</span>
                            <span class="AppName col-md-2">{{ $applicant->phone }}</span>
                            @if($applicant->status == '1')
                            <span class="AppName col-md-2 badge bg-secondary">Checked</span>
                            @elseif($applicant->status == '5')
                            <span class="AppName col-md-2 badge bg-warning">Pending</span>
                            @elseif($applicant->status == '2')
                            <span class="AppName col-md-2 badge bg-danger">Rejected</span>
                            @elseif($applicant->status == '3')
                            <span class="AppName col-md-2 badge bg-info">In Progress</span>
                            @elseif($applicant->status == '4')
                            <span class="AppName col-md-2 badge bg-success">Approved</span>
                            @endif
                        </h2>
                      </div>
                    </div>                 
                    <div id="flush-collapse{{ $applicant->id }}" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample">
                      <div class="accordion-body">
                        <div class="row">
                          <div class="col-md-6">
                            <div class="row">
                              <div class="col-md-6 ">
                                <div class="ViewCon">
                                  <h6>Category</h6>
                                  <h5>{{ $applicant->area_of_interest }}</h5>
                                </div>
                              </div>
                              <div class="col-md-6 ">
                                <div class="ViewCon">
                                  <h6>Email</h6>
                                  <h5>{{ $applicant->email }}</h5>
                                </div>
                              </div>
                              <div class="col-md-6 ">
                                <div class="ViewCon">
                                  <h6>Phone</h6>
                                  <h5>{{ $applicant->phone }}</h5>
                                </div>
                              </div>
                              <div class="col-md-6 ">
                                <div class="ViewCon">
                                  <h6>Location</h6>
                                  <h5>{{ $applicant->location }}</h5>
                                </div>
                              </div>
                              <div class="col-md-6 ">
                                <div class="ViewCon">
                                  <h6>Preferred Location</h6>
                                  <h5>{{ $applicant->location }}</h5>
                                </div>
                              </div>
                              <div class="col-md-6 ">
                                <div class="ViewReume">
                                  <span class="ResumeImg"> <img src="assets/images/file.jpg"> </span>
                                    <span class="ResumeDown"> 
                                        <button type="button" class= "btn btn-success"><a class="BtnCommon" href="/resumes/{{$applicant->resume}}">Download Resume</a></button>
                                    </span>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="col-md-6">
                            <div class="AppMsg ViewCon">
                              <h6>Message</h6>
                              <p>{{ $applicant->msg }}</p>
                            </div>
                          </div>
                          <div class="col-md-12 ">
                            <div class="row">
                              <div class="col-md-3 ">
                                <div class="ViewCon">
                                  <h6>Reference ID</h6>
                                  <h5>NIL</h5>
                                </div>
                              </div>
                              <div class="col-md-3">
                                <div class="ViewCon">
                                  <h6>Experience</h6>
                                  <h5>{{ $applicant->exp }}</h5>
                                </div>
                              </div>
                              <div class="col-md-3">
                                <div class="ViewCon">
                                  <h6>Applied Date</h6>
                                  <h5>{{ $applicant->date }}</h5>
                                </div>
                              </div>
                              <div class="col-md-3 ">
                                <select id="{{$applicant->id}}" name="status" class="statuschange SelectBox" data-toggle="toggle"
                                url="{{ route('status.applicant.future') }}" nameapp="{{ $applicant->fullname }}" user="{{ session('user') }}" token="{{ csrf_token() }}" status="{{ $applicant->status}}">
                                  <option value="5" @if ($applicant->status == "5") selected @endif >Pending</option>
                                  <option value="1" @if ($applicant->status == "1") selected @endif >Checked</option>
                                  <option value="2" @if ($applicant->status == "2") selected @endif >Rejected</option>
                                  <option value="3" @if ($applicant->status == "3") selected @endif >In Progress</option>
                                  <option value="4" @if ($applicant->status == "4") selected @endif >Approved</option>
                                </select> 
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <input type="hidden" name="user" value="{{ session('user') }}"> 
              @endforeach
            </div>
          </div>
        </div>
      </div>
      {!! $applicantss->links() !!} 
    </div>
  </section>
        <div class="row">
          <div class="col-md-12">
            <button type="submit" id="submit" class="btn btn-danger" ><i class="bi bi-trash"></i> Delete</button>
          </div>  
        </div>
</form>

</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');  
      var user = $(this).attr('user'); 
      var nameapp = $(this).attr('nameapp'); 
      $.ajax({
        type: 'POST',
        url: url,
        data: {
          'status': selectedCountry,
          'id': id,
          'user':user,
          'nameapp':nameapp,
          _token   : token
        },
        success: function(data) {       
         alert(data.response);
         location.reload();
        }
      });
    });
  }) 
</script>