@extends('master')

@section('title')
    VACANCIES
@stop

@section('styles')
    <link rel="stylesheet" href="{{ asset('css/nav.css') }}">
@stop

@section('content')

    <div class="row fullWidth">
        <div class="autoplay">
            <div><a href="https://www.payfast.co.za/donate/go/osizwenieducationanddevelopmenttrust" target="_blank"><img class="" src="{{ asset('img/home/osizweni-test-header.jpg') }}"></a></div>
            <div><a href="https://www.payfast.co.za/donate/go/osizwenieducationanddevelopmenttrust" target="_blank"><img class="" src="{{ asset('img/home/osizweni-header-blue.jpg') }}"></a></div>
            <div><a href="https://www.payfast.co.za/donate/go/osizwenieducationanddevelopmenttrust" target="_blank"><img class="" src="{{ asset('img/home/osizweni-header-green.jpg') }}"></a></div>
        </div>
        @include('partials.nav')
    </div>

    <div class="row fullWidth">
        <div class="bannerPage">
            <div class="row">
                <div class="large-12 columns">

                    <h1 style="text-align: left;">{{$vacancy->title}}</h1>

                    <div class="row">
                        <div class="large-6 columns">
                            <label>Job Title <small class="red">{{ $errors->first('title') }}</small></label>
                            {{ $vacancy->title }}
                        </div>
                        <div class="large-6 columns">
                            <label>Reference Number <small class="red">{{ $errors->first('ref') }}</small></label>
                            {{ $vacancy->ref }}
                        </div>

                    </div>

                    <div class="row">
                        <div class="large-6 columns">
                            <label>Salary <small class="red">{{ $errors->first('salary') }}</small></label>
                            {{ $vacancy->salary }}
                        </div>
                           <div class="large-6 columns">
                               <label>Closing Date <small class="red">{{ $errors->first('closingDate') }}</small></label>
                               {{ $vacancy->closingDate }}
                           </div>
                    </div>

                    <div class="row">
                        <div class="large-12 columns">
                            <label>Job Description <small class="red">{{ $errors->first('description') }}</small></label>
                            {!! $vacancy->description !!}
                        </div>
                    </div>


                    <img class="vacancyImage" src="{{ asset('img/vacancies-image.png') }}">

                    <a href="/apply/{{$vacancy->id}}"><button>Apply</button></a>

                </div>
            </div>
        </div>
        <hr class="hrBooking">
    </div>

@include('partials.footer')

@stop

@section('scripts')
    <script src="{{ asset('js/scripts.js') }}"></script>

@stop