@extends('admin.layouts.admin')
@section('style')

<link href="https://nightly.datatables.net/css/jquery.dataTables.css" rel="stylesheet" type="text/css" />

<link href="https://nightly.datatables.net/select/css/select.dataTables.css?_=766c9ac11eda67c01f759bab53b4774d.css" rel="stylesheet" type="text/css" />

    <link href="{{ asset('assets/admin/plugins/datatables/dataTables.bootstrap4.min.css') }}" rel="stylesheet"
          type="text/css"/>
    <link href="{{ asset('assets/admin/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css') }}"
          rel="stylesheet"
          type="text/css"/>
@endsection
@section('content')

<!-- Page Content-->
<div class="page-content-tab">
    <div class="container-fluid">
        <!-- Page-Title -->
        <div class="row">
            <div class="col-sm-12">
                <div class="page-title-box">
                    <div class="float-right">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item">
                                <a href="javascript:void(0);">Written</a>
                            </li>
                            <li class="breadcrumb-item">
                                <a href="/admin/select-written-candidates">Select Candidates</a>
                            </li>
                            <li class="breadcrumb-item active">ShortList Candidate for Job</li>
                        </ol>
                    </div>
                    <h4 class="page-title">ShortList Candidate for Job</h3>
                </div>
                <!--end page-title-box-->
            </div>
            <!--end col-->
        </div>
        <!--end row-->

        <!-- end page title end breadcrumb -->

        @if(session('alert-green'))
        <div class="alert alert-success mt-3 text-center">
            {{ session('alert-green') }}
        </div>
        @endif

        @if(session('alert-danger'))
        <div class="alert alert-danger mt-3 text-center">
            {{ session('alert-danger') }}
        </div>
        @endif
        @if($errors->any())
        <div class="row">
            <div class="col-md-12 mb-5">
                @foreach ($errors->all() as $error)
                <div class="text-danger small mb-1">* {{$error}}</div>
                @endforeach
            </div>
        </div>
        @endif

        {{ session('status') }}

        <div class="row">
            <div class="col-sm-12">

                <div class="card">
                    <div class="card-body">
                        <h4 class="mt-0 mb-0 header-title">Filter</h4>
                        <p class="text-muted mb-3">Search Job</p>
                        <form method="GET" class="form-horizontal form-wizard-wrapper"
                              action="{{ route('admin.select-candidates-for-job', request()->route('id')) }}">
                            @csrf
                            <div class="row">
                                @if(env('MBTI_EXAM')==1) {
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label class="text-bold-600 text-uppercase" for="serialno">MBTI Code</label>
                                        <input type="text" placeholder="MBTI Code" class="form-control" name="mbti_code" value="{{ request('mbti_code') }}">
                                    </div>
                                </div>
                                @endif

                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label class="text-bold-600 text-uppercase" for="serialno">Batch</label>
                                        <select name="batch" class="select2 form-control mb-3 custom-select" required>
                                            <option selected disabled value="">Select one</option>
                                            @foreach($batches as $batch)
                                                <option value="{{ $batch->batch_id ?? '' }}" {{ request('batch') == $batch->batch_id ? 'selected' : '' }}> {{ $batch->batch_name ?? '' }}</option>
                                            @endforeach
                                        </select>

                                    </div>
                                </div>

                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label class="text-bold-600 text-uppercase" for="questype">From Date</label>
                                        <input type="text" placeholder="From Date" autocomplete="off" class="form-control" name="from_date" value="{{request('from_date')}}">
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label class="text-bold-600 text-uppercase" for="questype">To Date</label>
                                        <input type="text" placeholder="To Date" autocomplete="off" class="form-control" name="to_date" value="{{request('to_date')}}">
                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <div class="form-group">
                                        <a href="{{route('admin.select-candidates-for-job', request()->route('id'))}}"
                                           class="btn btn-danger waves-effect waves-light mt-4 mr-2">
                                            <i class="ti-reload mr-2"></i>Clear
                                        </a>
                                        <button type="submit" class="btn btn-primary waves-effect waves-light mt-4">
                                            <i class="ti-search mr-2"></i>Filter Now
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <!--end form-->
                    </div>
                    <!--end card-body-->
                </div>
                <form action="{{ url('/admin/candidates/selectCandidateForJob') }}" method="POST"
                    enctype="multipart/form-data">
                    @csrf
                <div class="card">
                    <div class="card-body">
                <div class="form-group">
                                <label class="text-bold-600 text-uppercase" for="job">Job Title:</label>

                                {{$job->jobTitle->name ?? ''}}
                                <input type="hidden" name="job_id" value="{{$job->id}}">
                            </div>
                            <label for="validationCustom01" class="mb-2 text-bold-600 text-uppercase">Preliminary
                                    Candidates
                                    <span class="text-danger">*</span> </label><br>
      
      <table id="example" class="display nowrap" width="100%">
        <thead>
        <tr><td colspan="5"><input type="checkbox" class="selectAll" name="selectAll" value="all"> Select All</td></tr>
          <tr>
          <th></th>
            <th>Candidate Name</th>
            <th>Phone</th>
            @if(env('MBTI_EXAM')==1) {
            <th>MBTI Code</th>
            @endif
            <th>Batch</th>
            <th>Action</th>
          </tr>
        </thead>

       

            <tbody>
            @if($candidates->count()>0)
            @foreach($candidates as $candidate)

            <tr>
            <td><input type="checkbox" class="checkbox candidate_ids" name="candidate_ids[]"
            value="{{$candidate->candidate_id}}"