@include('auth.header')



<main id="main" class="main">
  <div class="row">
    <div class="col-md-12">
      <div class="pagetitle">
        <h1>In-Active Applicants</h1>
        <nav>
          <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="dashboard">Home</a></li>
            <li class="breadcrumb-item active">In-Active  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($locations 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">Job Title</label> 
      <select name="category" class="filter-job select">
        <option selected disabled value="">--Select--</option>
        @foreach($jobtitles as $dropt)
        @if($category == $dropt->county)
        <option value="{{$dropt->county}}" selected>{{$dropt->county}}</option>
        @else
        <option value="{{$dropt->county}}">{{$dropt->county}}</option>
        @endif
        @endforeach
      </select>
      <label class="filter-job label">Status</label> 
      <select name="status">
          <option selected disabled value="">--Select--</option>
          @if($status1 == 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($status1 == 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($status1 == 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($status1 == 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($status1 == 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.ref')}}">Reset</a>
    </div>
  </form>        
<form method="POST" action="{{ route('deleteusers') }}"> 
  @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($applicants as $applicant)          
                <div class="accordion-item">
                  <div class="row">
                    <div class="col-md-1 widthone"><input class="form-check-input" type="checkbox" name="ids[{{ $applicant->id }}]" value="{{ $applicant->id }}" id="gridCheck"></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->name }}</span>
                            <span class="AppName col-md-2">{{ $applicant->county }}</span>
                            <span class="AppName col-md-2">{{ $applicant->preferred_loc }}</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->county }}</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->preferred_loc }}</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->message }}</p>
                            </div>
                          </div>
                          <div class="col-md-12 ">
                            <div class="row">
                              <div class="col-md-3 ">
                                <div class="ViewCon">
                                  <h6>Preferred Location</h6>
                                  <h5>{{ $applicant->refer_id }}</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_apply }}</h5>
                                </div>
                              </div>
                              <div class="col-md-3 ">
                                <select id="{{$applicant->id}}" name="status" class="statuschange SelectBox" data-toggle="toggle"
                                url="{{ route('status.applicant.ref') }}" 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>
              @endforeach
            </div>
          </div>
        </div>
      </div>
      {!! $applicants->links() !!} 
    </div>
  </section>
    <div class="row">
          <div class="col-md-12">
            <input type="hidden" name="user" value="{{ session('user') }}">   
            <button type="submit" id="aaa" class="btn btn-danger" data-bs-dismiss="modal"><i class="bi bi-trash"></i> Delete</button>
          </div>  
        </div>
</form>

</main><!-- End #main -->

<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>
@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');
      $.ajax({
        type: 'POST',
        url: url,
        data: {
          'status': selectedCountry,
          'id': id,
          'user':user,
          _token   : token
        },
        success: function(data) {       
         alert(data.response);
         location.reload();
        }
      });
    });
  }) 
</script>
<script>
  $(document).on('click', '#aaa', function(){
	var result = confirm('Do you want to perform this action?');
    if(!result){
    	return false;
    }
})

</script>