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

@section('page_title', __('Candidate dashboard'))

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

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

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

        <div class="row mb-4">
            <div class="col-12 col-lg-8 mb-4">
                <div class="card rounded-xl shadow-sm h-100">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-start">
                            <div>
                                <h4 class="font-weight-bold mb-2">{{__('Your candidate profile')}}</h4>
                                <p class="text-muted mb-0">{{__('This is where saved jobs, alerts, and application history will come together.')}}</p>
                            </div>
                            <span class="badge badge-primary">{{$profile->visibilityLabel()}}</span>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-12 col-md-4 mb-3 mb-md-0">
                                <div class="dashboard-stat rounded-xl p-3 d-flex flex-column">
                                    <div class="d-flex justify-content-between align-items-start mb-3">
                                        <div>
                                            <div class="text-muted">{{__('Saved jobs')}}</div>
                                            <div class="h4 font-weight-bold mb-0 dashboard-stat-value">{{$savedJobsCount}}</div>
                                        </div>
                                        <div class="dashboard-stat-icon d-flex align-items-center justify-content-center">
                                            @include('elements.icon',['icon'=>'bookmark-outline','variant'=>'small'])
                                        </div>
                                    </div>
                                    <div class="small text-muted mt-auto">{{__('Compare roles before applying.')}}</div>
                                </div>
                            </div>
                            <div class="col-12 col-md-4 mb-3 mb-md-0">
                                <div class="dashboard-stat rounded-xl p-3 d-flex flex-column">
                                    <div class="d-flex justify-content-between align-items-start mb-3">
                                        <div>
                                            <div class="text-muted">{{__('Saved searches')}}</div>
                                            <div class="h4 font-weight-bold mb-0 dashboard-stat-value">{{$savedSearchesCount}}</div>
                                        </div>
                                        <div class="dashboard-stat-icon d-flex align-items-center justify-content-center">
                                            @include('elements.icon',['icon'=>'notifications-outline','variant'=>'small'])
                                        </div>
                                    </div>
                                    <div class="small text-muted mt-auto">{{__('Get alerts for matching roles.')}}</div>
                                </div>
                            </div>
                            <div class="col-12 col-md-4">
                                <div class="dashboard-stat rounded-xl p-3 d-flex flex-column">
                                    <div class="d-flex justify-content-between align-items-start mb-3">
                                        <div>
                                            <div class="text-muted">{{__('Applications')}}</div>
                                            <div class="h4 font-weight-bold mb-0 dashboard-stat-value">{{$applicationsCount}}</div>
                                        </div>
                                        <div class="dashboard-stat-icon d-flex align-items-center justify-content-center">
                                            @include('elements.icon',['icon'=>'document-text-outline','variant'=>'small'])
                                        </div>
                                    </div>
                                    <div class="small text-muted mt-auto">{{__('Track jobs you applied to.')}}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-12 col-lg-4 mb-4">
                <div class="card rounded-xl shadow-sm h-100">
                    <div class="card-body d-flex flex-column">
                        <h5 class="font-weight-bold">{{__('Profile completeness')}}</h5>
                        <div class="d-flex justify-content-between align-items-center mb-2">
                            <span class="text-muted">{{__('Progress')}}</span>
                            <span class="font-weight-bold">{{$profileCompletion}}%</span>
                        </div>
                        <div class="progress mb-3" style="height: .5rem; border-radius: 999px;">
                            <div class="progress-bar bg-primary" role="progressbar" style="width: {{$profileCompletion}}%" aria-valuenow="{{$profileCompletion}}" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                        @if(count($profileMissingItems))
                            <div class="mb-3">
                                @foreach($profileMissingItems as $item)
                                    <div class="small text-muted mb-1">- {{$item}}</div>
                                @endforeach
                            </div>
                        @else
                            <p class="text-muted">{{__('Your profile has the important pieces in place.')}}</p>
                        @endif
                        <a class="btn btn-outline-primary mt-auto mb-0" href="{{route('my.candidate.profile')}}">{{__('Edit profile')}}</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="row mb-4">
            <div class="col-12 col-lg-8 mb-3">
                <div class="card rounded-xl shadow-sm">
                    <div class="card-body">
                        <h5 class="font-weight-bold">{{__('Saved jobs')}}</h5>
                        @if($savedJobs->count())
                            <div class="mt-3">
                                @foreach($savedJobs as $savedJob)
                                    @if($savedJob->job)
                                        @include('elements.listings.job-listing-box', ['job' => $savedJob->job])
                                    @endif
                                @endforeach
                            </div>
                        @else
                            <p class="text-muted mb-3">{{__('Bookmark roles and compare them later from here.')}}</p>
                            <a class="btn btn-outline-primary mb-0" href="{{route('search.get')}}">{{__('Find jobs to save')}}</a>
                        @endif
                        @if($savedJobsCount > 5)
                            <a class="btn-text btn-text-primary" href="{{route('my.candidate.saved-jobs')}}">{{__('View all saved jobs')}}</a>
                        @endif
                    </div>
                </div>
            </div>
            <div class="col-12 col-lg-4 mb-3">
                <div class="card rounded-xl shadow-sm dashboard-placeholder mb-3">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center">
                            <h5 class="font-weight-bold mb-0">{{__('Saved searches')}}</h5>
                            <a class="btn-text btn-text-primary" href="{{route('my.candidate.saved-searches')}}">{{__('Manage')}}</a>
                        </div>
                        @if($savedSearches->count())
                            <div class="saved-search-widget-list">
                                @foreach($savedSearches as $savedSearch)
                                    <div class="saved-search-widget-item">
                                        <a class="font-weight-bold text-dark d-block text-truncate" href="{{$savedSearch->searchUrl()}}">{{$savedSearch->name}}</a>
                                        <div class="text-muted small mt-1">
                                            {{ucfirst($savedSearch->alert_frequency)}} {{__('alerts')}} · {{__($savedSearch->status)}}
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        @else
                            <p class="text-muted mb-3">{{__('Turn searches into email alerts for roles that match your preferences.')}}</p>
                            <a class="btn btn-outline-primary mb-0" href="{{route('search.get')}}">{{__('Create a saved search')}}</a>
                        @endif
                    </div>
                </div>

                <div class="card rounded-xl shadow-sm dashboard-placeholder">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center">
                            <h5 class="font-weight-bold mb-0">{{__('Applications')}}</h5>
                            <a class="btn-text btn-text-primary" href="{{route('my.candidate.applications')}}">{{__('View all')}}</a>
                        </div>
                        @if($applicationHistory->count())
                            <div class="mt-3">
                                @foreach($applicationHistory as $application)
                                    <div class="activity-widget-item">
                                        <div class="small text-muted text-uppercase">{{$application->candidateStatusLabel()}}</div>
                                        @if($application->job)
                                            <a class="font-weight-bold text-dark d-block text-truncate" href="{{route('my.candidate.applications.show', ['applicationID' => $application->id])}}">{{$application->job->title}}</a>
                                            @if($application->job->company)
                                                <div class="text-muted small">{{$application->job->company->name}}</div>
                                            @endif
                                        @else
                                            <div class="font-weight-bold">{{__('Job no longer available')}}</div>
                                        @endif
                                    </div>
                                @endforeach
                            </div>
                        @else
                            <p class="text-muted mb-0 mt-3">{{__('Jobs you apply to will appear here.')}}</p>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection