@extends('layouts.careers')
@section('title', $job->title)
@section('content')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb bg-white rounded shadow-sm">
            <li class="breadcrumb-item"><a href="{{ route('careers.index') }}">Careers</a></li>
            <li class="breadcrumb-item active">{{ $job->title }}</li>
        </ol>
    </nav>
    <div class="card border-0 shadow-sm mb-4">
        <div class="card-body p-4">
            <h1 class="h4 font-weight-bold mb-2">{{ $job->title }}</h1>
            <p class="text-muted small mb-3">
                @if($job->warehouse)<span class="badge badge-soft">{{ $job->warehouse->name }}</span>@endif
                @if($job->department)<span class="badge badge-light border ml-1">{{ $job->department->name }}</span>@endif
                @if($job->designation)<span class="badge badge-light border ml-1">{{ $job->designation->name }}</span>@endif
            </p>
            <div class="job-description text-secondary">{!! $job->description !!}</div>
        </div>
    </div>
    <div class="card border-0 shadow-sm">
        <div class="card-header bg-white font-weight-bold">Apply</div>
        <div class="card-body">
            <form method="post" action="{{ route('careers.apply', $job->slug) }}" enctype="multipart/form-data">
                @csrf
                <div class="form-row">
                    <div class="form-group col-md-6">
                        <label>Full name</label>
                        <input type="text" name="name" class="form-control" value="{{ old('name') }}" required>
                    </div>
                    <div class="form-group col-md-6">
                        <label>Email</label>
                        <input type="email" name="email" class="form-control" value="{{ old('email') }}" required>
                    </div>
                </div>
                <div class="form-group">
                    <label>Phone</label>
                    <input type="text" name="phone" class="form-control" value="{{ old('phone') }}">
                </div>
                <div class="form-group">
                    <label>CV (PDF or Word, max 10MB)</label>
                    <input type="file" name="cv" class="form-control-file" required accept=".pdf,.doc,.docx,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document">
                </div>
                @if ($errors->any())
                    <div class="alert alert-danger small">{{ $errors->first() }}</div>
                @endif
                <button type="submit" class="btn btn-primary">Submit application</button>
            </form>
        </div>
    </div>
@endsection