@extends('frontend.layouts.web')
@section('content')
<div class="container cv-wrapper py-5">
    <div class="row">
        <div class="col-lg-3 col-12 pr-2">
            <div class="candidate_detail">
                <div class="heading text-start">
                    <h5 class="text-warning p-3"> Candidate Detail</h5>
                </div>
                <div class="row px-3 py-2">
                    <h5 class="py-3 fw-bolder">{{$ApplicanttInfo->full_name}}</h5>
                    {{-- Date of Birth --}}
                    <div class="px-3 pt-2 section-dob col-12">
                        <div class="float-start"><i class="fa fa-calendar mt-1" aria-hidden="true"></i></div> 
                        <div class="float-start px-3">
                            <p>Date of Birth <br>
                                <span>
                                    {{date('d', strtotime($ApplicanttInfo->date_of_birth))}}/{{date('m', strtotime($ApplicanttInfo->date_of_birth))}}/{{date('Y', strtotime($ApplicanttInfo->date_of_birth))}}
                                </span> 
                            </p>
                        </div> 
                    </div>
                    {{-- Current Location --}}
                    <div class="px-3 pt-2 section-location col-12">
                        <div class="float-start"><i class="fa fa-map-marker mt-1" aria-hidden="true"></i></div> 
                        <div class="float-start px-3"><p>Current Location<br><span>{{$ApplicanttInfo->cities_name}}</span> </p></div> 
                    </div>
                    {{-- Gender --}}
                    <div class="px-3 pt-2 section-gender col-12">
                        <div class="float-start"><i class="fa fa-mars mt-1" aria-hidden="true"></i></div> 
                        <div class="float-start px-3"><p>Gender<br><span>{{$ApplicanttInfo->gender}}</span> </p></div> 
                    </div>
                    {{-- Marital Status --}}
                    <div class="px-3 pt-2 section-gender col-12">
                        <div class="float-start"><i class="fa fa-user mt-1" aria-hidden="true"></i></div> 
                        <div class="float-start px-3"><p>Marital Status<br><span>{{$ApplicanttInfo->martial_status}}</span> </p></div> 
                    </div>
                    {{-- Qualification --}}
                    <div class="px-3 pt-2 section-qualification col-12">
                        <div class="float-start"><i class="fa fa-university mt-1" aria-hidden="true"></i></div> 
                        <div class="float-start px-3">
                            <p>Qualification<br>
                                @foreach ($ApplicantEducation as $edu)
                                    <span>
                                     {{$edu->degree_level}}
                                    </span> 
                                @break
                                @endforeach
                            </p>
                        </div> 
                    </div>
                    {{-- Save Button --}}
                    <div class="col-12 text-center my-4">
                        <a href="{{route('save-cv',$ApplicanttInfo->id)}}">   
                            <button class="btn btn-lg btn-primary"><i class="fa fa-download download px-1" aria-hidden="true"></i> Save Resume</button>
                        </a> 
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-6 col-12  pr-2">
            <div class="about_me">
                <div class="heading text-start">
                    <h5 class="text-warning p-3"> About Me</h5>
                </div>
                <p class="p-4">
                    {{$ApplicanttInfo->remarks}}
                </p>
            </div>
            <div class="general_info">
                <div class="heading text-start">
                    <h5 class="text-warning p-3"> General Information</h5>
                </div>
                <div class="row p-3">
                    <div class="col-4">
                        <span>Domicile</span>
                        <p class="fw-bold"> {{$ApplicanttInfo->domicile}}</p>
                    </div>
                    <div class="col-4">
                        <span>Age Group</span>
                        <p class="fw-bold">{{$ApplicanttInfo->age}}</p>
                    </div>
                    <div class="col-4">
                        <span>Home Address</span>
                        <p class="fw-bold">{{$ApplicanttInfo->postel_address}}</p>
                    </div>
                    <div class="col-4">
                        <span>Hobbies</span>
                        <p class="fw-bold">{{$ApplicanttInfo->hobbies}}</p>
                    </div>
                    <div class="col-4">
                        <span>Contact Number</span>
                        <p class="fw-bold">{{$ApplicanttInfo->mobile}}</p>
                    </div>
                    <div class="col-4">
                        <span>Email Address</span>
                        <p class="fw-bold">{{$ApplicanttInfo->email}}</p>
                    </div>
                </div>
            </div>

            <div class="education mt-3">
                <div class="text-start">
                    <h3 class="p-3"><i class="fa fa-graduation-cap edu-cap" aria-hidden="true"></i> Education</h3>
                </div>
                <div class="row px-5">
                    <ul>
                        @foreach($ApplicantEducation as $edu)
                            <div class="education-detail py-3">  
                                <div class="d-flex justify-content-between education-section">
                                    <li class="float-start">{{$edu->degree_name}} </li> 
                                    <p class="float-end">({{$edu->session}})</p>
                                </div>
                                <span>{{$edu->institute}}</span>  
                            </div> 
                       @endforeach     
                    </ul>
                </div>
            </div>

            <div class="education">
                <div class="text-start">
                    <h3 class="p-3"><i class="fa fa-briefcase bag-cap" aria-hidden="true"></i> Work Experience</h3>
                </div>
                <div class="row px-5">
                    <ul>
                        @foreach ($ApplicantProfessional as $prof)
                            <div class="education-detail py-3">  
                                <div class="d-flex justify-content-between education-section">
                                    <li class="float-start">{{$prof->org_designation}} </li> 
                                    <p class="float-end">({{date('Y', strtotime($prof->start_date))}} - {{date('Y', strtotime($prof->end_date))}})</p>
                                </div>
                                <span>{{$prof->org_name}}</span>  
                            </div>     
                        @endforeach
                    </ul>
                </div>
            </div>

            <div class="education">
                <div class="text-start">
                    <h3 class="p-3"><i class="fa fa-search bag-cap" aria-hidden="true"></i> Research Articles</h3>
                </div>
                <div class="row px-5">
                    <ul>
                       @foreach ($ApplicantWorkshops as $works)
                        <div class="education-detail py-3">  
                            <div class="d-flex justify-content-between education-section">
                                <li class="float-start">{{$works->res_title}} </li> 
                                <p class="float-end">({{$works->res_year}})</p>
                            </div>
                            <span>{{$works->res_org_name}}</span>  
                        </div> 
                       @endforeach  
                    </ul>
                </div>
            </div>

        </div>

        <div class="col-lg-3 col-12 recents">
            <div class="col-md-12 border border-warning pb-3">
                <h4 class="px-3 mt-3 fw-bold p-1">RECENT JOBS </h4>
                <div class="row pt-3">
                    <div class="row pt-3">
                        @foreach($recentjobs as $jobs)
                        <div class="col-lg-10 offset-lg-1 mb-3 p-0 pl-2">
                            <a href="{{route('CareerDetail',$jobs->slug)}}" target="_blank"><p class="m-0">
                            <i class="fa fa-university mr-2 career-apply"></i> <b>{{$jobs->designation}}</b></p></a>
                            <p class="m-0"><i class="fa fa-calendar mr-2 career-apply"></i> <b>Last Date: </b>{{date('F d, Y', strtotime($jobs->end_date)) }}</p>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
            <div class="wrapper-career border border-warning mt-5 p-3">
                <h4 class=" mt-3 fw-bold">QUICK CAREER TIPS</h4>
                @foreach($CareerTips as $tips)
                <div class="three-phase mt-4">
                    <span><a href="{{route('career-tips-detail.show',$tips->slug)}}">{{$tips->title}}</a></span>
                    <img src="{{URL('/')}}/frontend/images/career/careertips/{{$tips->image}}" class="py-2 img-fluid" alt="...">
                    <br><span class="date">{{date('M d, Y', strtotime($tips->created_at)) }}</span>
                </div>
                @endforeach
            </div>
        </div>
    </div>
</div>

@endsection