@extends('web.layouts.container')

@section('content')
    <!--start page-heading-->
    <div class="page-heading">
        <div class="overlay"></div>
        <div class="container">
            <div class="text text-center">
                <h4>{{__('empPortals.job_name')}}</h4>
            </div>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item">
                        <a href="#">{{__('main.home_page')}}</a>
                    </li>
                    <li class="breadcrumb-item">
                        <a href="#">{{__('empPortals.jobs')}}</a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">{{$job->job_title}}</li>
                </ol>
            </nav>
        </div>
    </div>
    <!--start single-blog-->
    <section class="single-blog single-job">
        <div class="container">
            <div class="job-heading">
                <div class="row">
                    <div class="col-md-3">
                        <img src="{{asset('assets/web/images/logo.png')}}" class="logo">
                    </div>
                    <div class="col-md-6">
                        <div class="text">
                            <h5>{{$job->job_title}}</h5>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="card card-details">
                        <h6 class="card-header">{{__('users.personal_info')}}</h6>
                        <div class="card-body">
                            <div class="item">
                                <p>{{__('empPortals.name')}}:</p>
                                <p>{{$name}}</p>
                            </div>
                            <div class="item">
                                <p>{{__('users.edu_title')}}:</p>
                                <p>{{$job->title}}</p>
                            </div>
                            <div class="item">
                                <p>{{__('users.gender')}}:</p>
                                <p>{{__('users.'.$job->gender)}}</p>
                            </div>
                            <div class="item">
                                <p>{{__('users.birth_date')}}:</p>
                                <p>{{$job->birth_date}}</p>
                            </div>
                            <div class="item">
                                <p>{{__('empPortals.phone')}}:</p>
                                <p>{{$job->phone}}</p>
                            </div>
                            <div class="item">
                                <p>{{__('empPortals.email')}}: </p>
                                <p>{{$job->email}}</p>
                            </div>
                            <div class="item">
                                <p>{{__('empPortals.nationality')}}:</p>
                                <p>{{$job->nationality}} </p>
                            </div>
                            <div class="item">
                                <p>{{__('empPortals.city')}}:</p>
                                <p>{{$job->city_name . ', ' . $job->country_name}}</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-8">
                    <div class="card card-desc">
                        <h5 class="card-header">{{__('empPortals.job_desc')}}</h5>
                        <div class="card-body">
                            <div class="item">
                                <h6>{{__('empPortals.job_type')}}:</h6>
                                <span>{{$job->type == 'job' ? __('empPortals.job_searcher') : __('empPortals.training_searcher')}}</span>
                            </div>
                            <div class="item">
                                <h6>{{__('users.degree')}}:</h6>
                                <span>{{__('users.'.$job->degree)}}</span>
                            </div>
                            <div class="item">
                                <h6>{{__('users.general_speciality')}}:</h6>
                                <span>{{__('users.'.$job->general_speciality)}}</span>
                            </div>
                            <div class="item">
                                <h6>{{__('users.graduation_date')}}:</h6>
                                <span>{{$job->graduation_date}}</span>
                            </div>
                            <div class="item">
                                <h6>{{__('users.job_status')}}:</h6>
                                <span>{{__('users.'.$job->job_status)}}</span>
                            </div>
                            <div class="item">
                                <h6>{{__('users.specialization')}}:</h6>
                                <span>{{__('users.'.$job->specialization)}}</span>
                            </div>
                            <div class="item">
                                <h6>{{__('users.experience_years')}}:</h6>
                                <span>{{$job->experience_years}}</span>
                            </div>
{{--                            <div class="item">--}}
{{--                                <h6>{{__('users.how_know_us')}}:</h6>--}}
{{--                                <span>{{__('users.'.$job->how_know_us)}} </span>--}}
{{--                            </div>--}}
                            <div class="item">
                                <h6>{{__('users.cv')}}:</h6>
                                <span><a target="_blank" href="{{ route('downloadCv', $job->id)}}"><i class="fas fa-download"></i> {{__('users.download_cv')}}</a></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('inner_js')

@endsection