@extends('web.layouts.container')

@section('content')
    <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.job_name')}}</a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">{{$job->job_title}}</li>
                </ol>
            </nav>
        </div>
    </div>
    <section class="single-blog single-job">
        <div class="container">
            <div class="job-heading">
                <div class="row">
                    <div class="col-md-3">
                        <img src="{{$logo ? asset($logo) : asset('assets/web/images/logo.png')}}" class="logo">
                    </div>
                    <div class="col-md-6">
                        <div class="text">
                            <h5>{{$job->job_title}}</h5>
                            <h6>{{$job->lab_com_name}} - {{$job->city_name}}</h6>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <a href="{{route('applyAvailableJob', $job)}}" class="main-butn">{{__('empPortals.apply_now')}}</a>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-8">
                    <div class="card card-desc">
                        <h5 class="card-header">{{__('empPortals.job_desc')}}</h5>
                        <div class="card-body">
                            <p>{{$job->notes}}</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card card-details">
                        <h6 class="card-header">{{__('empPortals.job_details')}}</h6>
                        <div class="card-body">
                            <div class="item">
                                <p>
                                    {{__('empPortals.job_title')}}:
                                </p>
                                <p>{{$job->job_title}}</p>
                            </div>
                            <div class="item">
                                <p>
                                    {{__('empPortals.gender')}}:
                                </p>
                                <p>{{__('jobs.'.$job->gender)}}</p>
                            </div>
                            <div class="item">
                                <p>
                                    {{__('empPortals.lower_education')}}:
                                </p>
                                <p>{{__('jobs.'.$job->education_level)}}</p>
                            </div>
                            <div class="item">
                                <p>
                                    {{__('empPortals.lower_experience')}}:
                                </p>
                                <p>{{$job->experience_years}} {{__('empPortals.years')}} </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('inner_js')

@endsection