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

@section('content')
    <style>
        label {
            font-weight: bolder;
        }
    </style>
    <div style="background-color: #838383a1;margin-top: 10px;margin-bottom: 10px;" class="container">
        <br>
        <h2>Apply for {{ $vacancy->title }} vacancy</h2>
        <form method="POST" action="{{ route('vacancy.apply.submit', $vacancy->id) }}" enctype="multipart/form-data">
            @csrf
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="form-group">
                        <label for="applicantName">Name:</label>
                        <input type="text" id="applicantName" name="name" class="form-control"
                               value="{{ auth()->check() ? auth()->user()->name : old('name') }}" required>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="form-group">
                        <label for="applicantEmail">Email:</label>
                        <input type="email" id="applicantEmail" name="email" class="form-control"
                               value="{{ auth()->check() ? auth()->user()->email : old('email') }}" required>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="form-group">
                        <label for="number">Contact Number:</label>
                        <input type="text" id="number" name="number" class="form-control"
                               value="{{ auth()->check() ? auth()->user()->number : old('number') }}" required>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="form-group">
                        <label for="applicantCV">Upload CV:</label>
                        <input type="file" id="applicantCV" name="cv" class="form-control" required>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-6">
                    <button style="margin-bottom: 20px;" class="btn credit-btn" type="submit">Submit Application</button>
                </div>
            </div>
        </form>
    </div>
@endsection