@extends('layouts.frontend-layout')
@section('content')
    <style>
        p{
            text-align: left !important;
        }
        ul ol{
            text-align: left !important;
        }
    </style>

    <section class="title-bar">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="left-title-text">
                        <h3>Job Details</h3>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="right-title-text">
                        <ul>
                            <li class="breadcrumb-item"><a href="{{ route('main-site.index') }}">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Career</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="about">
        <div class="container">
            <div class="row mb-4 mt-5">
                <div class="col-md-12 mb-4">
                    <div class="new-heading text-left">
                        <h4> Position : {{ $jobs->position }} </h4>
                        <p class="mb-0">Department: {{ $jobs->department }} </p>
                        <p>Closing Date: {{ $jobs->closing_date }} </p>
                    </div>
                </div>
                <div class="col-md-12 mb-5">
                    <div class="">
                        <p style="text-align: left !important;"><strong>Overview:</strong>{!! $jobs->overview !!}</p>
                        <p style="text-align: left !important;"><strong>Job Responsibility:</strong>{!! $jobs->responsibility !!}</p>
                        <p style="text-align: left !important;"><strong>Educational Qualification:</strong>{!! $jobs->educational_qualification !!}</p>
                        <p style="text-align: left !important;"><strong>Special Skill:</strong> {!! $jobs->special_skill !!}</p>
                        <p><a href="{{ route('main-site.apply',['id'=>$jobs->id]) }}" class="btn-link" style="padding: 15px 60px; margin-top: 30px; float: right">Apply</a></p>
                    </div>
                </div>
            </div>

        </div>
    </section>

@endsection