@extends('layouts.website-main-menu')

@section('content')
    <style>
        ul li, ol li {
            list-style: none;
            color: white;
            font-size: 18px !important;
        }

        p {
            font-size: 18px !important;
        }
    </style>
    <section class="newsletter-area section-padding-100 bg-img jarallax" style="background-image: url(/images/slide1.jpeg);">
        <div class="container">
            <div style="background-color: black;padding-top: 15px;padding-bottom: 15px;" class="row justify-content-center">
                <div class="col-12 col-sm-10 col-lg-10">
                    <div class="nl-content">
                        <div class="text-center">
                        <h2>{{ $vacancy->title }}</h2>
                        <img src="/main-website/img/white-logo.png" alt="">
                        <p>&nbsp;&nbsp;</p>
                        <p><strong>Location:</strong> {{ $vacancy->location }}</p>
                        <p><strong>Closing Date:</strong> {{ $vacancy->closing_date }}</p>
                        <p><strong>Job Type:</strong> {{ $vacancy->job_type }}</p>
                        <p><strong>Salary:</strong> {{ $vacancy->salary }}<br><br></p>
                        @if($vacancy->attachment)
                            <p><strong>Attachment: <a href="{{ asset('storage/' . $vacancy->attachment) }}" target="_blank" class="btn credit-btn">Click Here to view</a></strong></p>
                            @endif
                        </div>
                        <p> {!! $vacancy->description !!}</p>
                        <div style="margin-top: 25px;margin-bottom: 25px;" class="text-center">
                            <a href="{{ route('vacancies') }}" class="btn credit-btn">Back to Vacancies</a>
                            <a href="{{ route('vacancy.apply', $vacancy->id) }}" class="btn credit-btn">Apply</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection