@extends('layout.adminapp')
@section('content')
    <style>
        .select2-results__option[aria-selected=true] {
            display: none;
        }

        .lds-ring {
            display: inline-block;
            position: relative;
            width: 50px;
            height: 50px;
        }

        .lds-ring div {
            box-sizing: border-box;
            display: block;
            position: absolute;
            width: 44px;
            height: 44px;
            margin: 4px;
            border: 4px solid #007bff;
            border-radius: 50%;
            animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
            border-color: #007bff transparent transparent transparent;
        }

        .lds-ring div:nth-child(1) {
            animation-delay: -0.45s;
        }

        .lds-ring div:nth-child(2) {
            animation-delay: -0.3s;
        }

        .lds-ring div:nth-child(3) {
            animation-delay: -0.15s;
        }

        @keyframes lds-ring {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }
    </style>
    <div class="container-fluid">
        <a href="{{ route('em-request') }}">Go Back</a>
        <div class="card o-hidden border-0 shadow-lg my-5">
            <!-- Outer Row -->
            <div class="row justify-content-center">

                <div class="col-xl-10 col-lg-12 col-md-9 my-5">

                    <!-- Nested Row within Card Body -->
                    <div class="row d-flex justify-content-center">
                        <div class="col-lg-6">
                            <div class="p-5">
                                <div class="text-center">
                                    <h1 class="h4 text-gray-900 mb-4">Assign CV</h1>
                                </div>
                                @if (Session::has('status'))
                                    <div class="alert alert-success">
                                        <ul>
                                            <li>{{ Session::get('status') }}</li>
                                        </ul>
                                    </div>
                                @endif
                                <div class="form-group">
                                    <label for="name">Employer</label>
                                    <input type="text" class="form-control form-control-user"
                                        value="{{ $jobpost['employee']['email'] }}" name="employee_email" readonly>
                                </div>

                                <div class="form-group">
                                    <label for="name">Title</label>
                                    <input type="text" class="form-control form-control-user"
                                        value="{{ $jobpost['job_title']['option'] }}" name="title" readonly>
                                </div>
                                <div class="form-group">
                                    <label for="name">Experience required</label>
                                    <input type="text" class="form-control form-control-user"
                                        value="{{ $jobpost['experience'] }} years" name="title" readonly>
                                </div>
                                <div class="form-group">
                                    <label for="name">Expected Salary</label>
                                    <input type="text" class="form-control form-control-user"
                                        value="{{ $jobpost['salary_min'] }} to {{ $jobpost['salary_max'] }}" name="title"
                                        readonly>
                                </div>
                                <div class="form-group">
                                    <label for="name">Gender</label>
                                    <input type="text" class="form-control form-control-user"
                                        value="{{ $jobpost['gender'] }}" name="title" readonly>
                                </div>
                                <div class="form-group">
                                    <label for="name">Age Limit</label>
                                    <input type="text" class="form-control form-control-user"
                                        value="{{ $jobpost['age_limit'] }}" name="title" readonly>
                                </div>
                                <div class="form-group">
                                    <label for="name">Description</label>
                                    <textarea type="text" class="form-control form-control-user" row="4" name="title" readonly>{{ $jobpost['description'] }}</textarea>
                                </div>
                                <div class="form-group">
                                    <label for="name">No: of Cvs to assign</label>
                                    <input type="text" class="form-control form-control-user"
                                        value="{{ $jobpost['em_plan']['maximum_cv'] }}" name="title" readonly>
                                </div>
                                <input type="hidden" id="jobpost_id" value="{{ $jobpost['id'] }}">
                                <input type="hidden" id="assigned_cv" value="{{ $assigned_cv }}">
                                <input type="hidden" id="maximum_cv" value="{{ $jobpost['em_plan']['maximum_cv'] }}">


                                <button class="btn btn-primary btn-user btn-block" id="assign" type="submit">
                                    Assign Selected
                                </button>
                                <button class="btn btn-warning btn-user btn-block" id="bulk_assign">
                                    Bulk Confirm
                                </button>
                                <!--</form>-->
                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>

    </div>

    <div class="container-fluid">

        <!-- DataTales Example -->
        <div class="card shadow mb-4">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary">Sent CVs {{ $assign_cv->count() }}</h6>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered job_seeker" id="sentTable" width="100%" cellspacing="0">
                        <thead>
                            <tr>
                                <th>Name</th>
                                <th>Nationality</th>
                                <th>Contact</th>
                                <th>E-mail</th>
                                <th>Created CV</th>
                                <th>Uploaded CV</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <th>Name</th>
                                <th>Nationality</th>
                                <th>Contact</th>
                                <th>E-mail</th>
                                <th>Created CV</th>
                                <th>Uploaded CV</th>
                            </tr>
                        </tfoot>
                        <tbody>
                            @foreach ($assign_cv as $item)
                                <tr>
                                    <td>{{ $item['jobseeker']['name'] }}</td>
                                    <td>{{ $item['jobseeker']['nationality'] }}</td>
                                    <td>{{ $item['jobseeker']['phone_number'] }}</td>
                                    <td>{{ $item['jobseeker']['email'] }}</td>
                                    <td style="width: 20%">
                                        @if ($item->cv_to_assign == 1 || $item->cv_to_assign == 3)
                                            <a href="{{ route('showResume', ['id' => $item['jobseeker']['id']]) }}"
                                                target="_blank" class="btn btn-primary">View</a>
                                        @else
                                            No View
                                        @endif
                                    </td>
                                    <td style="width: 20%">
                                        @if ($item->cv_to_assign == 2 || $item->cv_to_assign == 3)
                                            <a href="{{ asset('CVs/' . $item['jobseeker']['cv']['name']) }}"
                                                target="_blank" class="btn btn-success">Resume</a>
                                        @else
                                            No Data
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    
    <div class="container-fluid">

        <!-- DataTales Example -->
        <div class="card shadow mb-4">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary">Waiting for Confirmation {{ $assign_cv_waiting->count() }}
                </h6>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered job_seeker" id="waitingTable" width="100%" cellspacing="0">
                        <thead>
                            <tr>
                                <th>Name</th>
                                <th>Nationality</th>
                                <th>Contact</th>
                                <th>E-mail</th>
                                <th>Gender</th>
                                <th>Experience</th>
                                <th>Contract Type</th>
                                <th>Expected Salary</th>
                                <th>Target Job</th>
                                <th>Living In</th>
                                <th>Visa Type</th>
                                <th>Created CV</th>
                                <th>Uploaded CV</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <th>Name</th>
                                <th>Nationality</th>
                                <th>Contact</th>
                                <th>E-mail</th>
                                <th>Gender</th>
                                <th>Experience</th>
                                <th>Contract Type</th>
                                <th>Expected Salary</th>
                                <th>Target Job</th>
                                <th>Living In</th>
                                <th>Visa Type</th>
                                <th>Created CV</th>
                                <th>Uploaded CV</th>
                                <th>Action</th>
                            </tr>
                        </tfoot>
                        <tbody>
                            @foreach ($assign_cv_waiting as $item)
                                <tr>
                                    <td><label><input type="checkbox" value="{{ $item->id }}" name="assign_id">
                                            {{ $item['jobseeker']['name'] }}</label></td>
                                    <td>{{ $item['jobseeker']['nationality'] }}</td>
                                    <td>{{ $item['jobseeker']['phone_number'] }}</td>
                                    <td>{{ $item['jobseeker']['email'] }}</td>
                                    <td>{{ $item['jobseeker']['gender'] }}</td>