@extends('employer.layouts.app')


@section('title','View Job Vacancy')


@section('content')



<!-- Begin Page Content -->
<div class="container-fluid">

        

 <!-- Page Heading -->
 <div class="d-sm-flex align-items-center justify-content-between mb-4">
     <h1 class="h4 mb-0 text-gray-800"> {{ $job->name }} Details</h1>
     <a href="{{ route('JobVacanciesList') }}" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"><i
                     class="fas fa-add fa-sm text-white-50"></i> Job Vacancies List</a>
 </div>

 <div class="row">
     <!-- Add -->
     <div class="col-xl-12 col-lg-7">
         <div class="card shadow mb-4 min_500">
             <!-- Card Body -->
             <div class="card-body">

                 <!--form-->
                
                     <div class="row">

                    

                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Job Vacancy Name</b></label><br>
                                 {{ $job->name  }}
                             </div>
                         </div>

                        
                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Job Vacancy Code</b></label><br>
                                {{ $job->code }}
                             </div>
                         </div>
                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Job Vacancy Description</b></label><br>
                                {{ $job->description  }}
                             </div>
                         </div>

                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Salary</b></label><br>
                                {{ $job->salary  }}
                             </div>
                         </div>

                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Qualification</b></label><br>
                                {{ $job->qualification  }}
                             </div>
                         </div>

                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Job Location</b></label><br>
                                {{ $job->location  }}
                             </div>
                         </div>
                         <div class="col-md-6">
                             <div class="form-group">
                                <label for=""><b>Skills</b></label><br>
                                <div class="form-group">
                                     @foreach($job->SkillList as $key=>$skill)
                                     @if($key==0)
                                     {{ $skill->Skill->name }}
                                     @else
                                     ,{{ $skill->Skill->name }}
                                     @endif
                                     @endforeach
                                 </div>                                
                             </div>
                         </div>

                        @if($job->attachment)

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for=""><b>Supporting File</b></label><br>
                                    <img src="{{ asset('storage/job_vacancy_docs/'.$job->attachment) }}" class="img-fluid" >
                                </div>
                            </div>

                        @endif


                     </div>
                    
                 <!--form-->

             </div>
             <!-- Card Body -->
         </div>
     </div>
     <!-- Add -->
 </div>

</div>
<!-- /.container-fluid -->




@endsection