@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;">VACANCIES</h1>

                    <p style="text-align: justify;">Osizweni Science Centre is passionate about the advancement of
                    Science, Technology, Engineering and Mathematics. We have a high-calibre team of skilled,
                    motivated people and welcome exceptional talent to our team.</p>

                    <p style="text-align: justify;">A career with Osizweni not only bolsters your personal growth and
                    development, but also makes you part of something bigger: the opportunity to change lives in our
                    communities. </p>

                    <p style="text-align: justify;">Osizweni Science Centre strives to be an employer of choice. We
                    ensure that our recruitment and selection processes are fair and impartial. We believe that strength
                    is found in diversity and recognise the important contribution that people from diverse backgrounds
                    bring to our organisation.<br><br>
                        
                    <img class="vacancyImage" src="{{ asset('img/vacancies-image.png') }}">

                    <h2>Vacancies</h2>

                    <div class="row">
                    <table width="100%">
                        <thead>
                            <tr>
                                <th width="20%"><i class="fa faDashboard fa-newspaper-o" aria-hidden="true"></i>Job</th>
                                <th width="10%"><i class="fa faDashboard fa-calendar" aria-hidden="true"></i>Reference Number</th>
                                <th width="10%"><i class="fa faDashboard fa-calendar" aria-hidden="true"></i>Closing Date</th>
                                <th width="3%"><i class="fa fa-minus-square faDashboard"></i>View</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($vacancies as $vacancy)
                                <tr>
                                    <td>{{ $vacancy->title }}</td>
                                    <td>{{ $vacancy->ref }}</td>
                                    <td>{{ date('F d, Y', strtotime($vacancy->closingDate)) }}</td>
                                    <td><a href="vacancy/{{ $vacancy->id }}"><i class="lightGrey fa fa-pencil-square-o" aria-hidden="true"></i></a></td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <div class="row">
                        <div class="large-12 columns">
                            <div class="pagination"> {{ $vacancies->links() }} </div>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
        </div>
        <hr class="hrBooking">
    </div>

@include('partials.footer')

@stop

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

@stop