@extends('admin.layouts.admin')
@section('style')
<link href="{{ asset('assets/admin/plugins/datatables/dataTables.bootstrap4.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>
                <!--end page-title-box-->
            </div>
            <!--end col-->
        </div>
        <!--end row-->

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

        <div class="row">
            <div class="col-12">
                <div class="card overflow-hidden">
                    <div class="card-body bg-light">
                        <div class="met-profile">
                            <div class="row">
                                <div class="col-lg-12 align-self-center mb-3 mb-lg-0">
                                    <form method="post"
                                          action="{{ url()->route('admin.candidate-final-result.downloadPDF',['candidate_id' =>  $candidate->id,'job_id' =>  $candidate->selectedCandidate->jobs->id])}}" style="float:right;">
                                        @csrf
                                        <input type="hidden" name="result_id"
                                               value="{{$_GET['resultId'] ?? null}}">
                                        <button type="submit" class="btn btn-info">
                                            <i class="ti-download mr-2"></i>Download Candidate
                                        </button>
                                    </form>
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <div class="col-lg-6 align-self-center mb-3 mb-lg-0">
                                    <div class="met-profile-main">
                                        <div class="met-profile-main-pic">
                                            <img src="{{ url('assets/admin/assets/images/users/user-1.jpg') }}"
                                                width="90" alt="" class="rounded-circle">
                                        </div>
                                        <div class="met-profile_user-detail">
                                            <h5 class="met-user-name">{{ $candidate->user->name ?? ''}}</h5>
                                            <p class="mb-0 met-user-name-post text-dark">
                                                {{ $candidate->user->user_type ?? '' }}</p>
                                        </div>
                                    </div>
                                </div>
                                <!--end col-->
                                <div class="col-lg-4 ml-auto align-self-center">
                                    <ul class="list-unstyled personal-detail mb-0">
                                        <li class="text-dark"><b> Phone </b> : {{ $candidate->user->phone ?? '' }}</li>
                                        <li class="text-dark mt-2"><b> Email </b> : <a
                                                href="mailto:{{ $user->email ?? '' }}">{{ $candidate->user->email ?? '' }}</a>
                                        </li>
                                        @if($candidate->user->user_type == 'Candidate')
                                        <li class="text-dark mt-2"><b>Location</b> : {{ $candidate->location ?? ''}}
                                        </li>
                                        @endif
                                    </ul>
                                </div>
                                <!--end col-->
                            </div>
                            <!--end row-->
                        </div>
                        <!--end f_profile-->
                    </div>
                    <!--end card-body-->
                </div>
                <!--end card-->
            </div>
            <!--end col-->
        </div>
        <!--end row-->

        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-12 col-xl-12">
                                <div class="card user_info_card">
                                    <div class="card-header">
                                        <div class="d-flex align-items-center">
                                            <div class="">
                                                <h5 class="card-title m-0">Personal Information</h5>
                                            </div>
                                            <!--end col-->
                                        </div>
                                        <!--end row-->
                                    </div>
                                    <!--end card-header-->
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="form-group mb-3 row">
                                                    <label class="col-md-4 text-end mb-lg-0 align-self-center">Highest
                                                        Education</label>
                                                    <div class="col-md-8">
                                                        <input class="form-control" type="text"
                                                            value="{{ $candidate->jobEducation->name ?? '' }}" disabled>
                                                    </div>
                                                </div>
                                                <div class="form-group mb-3 row">
                                                    <label class="col-md-4 text-end mb-lg-0 align-self-center">Date of
                                                        Birth</label>
                                                    <div class="col-md-8">
                                                        <div class="input-group">
                                                            <div class="input-group-prepend">
                                                            </div>
                                                            <input type="text" class="form-control"
                                                                value="{{ date("F j, Y", strtotime($candidate->date_of_birth))  ?? '' }}" disabled>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group mb-3 row">
                                                    <label
                                                        class="col-md-4 text-end mb-lg-0 align-self-center">Source</label>
                                                    <div class="col-md-8">
                                                        <div class="input-group">
                                                            <input type="text" class="form-control"
                                                                value="{{ $candidate->source ?? ''}}" disabled>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group mb-3 row">
                                                    <label class="col-md-4 text-end mb-lg-0 align-self-center">Passport
                                                        Number</label>
                                                    <div class="col-md-8">
                                                        <input class="form-control" type="text"
                                                            value="{{ $candidate->passport_number ?? '' }}" disabled>
                                                    </div>
                                                </div>
                                                <div class="form-group mb-3 row">
                                                    <label class="col-md-4 text-end mb-lg-0 align-self-center">Blood
                                                        Group</label>
                                                    <div class="col-md-8">
                                                        <div class="input-group">
                                                            <input type="text" class="form-control"
                                                                value="{{ $candidate->blood_group ?? '' }}" disabled>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group mb-3 row">
                                                    <label
                                                        class="col-md-4 text-end mb-lg-0 align-self-center form-label">NID
                                                        Number</label>
                                                    <div class="col-md-8">
                                                        <div class="input-group">
                                                            <input type="text" class="form-control"
                                                                value="{{ $candidate->nid_number ?? ''}}" disabled>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--end col-->

                        </div>
                        <!--  -->
                    </div>
                    <!--end card-body-->
                </div>
                <!--end card-->
            </div>
            <!--end col-->
        </div>
        <!--end row-->

        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-12 col-xl-12">
                                <div class="card user_info_card">
                                    <div class="card-header">
                                        <div class="d-flex align-items-center">
                                            <div class="">
                                                <h5 class="card-title m-0">Result Details</h5>
                                            </div>
                                            <!--end col-->
                                        </div>
                                        <!--end row-->
                                    </div>
                                    <!--end card-header-->
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="form-group mb-3 row">
                                                    <label class="col-md-4 text-end mb-lg-0 align-self-center">MBTI Code</label>
                                                    <div class="col-md-8">
                                                        <input class="form-control" type="text"
                                                            value="" disabled>
                                                    </div>
                                                </div>
                                                <div class="form-group mb-3 row">
                                                    <label class="col-md-4 text-end mb-lg-0 align-self-center">Written Marks</label>
                                                    <div class="col-md-8">
                                                        <div class="input-group">
                                                            <div class="input-group-prepend">
                                                            </div>
                                                            <input type="text" class="form-control"
                                                                value="" disabled>
                                                        </div>
                                                    </div>
                                                </div>
                                                {{--<div class="form-group mb-3 row">
                                                    <label class="col-md-4 text-end mb-lg-0 align-self-center">Total Marks</label>
                                                    <div class="col-md-8">
                                                        <div class="input-group">
                                                            <div class="input-group-prepend">
                                                            </div>
                                                            <input type="text" class="form-control"
                                                                value="" disabled>
                                                        </div>
                                                    </div>
                                                </div>--}}
                                                <div class="form-group mb-3 row">
                                                    <label
                                                        class="col-md-4 text-end mb-lg-0 align-self-center">VIVA Rating</label>
                                                    <div class="col-md-8">
                                                        <div class="input-group">
                                                            <input type="text" class="form-control"
                                                                value="" disabled>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group mb-3 row">
                                                    <label class="col-md-4 text-end mb-lg-0 align-self-center">Job Title</label>
                                                    <div class="col-md-8">
                                                        <input class="form-control" type="text"
                                                            value="" disabled>
                                                    </div>
                                                </div>
                                                <div class="form-group mb-3 row">
                                                    <label class="col-md-4 text-end mb-lg-0 align-self-center">Notice Period</label>
                                                    <div class="col-md-8">
                                                        <input class="form-control" type="text"
                                                            value="" disabled>
                                                    </div>
                                                </div>
                                                <div class="form-group mb-3 row">
                                                    <label class="col-md-4 text-end mb-lg-0 align-self-center">Comments</label>
                                                    <div class="col-md-8">
                                                        <div class="input-group">
                                                            <input type="text" class="form-control"
                                                                value="" disabled>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group mb-3 row">
                                                    <label
                                                        class="col-md-4 text-end mb-lg-0 align-self-center form-label">Interviewer Name</label>
                                                    <div class="col-md-8">
                                                        <div class="input-group">
                                                        @php
                                                            $interviewers = App\Modules\RecruitmentModule\Models\Interviewer::where('id', $viva_details->interviewer_name)->where('status', 1)->first();
                                                            
                                                        @endphp
                                                            <input type="text" class="form-control"
                                                                value="" disabled>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--end col-->

                        </div>
                        <!--  -->
                    </div>
                    <!--end card-body-->
                </div>
                <!--end card-->
            </div>
            <!--end col-->
        </div>
        <!--end row-->
    </div>
    <!-- container -->
    @include('admin.sections.footer')
    <!--end footer-->
</div>
<!-- end page content -->
@endsection

@section('script')
<script src="{{ asset('assets/admin/plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('assets/admin/plugins/datatables/dataTables.bootstrap4.min.js') }}"></script>

<script type="text/javascript">
$(document).ready(function() {
    // $("#datatable").DataTable();
});
</script>
@endsection