@extends('layouts.backend')

@section('title', 'Manage Applicant')

@section('css')
<link rel="stylesheet" type="text/css" href="{{asset('/assets/css/vendors/datatables.css')}}">
@endsection

@section('breadcrumb-title')
    <h3>Manage Applicant</h3>
@endsection

@section('breadcrumb-items')
    <li class="breadcrumb-item">Applicant</li>
    <li class="breadcrumb-item active">List</li>
@endsection

@section('content')

<div class="container-fluid">
    <div class="card">
        <div class="card-header">
            <h5>Filter on header</h5>
        </div>
        <div class="card-body">




            <ul class="nav nav-tabs nav-primary" id="pills-tab" role="tablist">
                <li class="nav-item"><a class="nav-link active" id="pills-all-tab" data-bs-toggle="pill" href="#pills-all"
                        role="tab" aria-controls="pills-home" aria-selected="true" data-bs-original-title="" 
                        title="">All<div class="media"></div></a></li>

                <li class="nav-item"><a class="nav-link" id="pills-new-tab" data-bs-toggle="pill" href="#pills-new"
                        role="tab" aria-controls="pills-new" aria-selected="false" data-bs-original-title=""
                        title="">New Applications <span class="badge bg-secondary">4</span></a></li>

                <li class="nav-item"><a class="nav-link" id="pills-rejected-tab" data-bs-toggle="pill" href="#pills-rejected"
                        role="tab" aria-controls="pills-rejected" aria-selected="false" data-bs-original-title=""
                        title="">Rejected <span class="badge bg-secondary">1</span></a></li>

                <li class="nav-item"><a class="nav-link" id="pills-potential-tab" data-bs-toggle="pill" href="#pills-potential"
                        role="tab" aria-controls="pills-potential" aria-selected="false" data-bs-original-title=""
                        title="">Potential Applicants <span class="badge bg-secondary">24</span></a></li>

                <li class="nav-item"><a class="nav-link" id="pills-kiv-tab" data-bs-toggle="pill" href="#pills-kiv"
                        role="tab" aria-controls="pills-kiv" aria-selected="false" data-bs-original-title=""
                        title="">Keep In View <span class="badge bg-secondary">14</span></a></li>

                <li class="nav-item"><a class="nav-link" id="pills-interview-tab" data-bs-toggle="pill" href="#pills-interview"
                        role="tab" aria-controls="pills-interview" aria-selected="false" data-bs-original-title=""
                        title="">Schedule Interview <span class="badge bg-secondary">3</span></a></li>

                <li class="nav-item"><a class="nav-link" id="pills-confirm-tab" data-bs-toggle="pill" href="#pills-confirm"
                        role="tab" aria-controls="pills-confirm" aria-selected="false" data-bs-original-title=""
                        title="">Confirm Employment <span class="badge bg-secondary">5</span></a></li>

                <li class="nav-item"><a class="nav-link" id="pills-disqualified-tab" data-bs-toggle="pill" href="#pills-disqualified"
                        role="tab" aria-controls="pills-disqualified" aria-selected="false" data-bs-original-title=""
                        title="">Disqualified <span class="badge bg-secondary">6</span></a></li>

                <li class="nav-item"><a class="nav-link" id="pills-blacklisted-tab" data-bs-toggle="pill" href="#pills-blacklisted"
                        role="tab" aria-controls="pills-blacklisted" aria-selected="false" data-bs-original-title=""
                        title="">Blacklisted Applicants</a></li>
            </ul>


            <div class="tab-content" id="pills-tabContent">
                <div class="tab-pane fade active show" id="pills-all" role="tabpanel" aria-labelledby="pills-all-tab">
                    <table id="table" class="table table-reponsive mt-4" >
                        <thead>
                            <th>Name</th>
                            <th>Business Entity</th>
                            <th>Position</th>
                            <th>Phone</th>
                            <th>E-mail</th>
                            <th>Status</th>
                            <th>Application Date</th>
                            <th>Uploaded Resume</th>
                            <th>Uploaded Cover Letter</th>
                            <th>Actions</th>
                        </thead>
                        <tbody>
                            <tr>
                                <td>John Doe</td>
                                <td>ABC Corporation</td>
                                <td>Software Engineer</td>
                                <td>(555) 123-4567</td>
                                <td>john.doe@example.com</td>
                                <td>Applied</td>
                                <td>2023-07-21</td>
                                <td>
                                    <a href="/resumes/john_doe_resume.pdf">
                                        <i class="fa fa-download" aria-hidden="true"></i>
                                    </a>
                                </td>
                                <td>
                                    <a href="/cover_letters/john_doe_cover_letter.pdf">
                                        <i class="fa fa-download" aria-hidden="true"></i>
                                    </a>
                                </td>
                                <td>
                                    <div class="btn-group">
                                        <a href="{{ route('admin.applicants.view', [1]) }}" role="button" class="btn btn-outline-dark btn-xs" data-bs-toggle="tooltip"
                                            data-bs-placement="top" title="" data-bs-original-title="View Applicant"><i
                                                class="fa fa-user" aria-hidden="true"></i></a>

                                        <a href="" role="button" class="btn btn-outline-dark btn-xs" data-bs-toggle="tooltip"
                                            data-bs-placement="top" title="" data-bs-original-title="Ask for clarification & additional info"><i
                                                class="fa fa-file-text" aria-hidden="true"></i></a>

                                        <a href="" role="button" class="btn btn-outline-dark btn-xs" data-bs-toggle="tooltip"
                                            data-bs-placement="top" title="" data-bs-original-title="Keep in view"><i
                                                class="fa fa-binoculars"></i></a>

                                        <a href="" role="button" class="btn btn-outline-dark btn-xs" data-bs-toggle="tooltip"
                                            data-bs-placement="top" title="" data-bs-original-title="Potential Candidate"><i
                                                class="fa fa-check"></i></a>

                                        <a href="" role="button" class="btn btn-outline-dark btn-xs" data-bs-toggle="tooltip"
                                            data-bs-placement="top" title="" data-bs-original-title="Reject Applicant"><i
                                                class="fa fa-times"></i></a>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>Jon Danial</td>
                                <td>XYZ Group</td>
                                <td>Audit</td>
                                <td>(555) 123-4567</td>
                                <td>jon@example.com</td>
                                <td>Schedule Interview</td>
                                <td>2023-07-21</td>
                                <td>
                                    <a href="/resumes/john_doe_resume.pdf">
                                        <i class="fa fa-download" aria-hidden="true"></i>
                                    </a>
                                </td>
                                <td>
                                    <a href="/cover_letters/john_doe_cover_letter.pdf">
                                        <i class="fa fa-download" aria-hidden="true"></i>
                                    </a>
                                </td>
                                <td>
                                    <div class="btn-group">
                                        <a href="{{ route('admin.applicants.view', [1]) }}" role="button" class="btn btn-outline-dark btn-xs" data-bs-toggle="tooltip"
                                            data-bs-placement="top" title="" data-bs-original-title="View Applicant"><i
                                                class="fa fa-user" aria-hidden="true"></i></a>

                                        <a href="" role="button" class="btn btn-outline-dark btn-xs" data-bs-toggle="tooltip"
                                            data-bs-placement="top" title="" data-bs-original-title="Ask for clarification & additional info"><i
                                                class="fa fa-file-text" aria-hidden="true"></i></a>

                                        <a href="" role="button" class="btn btn-outline-dark btn-xs" data-bs-toggle="tooltip"
                                            data-bs-placement="top" title="" data-bs-original-title="Keep in view"><i
                                                class="fa fa-binoculars"></i></a>

                                        <a href="" role="button" class="btn btn-outline-dark btn-xs" data-bs-toggle="tooltip"
                                            data-bs-placement="top" title="" data-bs-original-title="Potential Candidate"><i
                                                class="fa fa-check"></i></a>

                                        <a href="" role="button" class="btn btn-outline-dark btn-xs" data-bs-toggle="tooltip"
                                            data-bs-placement="top" title="" data-bs-original-title="Reject Applicant"><i
                                                class="fa fa-times"></i></a>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>Maria Kwastia</td>
                                <td>DEF Sdn Bhd</td>
                                <td>Account</td>
                                <td>(555) 123-4567</td>
                                <td>maria@example.com</td>
                                <td>Keep In View</td>
                                <td>2023-07-21</td>
                                <td>
                                    <a href="/resumes/john_doe_resume.pdf">
                                        <i class="fa fa-download" aria-hidden="true"></i>
                                    </a>
                                </td>
                                <td>
                                    <a href="/cover_letters/john_doe_cover_letter.pdf">
                                        <i class="fa fa-download" aria-hidden="true"></i>
                                    </a>
                                </td>
                                <td>
                                    <div class="btn-group">

                                        <a href="{{ route('admin.applicants.view', [1]) }}" role="button" class="btn btn-outline-dark btn-xs" data-bs-toggle="tooltip"
                                            data-bs-placement="top" title="" data-bs-original-title="View Applicant"><i
                                                class="fa fa-user" aria-hidden="true"></i></a>

                                        <a href="" role="button" class="btn btn-outline-dark btn-xs" data-bs-toggle="tooltip"
                                            data-bs-placement="top" title="" data-bs-original-title="Ask for clarification & additional info"><i
                                                class="fa fa-file-text" aria-hidden="true"></i></a>

                                        <a href="" role="button" class="btn btn-outline-dark btn-xs" data-bs-toggle="tooltip"
                                            data-bs-placement="top" title="" data-bs-original-title="Keep in view"><i
                                                class="fa fa-binoculars"></i></a>

                                        <a href="" role="button" class="btn btn-outline-dark btn-xs" data-bs-toggle="tooltip"
                                            data-bs-placement="top" title="" data-bs-original-title="Potential Candidate"><i
                                                class="fa fa-check"></i></a>

                                        <a href="" role="button" class="btn btn-outline-dark btn-xs" data-bs-toggle="tooltip"
                                            data-bs-placement="top" title="" data-bs-original-title="Reject Applicant"><i
                                                class="fa fa-times"></i></a>
                                    </div>
                                </td>
                            </tr>

                        </tbody>
                    </table>
                </div>


                <div class="tab-pane fade" id="pills-new" role="tabpanel" aria-labelledby="pills-new-tab">
                    <p class="mb-0 m-t-30">New Applicatins</p>
                </div>
                <div class="tab-pane fade" id="pills-rejected" role="tabpanel" aria-labelledby="pills-rejected-tab">
                    <p class="mb-0 m-t-30">Rejected</p>
                </div>

                <div class="tab-pane fade" id="pills-potential" role="tabpanel" aria-labelledby="pills-potential-tab">
                    <p class="mb-0 m-t-30">Potential Applicants</p>
                </div>
                <div class="tab-pane fade" id="pills-kiv" role="tabpanel" aria-labelledby="pills-kiv-tab">
                    <p class="mb-0 m-t-30">Keep in View</p>
                </div>

                <div class="tab-pane fade" id="pills-interview" role="tabpanel" aria-labelledby="pills-interview-tab">
                    <p class="mb-0 m-t-30">Schedule Interview</p>
                </div>
                <div class="tab-pane fade" id="pills-confirm" role="tabpanel" aria-labelledby="pills-confirm-tab">
                    <p class="mb-0 m-t-30">Confirm Employment</p>
                </div>

                <div class="tab-pane fade" id="pills-disqualified" role="tabpanel" aria-labelledby="pills-disqualified-tab">
                    <p class="mb-0 m-t-30">Disqualified</p>
                </div>
                <div class="tab-pane fade" id="pills-blacklisted" role="tabpanel" aria-labelledby="pills-blacklisted-tab">
                    <p class="mb-0 m-t-30">Blacklisted Applicants</p>
                </div>


            </div>





        </div>
    </div>
</div>

@endsection