@extends('master')

@section('title')
    Home
@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="bannerBooking">
            <div class="row">
                <div class="large-12 columns">

                    <h1>Apply for {{$vacancy->title}}</h1>
                    
                    <hr class="hrBooking">
                    <form method="post" action="{{ $vacancy->id }}" enctype="multipart/form-data">
                        @honeypot
                        @csrf
                        @method('post')
                        <div class="row">
                            <div class="medium-4 large-4 columns">
                                <label>Name</label>
                                <input name="name" type="text" class="form-control" required value="{{ old('name') }}"/>
                            </div>
                            <div class="medium-4 large-4 columns">
                                <label>Email</label>
                                <input name="email" type="email" class="form-control" required value="{{ old('email') }}"/>
                            </div>
                            <div class="medium-4 large-4 columns">
                                <label>CV</label>
                                <input name="CV" type="file" class="form-control" required value="{{ old('cv') }}"/>
                            </div>
                        </div>
                        <hr>
                        <label><strong>Upload Highest qualifications</strong></label>
                        <div class="row">
                            <div class="large-4 columns">
                                <label>Doc 1</label>
                                <input name="doc1" type="file" class="form-control" value="{{ old('doc1') }}" max=""/>
                            </div>
                            <div class="large-4 columns">
                                <label>Doc 2 (if available)</label>
                                <input name="doc2" type="file" class="form-control" value="{{ old('doc2') }}"/>
                            </div>
                            <div class="large-4 columns">
                                <label>Doc 3 (if available)</label>
                                <input name="doc3" type="file" class="form-control" value="{{ old('doc3') }}"/>
                            </div>
                        </div>
                        <hr>
    
                        <div class="row">
                            <div class="medium-12 large-12 columns">
                                <label>Cover Letter</label>
                                <textarea class="form-control" name="coverLetter" rows="20">
                                    {{ old('coverLetter') }}
                                </textarea>
                            </div>
                        </div>
    
                        <button class="bookButton" type="submit">Apply</button>    
                    </form>
                </div>
            </div>
        </div>
        <hr class="hrBooking">
    </div>

@include('partials.footer')

@stop

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