@extends('layouts.admin.app')
@section('title', 'Job Management')
@section('content')
<div class="nk-content detailPage">
    <div class="container-fluid">
        <div class="nk-content-inner">
            <div class="nk-content-body">
                <div class="nk-block-head nk-block-head-sm">
                    <div class="nk-block-between">
                        <div class="nk-block-head-content">
                            <h3 class="nk-block-title page-title">{{ __('labels.job') }} {{ __('labels.details') }}</h3>
                            <div class="nk-block-des text-soft">
                                <!-- breadcrumb @s -->
                                <nav>
                                    <ul class="breadcrumb breadcrumb-arrow">
                                        <li class="breadcrumb-item"><a
                                                href="{{route('admin.dashboard')}}">{{ __('labels.dashboard') }}</a>
                                        </li>
                                        <li class="breadcrumb-item"><a
                                                href="{{route('job.index')}}">{{ __('labels.job') }}</a>
                                        </li>
                                        <li class="breadcrumb-item active">{{ __('labels.job') }}
                                            {{ __('labels.details') }}</li>
                                    </ul>
                                </nav>
                                <!-- breadcrumb @e -->
                            </div>
                        </div><!-- .nk-block-head-content -->

                    </div><!-- .nk-block-between -->
                </div><!-- .nk-block-head -->
                <div class="nk-block">
                    <div class="card card-bordered">
                        <div class="card-inner">
                            <div class="row gy-4">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-label">{{ __('labels.category') }}</label>
                                        <div class="form-control-wrap">
                                            {{!empty($job) ? $job->jobCategories->name: '--'}}
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-label">{{ __('labels.sub_category') }}</label>
                                        <div class="form-control-wrap">
                                            {{!empty($job) ? $job->jobSubCategories->name: '--'}}
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row gy-4">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-label">{{ __('labels.country') }}</label>
                                        <div class="form-control-wrap">
                                            {{!empty($job) ? $job->jobCountry->name: '--'}}
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6">

                                    <div class="form-group">
                                        <label class="form-label">{{ __('labels.state') }}</label>
                                        <div class="form-control-wrap">
                                            {{!empty($job) ? $job->jobState->name: '--'}}
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row gy-4">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-label">{{ __('labels.city') }}</label>
                                        <div class="form-control-wrap">
                                            {{!empty($job) ? $job->jobCity->name: '--'}}
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-label">{{ __('labels.title') }}</label>
                                        <div class="form-control-wrap">
                                            {{!empty($job)? $job->title : '--'}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row gy-4">
                                <div class="col-md-6">

                                    <div class="form-group">
                                        <label class="form-label">{{ __('labels.job_type') }}</label>
                                        <div class="form-control-wrap">
                                            {{!empty($job)? config('constants.JOB_TYPE.'.$job->job_type) : '--'}}
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-label">{{ __('labels.keyword') }}</label>
                                        <div class="tags-input-wrapper border-0 p-0">
                                            @if (!empty($job)) 
                                                @foreach ($job->jobKeyword as $keyword)
                                                    <span class="tag tag--orange">{{ $keyword->name }}</span>
                                                @endforeach
                                            @else
                                                --
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="row gy-4">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="form-label">{{ __('labels.about_company') }}</label>
                                        <div class="form-control-wrap">
                                            @if($job && isset($job->about_company))
                                            {!! $job->about_company !!}
                                            @else
                                            --
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row gy-4">
                                <div class="col-md-12">

                                    <div class="form-group">
                                        <label class="form-label">{{ __('labels.about_role') }}</label>
                                        <div class="form-control-wrap">
                                            @if($job && isset($job->about_role))
                                            {!! $job->about_role !!}
                                            @else
                                            --
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row gy-4">
                                <div class="col-md-12">


                                    <div class="form-group">
                                        <label class="form-label">{{ __('labels.job_responsibilities') }}</label>
                                        <div class="form-control-wrap">
                                            @if($job && isset($job->job_responsibilities))
                                            {!! $job->job_responsibilities !!}
                                            @else
                                            --
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row gy-4">
                                <div class="col-md-12">


                                    <div class="form-group">
                                        <label class="form-label">{{ __('labels.job_requirement') }}</label>
                                        <div class="form-control-wrap">
                                            @if($job && isset($job->job_requirement))
                                            {!! $job->job_requirement !!}
                                            @else
                                            --
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row gy-4">
                                <div class="col-md-12">
                                    <div class="form-group text-left">
                                        <a href="{{ route('job.index') }}"
                                            class="btn btn-primary">{{ __('labels.back') }}</a>
                                    </div>
                                </div>
                            </div>

                        </div><!-- .card-inner -->
                    </div>
                </div><!-- .nk-block -->
            </div>
        </div>
    </div>
</div>
<!-- Add Edit job -->
@endsection