@extends('layouts.user-no-nav')

@section('page_title', __('Applications'))

@section('styles')
    {!!
        Minify::stylesheet([
            '/css/pages/home.css',
            '/css/pages/candidate-applications.css',
         ])->withFullUrl()
    !!}
@stop

@section('content')
    <div class="container">
        @include('elements.page-navigation-header',[
            'title' => __('Applications'),
            'points' => [
                ['title' => __('Home'), 'route' => route('home')],
                ['title' => __('Candidate dashboard'), 'route' => route('my.candidate.dashboard')],
                ['title' => __('Applications')],
            ],
        ])

        @include('elements.message-alert',['classes'=>'alert-box pt-0 pb-4'])

        @if($applications->count())
            <div class="card rounded-xl shadow-sm mb-4">
                <div class="card-body d-flex flex-column flex-md-row justify-content-between align-items-md-center">
                    <div>
                        <h4 class="font-weight-bold mb-1">{{__('Your applications')}}</h4>
                        <p class="text-muted mb-0">{{__('Track each job you applied to and what the hiring team has marked so far.')}}</p>
                    </div>
                    <a class="btn btn-outline-primary mt-3 mt-md-0 mb-0" href="{{route('search.get')}}">{{__('Find more jobs')}}</a>
                </div>
            </div>

            @foreach($applications as $application)
                <div class="card rounded-xl shadow-sm candidate-application-card mb-4">
                    <div class="card-body py-3">
                        <div class="candidate-application-row">
                            <div class="min-width-0">
                                <div class="d-flex flex-wrap align-items-center candidate-application-meta mb-2">
                                    <span class="badge badge-primary-outline badge-pill">{{$application->candidateStatusLabel()}}</span>
                                    @if($application->appliedDate())
                                        <span class="text-muted small">{{__('Applied')}} {{$application->appliedDate()->format('M j, Y')}}</span>
                                    @endif
                                </div>

                                @if($application->job)
                                    <p class="text-muted mb-1">{{$application->job->company ? $application->job->company->name : __('Company')}}</p>
                                    <h4 class="font-weight-bold mb-1 text-truncate">
                                        <a class="text-dark-r" href="{{route('my.candidate.applications.show', ['applicationID' => $application->id])}}">{{$application->job->title}}</a>
                                    </h4>
                                    <p class="text-muted mb-0 text-truncate">{{isset($application->job->type->name) ? $application->job->type->name : __('No type')}} @if($application->job->salary) - {{$application->job->salary}} @endif</p>
                                @else
                                    <h4 class="font-weight-bold mb-1">{{__('Job no longer available')}}</h4>
                                    <p class="text-muted mb-0">{{__('The listing connected to this application has been removed.')}}</p>
                                @endif
                            </div>

                            <div class="candidate-application-actions d-flex flex-wrap align-items-center justify-content-lg-end">
                                <a class="btn btn-outline-primary btn-sm mb-0" href="{{route('my.candidate.applications.show', ['applicationID' => $application->id])}}">{{__('Open')}}</a>
                                @if($application->job)
                                    <a class="btn-text btn-text-primary" href="{{route('jobs.get', ['slug' => $application->job->slug])}}">{{__('Listing')}}</a>
                                @endif
                                @if($application->resume_url)
                                    <a class="btn-text btn-text-primary" href="{{$application->resume_url}}" target="_blank" rel="noopener">{{__('CV')}}</a>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach

            <div class="d-flex flex-row-reverse mt-3">
                {{ $applications->links() }}
            </div>
        @else
            <div class="card rounded-xl shadow-sm">
                <div class="card-body">
                    <h4 class="font-weight-bold">{{__('No applications yet')}}</h4>
                    <p class="text-muted">{{__('When you apply with JustJobs, your applications and statuses will show up here.')}}</p>
                    <a class="btn btn-primary mb-0" href="{{route('search.get')}}">{{__('Find jobs')}}</a>
                </div>
            </div>
        @endif
    </div>
@endsection