@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-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">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 form-label">Gender</label>
                                                        <div class="col-md-8">
                                                            <div class="input-group">
                                                                <input type="text"
                                                                       value="{{ $candidate->gender }}"
                                                                       class="form-control" 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 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 class="form-group mb-3 row">
                                                        <label
                                                            class="col-md-4 text-end mb-lg-0 align-self-center form-label">Alternative
                                                            Mobile Number</label>
                                                        <div class="col-md-8">
                                                            <div class="input-group">
                                                                <input type="text" name="alternative_phone"
                                                                       value="{{ $candidate->alternative_phone ?? ''}}"
                                                                       class="form-control" 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">Interest
                                                            Areas/ Hobbies</label>
                                                        <div class="col-md-8">
                                                            <div class="input-group">
                                                                <input type="text" name="interest_area"
                                                                       @if($candidate->interest_area == 'Travelling')
                                                                       value="Travelling"
                                                                       @elseif($candidate->interest_area == 'Blogging')
                                                                       value="Blogging"
                                                                       @elseif($candidate->interest_area == 'Sports')
                                                                       value="Sports"
                                                                       @else
                                                                       value=""
                                                                       @endif
                                                                       class="form-control" disabled>
                                                            </div>
                                                        </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>
                                                <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 form-label">Home
                                                            Town</label>
                                                        <div class="col-md-8">
                                                            <div class="input-group">
                                                                <input type="text" name="hometown"
                                                                       value="{{ $candidate->hometown }}"
                                                                       class="form-control" 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"
                                                            for="fName">Current Living
                                                            Situation</label>
                                                        <div class="col-md-8">
                                                            <div class="input-group">
                                                                <input type="text" name="living_situation"
                                                                       @if($candidate->living_situation == 'living_family')
                                                                       value="Lives Home With Family"
                                                                       @elseif($candidate->living_situation == 'living_alone')
                                                                       value="Lives Home Alone"
                                                                       @elseif($candidate->living_situation == 'mess')
                                                                       value="Lives in Mess"
                                                                       @else
                                                                       value=""
                                                                       @endif
                                                                       class="form-control" 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">Current
                                                            address</label>
                                                        <div class="col-md-8">
                                                            <div class="input-group">
                                                                <input type="text" name="current_address"
                                                                       value="{{ $candidate->current_address ?? '' }}"
                                                                       class="form-control" disabled>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- /step-->
                                    <!-- Educational Info Step-->
                                    <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">Educational Qualification</h5>
                                                </div>
                                                <!--end col-->
                                            </div>
                                            <!--end row-->
                                        </div>
                                        <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>
                                                <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">Passing
                                                            Year of Highest Level
                                                            Education</label>
                                                        <div class="col-md-8">
                                                            <input class="form-control" type="text"
                                                                   value="{{ $candidate->highest_education_passing_year ?? '' }}"
                                                                   disabled>
                                                        </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">Result
                                                            of
                                                            Highest Level
                                                            Education</label>
                                                        <div class="col-md-8">
                                                            <input class="form-control" type="text"
                                                                   value="{{ $candidate->highest_education_result ?? '' }}"
                                                                   disabled>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- /step-->
                                    <!-- Previous Job Info Step-->
                                    <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">Previous Job Information</h5>
                                                </div>
                                                <!--end col-->
                                            </div>
                                            <!--end row-->
                                        </div>
                                        <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">Previous
                                                            Company
                                                            Name</label>
                                                        <div class="col-md-8">
                                                            <input class="form-control" type="text"
                                                                   value="{{ $candidate->previous_company ?? '' }}"
                                                                   disabled>
                                                        </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">Previous
                                                            Designation</label>
                                                        <div class="col-md-8">
                                                            <input class="form-control" type="text"
                                                                   value="{{ $candidate->previous_designation ?? '' }}"
                                                                   disabled>
                                                        </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">Year
                                                            of
                                                            Experience</label>
                                                        <div class="col-md-8">
                                                            <input class="form-control" type="text"
                                                                   value="{{ $candidate->previous_experience ?? '' }}"
                                                                   disabled>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- /step-->
                                    <!-- Current Job Info Step-->
                                    <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">Current Job Information</h5>
                                                </div>
                                                <!--end col-->
                                            </div>
                                            <!--end row-->
                                        </div>
                                        <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">Our
                                                            job is based on
                                                            field level (Sales and
                                                            Marketing), are you willing to work in field level?</label>
                                                        <div class="col-md-8">
                                                            <input class="form-control" type="text"
                                                                   value="{{ $candidate->is_field_level === null ? '' : ($candidate->is_field_level == '1' ? 'Yes' : 'No') }}"
                                                                   disabled>
                                                        </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">In
                                                            this job you have to
                                                            visit different stores of a
                                                            certain area, street and shopping mall, convince the owner
                                                            of that shop to
                                                            offer a mobile apps and quer code of our company, do you
                                                            think this work is
                                                            possible by you?</label>
                                                        <div class="col-md-8">
                                                            <input class="form-control" type="text"
                                                                   value="{{ $candidate->is_possible === null ? '' : ($candidate->is_possible == '1' ? 'Yes' : 'No') }}"
                                                                   disabled>
                                                        </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">Do
                                                            you have LinkedIn
                                                            account?</label>
                                                        <div class="col-md-8">
                                                            <input class="form-control" type="text"
                                                                   value="{{ $candidate->is_linkedin === null ? '' : ($candidate->is_linkedin == '1' ? 'Yes' : 'No') }}"
                                                                   disabled>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- /step-->
                                    <!-- File Step-->
                                    <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">Uploaded Files</h5>
                                                </div>
                                                <!--end col-->
                                            </div>
                                            <!--end row-->
                                        </div>
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-lg-12">
                                                    <div class="form-group mb-3 row">
                                                        <label class="col-md-4 text-end mb-lg-0 align-self-center">Passport
                                                            Size Photo: </label>
                                                        <div class="col-md-8">
                                                            @if($candidate->nid_photo)
                                                                <a href="{{ asset($candidate->photo) }}" target="_blank"
                                                                   class="btn btn-primary waves-effect waves-light mt-4 mr-2">View</a>
                                                            @else
                                                                Not available
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="form-group mb-3 row">
                                                        <label class="col-md-4 text-end mb-lg-0 align-self-center">NID
                                                            Photo: </label>
                                                        <div class="col-md-8">
                                                            @if($candidate->nid_photo)
                                                                <a href="{{ asset($candidate->nid_photo) }}"
                                                                   target="_blank"
                                                                   class="btn btn-primary waves-effect waves-light mt-4 mr-2">View</a>
                                                            @else
                                                                Not available
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-lg-12">
                                                    <div class="form-group mb-3 row">
                                                        <label class="col-md-4 text-end mb-lg-0 align-self-center">CV/Resume: </label>
                                                        <div class="col-md-8">
                                                            @if($candidate->cv)
                                                                <a href="{{ asset($candidate->cv) }}" target="_blank"
                                                                   class="btn btn-primary waves-effect waves-light mt-4 mr-2">View</a>
                                                            @else
                                                                Not available
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- /step-->
                                </div>
                            </div>
                        </div>
                        <!--end col-->

                    </div>
                    <!--  -->
                </div>
                <!--end card-body-->
            </div>
            <!--end card-->
        </div>
        <!--end col-->
    </div>
    <!--end row-->
    </div>
    <!-- container -->
    <footer class="footer text-center text-sm-left">
        &copy; 2021 SSL Wireless <span class="text-muted d-none d-sm-inline-block float-right">Design and Developed by
            <a href="#">SSL Wireless</a></span>
    </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